前端团队成长计划(⼀):基础知识梳理
  ⼀个⽉前我开始了前端团队的成长计划,主要主语两⽅⾯的考虑:校招应届⽣能快速进⼊⼯作的状态达到⼀个能⽀撑业务的技能⽔平,提前学习主流前端技术,为未来的业务代码重构做储备。5⽉是整个计划的第⼀个阶段,主要的任务是,梳理常规前端基础知识和开发技能。
5⽉的计划如下:(偏基础)
  1、js和css的⼀些规范以及常规功能如何实现;
  2、了解现有业务⼯程的开发,部署,上线流程以及原理,做到可交叉维护;
  3、初步了解gulp,为下⼀阶段做准备。
  4、了解PC开发中常见的问题以及IE浏览器的兼容⽅式(IE8+)
  5、了解wap开发常见问题(⽐如meta的意义,常见的屏幕⾃适应⽅案)
  6、了解常⽤的CSS布局技巧,⽐如圣杯布局、BFC(了解负边距的使⽤⽅法、盒模型的特点、margin折叠)
  7、掌握js闭包、this指向,学会传⼊回调的函数书写⽅式。
  这部分的计划对于很多⼈来说应该是⽐较简单的,或者说应该是招⼈的最低门槛。但是在实际的校招中,我们不⼀定会亲⾃去招⼈。往往会出现碍于招聘政策的原因,招到很多教育背景还不错,但是实际开发能⼒不是很强的⼈,或者是能⼒有偏向(⼀⽅⾯强、另⼀⽅⾯很弱)。我才会特地的设计这么⼀个计划,尽可能的修补团队短板,使⼤家快速达到能够参与⽇常开发的状态。
  接下来简单说说这⼀个⽉以来我们⼀起做了哪些?有什么感悟?
⼀、“会”的很多
  在最开始,还是和今年新⼊职的校招⽣简单聊了⼀下。发现有⼀个共同的特点,就是简历上“会”的很多,基础不是很扎实,但是会的东西很多。这句话听起来有⼀些⽭盾,但是事实就是如此。好多在校的学⽣对前端的了解基本上都是靠各种论坛,学校往往不会系统的教授前端相关的知识。努⼒专研的同学就会,把论坛中出现的各种名词(⽐如:node、gulp、webpack、es6、react)都研究个遍,单单看简历的话,就会觉得会的东西⽐⼀个⼯作⼀两年的⼈都多。但是真的是这样吗?
  我在长期的校招甚⾄是社招⾯试中发现简历上提到的技术,有可能只是他们看过⽂档⽽已。有的甚⾄连demo都没有写过。⼀个很简单的问题就能暴露出来。我不是说这样做不对,因为“会这么多技能的⼈”太多了,你的简历上没有这些东西,简历很难通过初筛。但是你说他不懂,其实也不是,毕竟还能和你简单介绍介绍这个技术,⽽且在我看来在学校没⼈教的情况下,能主动⾃觉的了解这么多知识,
已经是很可贵了。
  我们需要⼈这个“会”变成真正的会,毕竟曾经⾃学了解过有过感官认识,如果能够系统化的学习,会⽐普通⼈学习的快⼀些,这也是我的计划的⽬的。考虑到其他⼏个知识点需要循序渐进的学习,我打算在第⼀阶段只加⼊gulp的初级使⽤。主要原因是:1、gulp的学习和其他的东西关系不⼤。2、node的系统庞⼤,直接开始node server的学习可能⽐较陡峭,⽤gulp作为node环境的⼊门会⽐较有趣味性、同时在第⼀阶段会有⽐较好的成就感。3、学会了gulp在下⼀阶段学习less、es6这些,就可以⾃⾏搭建⼯程环境了,gulp会是⼀个⽐较好的铺垫。4、很多知识⽐较基础,对于新员⼯来说,会觉得很枯燥(即使他们不是很会),gulp是他们听说过的主流技术,容易引起他们的兴趣。所以我第⼀次的培训就选择了gulp,让他们有⼀个区别于官⽹⽂档的系统学习。培训结束后在⼀个⼯作中需要的场景写⼀个⼩⼯具,并在之后的学习中不断的迭代。
⼆、“会”的很少
  刚刚说到简历上“会”的很多,但是简历上没有的,往往会使实际⼯作中常常⽤到的。⽐如:IE的兼容性处理、常⽤的布局⽅式、编码习惯、wap屏幕⾃适应、盒模型、闭包、this指向等,这些才是前端开发的基本功、甚⾄是“内功”。这些东西需要完整的学习、时间的积累,由于求职的原因,往往校招⽣对这些不是很重视,尤其是涉猎了那些“⾼⼤上的东西”后,就更是看不上这些粗茶淡饭,但是哪些“⾼级”
的东西⼜能⽤到⼏回,⼯程搭建好了以后就很少改动了,⼤多数时间,我们在写业务代码,也就是切图+逻辑。我尝尝听到⼀些同学说我js学的多,不会切图。我也是很⽆奈,不会切图我招的还是前端吗?不会切图的话你的js估计也写不了多好。我在第⼀个⽉主要做的就是把这70%的场景⽤到的知识教明⽩。⾄少能说⾃⼰是个初级的前端⼯程师。我这阶段的分享主要集中在这些基础知识,包括浏览器调试技巧、常见的坑有哪些等等。
网络前端需要学什么
三、不是很规范
  其实这⼀点是难免的,对于应届⽣,能把功能写明⽩就不错了,还哪⾥有精⼒去估计编码规范、可读性、复⽤性这些“代码礼仪”。对于基本的通⽤规范,我们交给jslint去完成,正好这个阶段要学习gulp,那就不妨⽤gulp写⼀个检查项⽬中各个模块的jslint的⼩⼯具。从最初的⼏⾏代码调⼏个gulp插件到后来逐渐丰富的动态读取⽇志导出等功能。⼯具已经不仅仅是⼀开始的那么单⼀了。
  ⽽代码的优雅和最佳实现,就要做coding review了。⼤家⼀起坐在会议室,投影仪上是某个同学的commit,我们⼀⾏⼀⾏的追问问什么这样写?可不可以写的更优化?逐渐的能感觉到后期再想挑⽑病就难了。后期也只是抽查。
四、交互实现思路不清晰
  ⼀般来说,新⼿很难有较好的交互实现的思维,尤其前端这种偏重表现的。往往是⽹上搜⼀段,就填补到代码中,发现和需求不是很贴合,就再⼀段。⽐如轮播,⽆限循环、页码组件、搜索联想等常⽤的功能就应该是⼼中有数。这个就要靠⼀些⼩作业针对性的强化。
  这⼀个⽉以来,由于我的感冒稍稍耽误了进度。但好在同学们都按照计划推进了。夯实基础的5⽉结束了,下⾯是进阶基础的6⽉,我期待半年后同学们的绽放!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。