2020年6月,我在现在的公司做了一整年的前端主管,这一整年最大的感触是我们组的同学们基础知识相对薄弱,在业务代码中暴露出很多问题
其实也不能怪他们,因为我们的项目 2B 的比较多,所以并没有非常注重用户体验等方面,所以一些 try ... catch
之类的代码几乎没有出现过
于是我就开始了我们组的培训,对 JavaScript 基础知识进行复盘,从引用类型到预编译、从作用域链到原型链,几乎把 js 的基础知识都重新复盘了一遍
产品组发现了我们组的培训,于是告知想学 html 和 css...
漫漫培训路
在我们组的知识复盘中,其实我发现他们并不是不知道这些基础知识,只是记不住这些具体的内容以及并不清楚应该如何应用到工作中。我们组有一个非常钻研技术的同学,他在这方面最强,经常会封装一些方法给大家用,有时候也会和大家探讨要不要把某个方法挂到原型链上
其实我个人是不建议大量使用自定义原型链函数的,原因很简单,会给人一种“这可能就是 js 原型链上的方法”,在其他项目中可能会顺手就用上,结果就报错
我更喜欢把某些方法封装起来,在需要的地方引用文件,然后再在项目中使用这些方法
把前端内容讲的通俗易懂
在面向产品的 html 课程中我发现把内容复盘简单,但是把内容讲的通俗易懂并不容易。所以我花了很多时间去想例子、想解释盒子模型、解释弹性布局的例子。就好像我不能用高等数学的方法给小学生讲为什么同底等高的圆锥是圆柱体积的 1/3 一样
后来我发现把它们类比成生活中常见的东西会更加容易理解,比如在解释盒子模型时可以假设一个放在方形盘子里的方形披萨等等
讲义
实际上我计划是分五步
- 网页的绘制和动画
- JavaScript 基础知识
- Vue、React框架,ES6/7,轻应用
- electron PC跨平台开发
- flutter 移动端混编 APP
我知道这会花很多时间和经历,但我觉得这些是值得的。至少如果组内每个人都能掌握这些内容,那么在后续我的工作会轻松很多
虽然我只完成了两部分,但是后面的内容也会很快出来
购买和下载
目前这两本书正在联系出版社做后续打算,购买和下载的方式将在后续放出
保留印刷版为全彩印刷,封皮为 200g 铜版纸覆膜,内页为 70g 打印纸印刷,成本较高,欢迎下载 pdf,但不建议拿去打印标书
致歉
由于本人水平优先,参考书籍和资料的选择也有可能并不完整,如有遗漏,烦请阅读和使用本讲义的同学与我联系补充和指正
视频课
后续会陆续放出视频课内容,完整视频课内容将存入 U 盘直接贩售,价格为 U 盘成本价格
本系列视频课将会上传到腾讯课堂购买观看