前端驱动的 WordPress 主题开发

这次分享主要面向懂前端,对后端了解有限的同学。如果你想用 WordPress 开发网站,尤其想挣点小钱的话,这个视频应该对你很有帮助。这段视频中我没有深入 WordPress 开发的细节,而是以前端技术为主,将我如何尽量使用前端技术完成企业网站搭建的新的和盘托出。

这次分享主要面向懂前端,对后端了解有限的同学。如果你想用 WordPress 开发网站,尤其想挣点小钱的话,这个视频应该对你很有帮助。这段视频中我没有深入 WordPress 开发的细节,而是以前端技术为主,将我如何尽量使用前端技术完成企业网站搭建的新的和盘托出。

同时这也是补全《一起挣外快吧——环境搭建+万能的WP+前端如何玩转WP》。

B 站链接:https://www.bilibili.com/video/av31991750/

肉山小课堂共建计划

简而言之,我的内容质量应该还是不错,但是品相不行,所以欢迎大家一起参与共同建设。有钱一起挣,将来有机会更进一步合作。

因为我自己各种忙,各种挖坑,但是十分希望能够多分享一些东西给大家,所以提出这个共建计划。我希望,我作为火种,引信,能够帮助更多的同学学到知识,取得进步。

经过过去两年高强度高密度的分享,我发现,“分享”这件事,并不容易。

首先,“你以为你以为的就是你以为的?”很多东西,我们放在自己的知识体系里,认为它就是全部的事实和事实的全部。但其实不然。这些东西,自己以为然当然没问题,拿出来分享,就不得不去收集更多信息以确保准确。

其次,未经包装的知识,很难被其他人吸收。总有人鄙视那些传道者分享者,觉得他们不配享有现在这般待遇。但实际上,分享和专精技术本来就是两码事,专精者未必擅长分享,“教学”本身也是件很难的事情,需要很多的学习和准备。

在当下的环境,做我想做的分享者,必然面临经济时间的两难。我做不到黑下心挣大钱,只好挤时间挣小钱。前面说了,分享需要大量的准备时间,又挣不到什么钱,面对金钱和时间的两难,就更难坚持。

所以我希望和大家共建一个学习环境。我拿出我的经验知识,以原石璞玉的方式授予大家,大家一边自己吸收,一边帮我打磨修饰,最后拿出宝器分享给更多的人;如果能卖出去挣到钱,就一起分成,共建共享。

总的目标

  1. 共同建设,共同受益
  2. 建设的多,回报的多
  3. 不设门槛,能干啥就干啥

共建计划

1. 视频剪辑整理

  1. 我提供视频,任何同学均可进行二次加工和处理
  2. 剪辑完成的视频,效果好的,给予人民币100 ~ 500的奖励(视长度和效果而定)
  3. 视频如果产生商业价值,比如上传至技术网站,四六分账,我占小头

2. 内容整理

  1. 视频、群内聊天,有价值的内容做成脱水版文章、slide、个人分享博客
  2. 分享周报、类库体验、CSS-trick 挑战等
  3. 优秀者送书奖励

3. 视频脱水/二次创作

我甚至欢迎大家整理 slide、文稿,修正错误部分,然后我来重录,或者整理人自己重录都可以(不过必须有我的来源说明)。之后也可以四六分,如果不需要我重录,二八分以可。


先想这三条,长期有效,欢迎有时间有兴趣的同学参与。

尬聊会:第13期

回顾本周群内分享内容,然后又聊了一些前端学习方面的内容。

兰卡威跳岛

回顾本周群内分享内容:

  1. 如何提问的技巧 張鑫旭
  2. Build an Excel add-in using Vue
  3. Did you know that style and script tags can be set to display: block?
  4. 使用 Pug 和 Stylus 开发小程序的 watch 脚本
  5. https://gradientjoy.com/ 这个网站很有意思,生成一个随机的渐变图,可以用来当背景或者 placeholder
  6. 纯 CSS 的 tab 页切换

然后又聊了一些前端学习方面的内容。

继续阅读“尬聊会:第13期”

尬聊会:第十二期

尬聊会第12期,讲解了一个纯CSS组件的实现。

视频在此:尬聊会第12期 控件实现/适应行业的发展

时间:2018-07-22 21:45
地点:我的斗鱼直播间 douyu.tv/meathill
回看视频:http://blog.meathill.com/share/galiao-12.html

0. pure css elastic toggle 实现讲解

  1. <label>for 属性和表单元素的 id 对应
  2. :checke + label
  3. transition
  4. overflow: hidden
  5. position: relative/absolute
  6. cubic-bezier

2. 再聊一下行业对我们的要求

  1. 工作6年 -> 普通工程师?
  2. 应该是高级工程师,或技术经理,甚至技术总监

广告时间

2018-08-08晚 8 点,给大家分享我的私活儿技巧:一起挣外快吧——环境搭建+万能的WP+前端如何玩转WP

地址:SegmentFault 讲堂 https://segmentfault.com/l/1500000015754431/

作为一名程序员,我们最常被亲朋好友问到的问题应该是:你会修电脑么?不对,是“你会做网站么?”

对于我们前端来说,写个页面不在话下;可是一个网站,光有前端是不够的,服务器和 API 怎么解决呢?找外援么?我想大家都更愿意自己来吧。

这次分享,我希望教会大家以下技能:

  1. 本地开发环境的配置(基于 Windows 10 Linux Subsystem)
  2. 云服务器的购买和配置
  3. LNMP 环境搭建,安装 WordPress
  4. WordPress 主题开发
  5. 利用 WordPress Ajax API 作为数据接口

基本上,学会这些之后,你就可以在外面接活儿做网站了。希望大家都能借此丰富技能树、挣到更多的钱。

其实,即使不考虑接私活儿挣钱,我也建议前端同学学习一下服务器配置和后端开发的相关知识,对我们理解整个技术体系、业务流程都有巨大帮助。毕竟一座高塔必须坚实而又宽广的底座才能建成。


早鸟政策

  1. 即日起至7月31日,5折
  2. 8月1日至8月5日,75折
  3. 8月6日至开播前,88折
  4. 之后恢复原价

实录地址:

2018-07-29 尬聊会 第12期实录


欢迎加入肉山小课堂一同学习,QQ 群:肉山小课堂答疑交流群 628056148,SF 圈子:肉山小课堂继续深造中心

新直播预告+腾讯云拼团

新直播《一起挣外快吧——环境搭建+万能的WP+前端如何玩转WP》将于 2018-08-08 晚8点在 ttps://segmentfault.com/l/1500000015754431 开播,欢迎大家前来学习,一期发发发。

最近比较忙,所以就把不那么紧急的事儿往后放了。原本计划每月直播至少一次,眼看七月份已经快过完了,只好赶紧找个话题。想来想去,可能只有“挣外快”这个话题既吸引人又不需要我花太多时间准备,毕竟从 2016 年离职到现在我净帮人搭网站了。

所以,就有了这个直播:

一起挣外快吧——环境搭建+万能的WP+前端如何玩转WP

时间:2018-08-08 晚8点

作为一名程序员,我们最常被亲朋好友问到的问题应该是:你会修电脑么?不对,是“你会做网站么?”

对于我们前端来说,写个页面不在话下;可是一个网站,光有前端是不够的,服务器和 API 怎么解决呢?找外援么?我想大家都更愿意自己来吧。

这次分享,我希望教会大家以下技能:

  1. 本地开发环境的配置(基于 Windows 10 Linux Subsystem)
  2. 云服务器的购买和配置
  3. LNMP 环境搭建,安装 WordPress
  4. WordPress 主题开发
  5. 利用 WordPress Ajax API 作为数据接口

基本上,学会这些之后,你就可以在外面接活儿做网站了。希望大家都能借此丰富技能树、挣到更多的钱。

继续阅读“新直播预告+腾讯云拼团”

尬聊会:第十一期

尬聊会第11期实录。介绍了学会背锅学会汇报;变黑锅为机会;纯CSS校验表单的相关知识。

视频在此:尬聊会第11期 学会背锅学会汇报=升职加薪/变黑锅为机会/纯CSS校验表单

时间:2018-07-01 20:45
地点:我的斗鱼直播间 douyu.tv/meathill
回看视频:http://blog.meathill.com/share/galiao-11.html

0. 学会背锅,学会汇报——升职加薪的阶梯

我们(80s)被教育要谦虚谦逊低调,隐藏自己的真实想法和目标。

在学校

  1. 不主动当班干部
  2. 不主动加入学生组织

职场上

  1. 我们保证自己能够决定自己的得失
  2. 确保你处在一个健康的商业环境里

如何判断当前的商业环境是健康的,还是不健康的呢?

  1. 看这家公司是“规矩”大,还是“老板的态度”大

学会汇报

  1. 周期,按时提交报告
  2. 确定里程碑时间点
  3. 报告里要尽量携带数字
  4. 结案的时候一定要主动汇报

1. 如何防止产品在临时上线前突然地改需求(这个需求可能是功能也可能是UI交互)?

  1. 作为前端,有必要理解产品和需求
  2. 在开发的时候,保持自己思路跟着产品走,力求从中发现问题
  3. 如果产品上线之前,环境发生了比较大的变化,就坦然接受

2. 表单验证

学习正则

正则表达式30分钟入门教程 http://deerchao.net/tutorials/regex/regex.htm

codepen

MDN:https://developer.mozilla.org/en-US/docs/Web/CSS/:placeholder-shown

实录地址:

2018-07-01 尬聊会 第11期实录


欢迎加入肉山小课堂一同学习,QQ 群:肉山小课堂答疑交流群 628056148,SF 圈子:肉山小课堂继续深造中心

尬聊会:第八期

尬聊会第8期实录。介绍了竞业禁止的相关知识;以及性能对比测试的相关知识。

第7期去哪儿了……

视频在此:尬聊会第八期 竞业禁止/性能对比测试

时间:2018-04-22 21:45
地点:我的斗鱼直播间 douyu.tv/meathill
回看视频:http://blog.meathill.com/tech/galiao-8.html

0. 竞业禁止

  • 什么是竞业禁止
  • 竞业禁止有哪些注意事项

1. 性能对比测试

  1. 什么是性能对比测试
  2. jsperf.com
  3. 性能对比测试的细节

实录地址:

2018-04-22 尬聊会 第8期实录

下期预告:

下下周因为 SF 直播的关系,下周没有尬聊会,下下周周日见。


欢迎加入肉山小课堂一同学习,QQ 群:肉山小课堂答疑交流群 628056148,SF 圈子:肉山小课堂继续深造中心

尬聊会:第六期实录

尬聊会第6期,先介绍了向上管理;然后讲解了 URL 过滤;再接着讲解了自动补全筛选。下一期将在本周日4-22,介绍性能对比测试。

尬聊会开了4期之后,我发现大家很少问具体的技术问题,多半会问关于求职面试之类的事情。于是把之前的经验整理了整理,做了两期讲堂,效果还挺好:

接下来我觉得求职面试讲的差不多了,没剩啥干货了,加上今年想转换思路,利用尬聊会慢慢讲一些大题目,所以从第五期开始,讲设计模式,之后基本就在探索。

再接下来,我在工作中遇到两个算法问题,属于不复杂但是需要耐心和一点小技巧的类型。于是我就把它们拿出来作为作业布置下去——很遗憾,没人完成,不过尝试的人很多——然后第六期就做了比较详细的讲解。

具体视频在此:尬聊会 第六期 向上管理/URL过滤解析/自动补全筛选解析

时间:2018-03-26 21:30
地点:我的斗鱼直播间 douyu.tv/meathill
回看视频:http://blog.meathill.com/tech/galiao-6.html

目录

0. 向上管理

  • 简单介绍了向上管理。
  • 平时应注意积累数据,并在汇报中包含这些数据。
  • 写简历的时候也应带上数据。

1. 问题一:URL 过滤

整理域名 问题描述

2. 问题二:自动补全筛选

生成自动补全的函数列表 问题描述

参考资料

视频中设计到的代码均可在 GitHub 课后作业 这个仓库中找到。

下期预告

上周跟我厂老板争执了两个性能方面的问题,最终以性能对比测试的方式产生了结果。本周尬聊会计划就这个过程和细节做一次分享。结束前会抽一名同学赠书一本,《CSS 世界》或《深入理解 ES6》任选。


欢迎加入肉山小课堂一同学习,QQ 群:肉山小课堂答疑交流群 628056148,SF 圈子:肉山小课堂继续深造中心

肉山小课堂线下版开张

肉山小课堂线下版开张了,广州的同学们有空的话欢迎光临,在天河区奥体南路6号东澳创意小镇11栋 Coffee Foru,计划每周四开工。可以看我的视频,咨询问题。免费。

前几日写的我的知识变现 2017,及2018年计划中,号称今年要把“肉山小课堂”办到线下,结果第一周就因为家里有事放了鸽子。

如今回到广州,得还愿了。明天,我将在天河区奥体南路6号东澳创意小镇11栋Coffee Foru办公一下午(大约 2:00~6:00 pm),期待大家光临。

为表诚意,前三位光临的同学我请咖啡。

我会带一个 iPad,可以用来看我的视频。我会现场解答关于前端、Web 开发、职业生涯的各种问题。不收费。(当然,真想给我也不拒绝)。

我希望可以把这个活动坚持下去,办成一个小沙龙,甚至定期分享一些题目。所以不出意外的话我每个周四都会在那里。