前端团队成长计划:基础知识梳理

前端—郭瑞 前端—郭瑞     2022-09-03     780

关键词:

  一个月前我开始了前端团队的成长计划,主要主语两方面的考虑:校招应届生能快速进入工作的状态达到一个能支撑业务的技能水平,提前学习主流前端技术,为未来的业务代码重构做储备。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月,我期待半年后同学们的绽放!

                                                           

 

  

  

 

软考知识点梳理--项目人员配备管理计划

...非常详细的,也可以是比较概略的。为了指导正在进行的团队成员招聘和团队建设活动, 查看详情

梳理与总结(代码片段)

...下自己的知识体系,会些什么,哪些需要深入了解。1、前端方面CSSHTMLjavascriptajax和josnp停留在理论方面买的《javascrip 查看详情

软考知识点梳理--项目风险管理计划

...险管理计划中每个活动的领导者和支持者,以及风险管理团队的成员,并明确其职责。(3)预算。根据分配的资源估算所需资金,并将其纳入成本基准,制定应急储备和管理储备的使用方案。(4)时间安排。确定在项目生命周... 查看详情

管理团队相关的梳理

管理团队是跟踪团队成员工作表现,提供反馈,解决问题并管理团队变更,以优化项目绩效的过程。本过程的主要作用是,影响团队行为、管理冲突以及解决问题等方式,实现团队管理。输入1.项目管理计划--------资源管理计划2.... 查看详情

scrumproductbacklogrefinement

...个非常重要的Sprintplanningmeeting,迭代计划会关系整个迭代团队对Sprint目标以及迭代用户故事的理解与承诺。在迭代计划会之前,Scrum团队经常会忽略一个非常重要的活动即Productbacklogrefinement,即迭代梳理会。Scrum标准的5个活动中... 查看详情

前端学习

UI:userinterface    用户界面不止是手机,还包括,PC,电视等有屏幕可操作的平台。项目团队角色确定:产品经理:梳理项目需求,制定产品开发更新计划,协调团队交流。、交互设计师:用户使用流程。交互流程。... 查看详情

软考知识点梳理--项目进度计划与项目进度管理计划

  项目进度计划  项目进度计划是进度模型的输出,展示活动之间的相互关联,以及计划日期、持续时间、里程碑和所需资源。项目进度计划中至少要包括每个活动的计划开始日期与计划结束日期。即使在早期阶段... 查看详情

006_饿了么大前端总监sofish帮你理清前端工程师及大前端团队的成长问题!

作者|Sofish编辑|小智&尾尾本文是前端之巅向sofish的约稿《什么样的人可以称为架构师?》、采访《 饿了么大前端团队究竟是如何落地和管理的?》以及sofish 做客大咖说直播节目的总结和整理,希望能帮助各位淀粉更... 查看详情

前端团队代码规范最佳实践,个人成长必备!(代码片段)

作者:杨成功(已获转载授权)原文:https://segmentfault.com/a/1190000040948561本文从代码规范,代码检查,代码格式化,以及编辑器自动化实现的方向,介绍代码规范统一在我们团队的实践应用。大纲预... 查看详情

2017年计划

...成熟的技术进行梳理开始学习asp.netmvccore   2、前端知识   查看详情

学习路线2021学习路线计划之了解前后端技术栈

...)文章目录1)前端2)网关层3)服务层3.1基础知识常见协议:计算机基础:服务器相关:3.2编程语言4)数据层1)前端HTML、CSS、JavaScript、Ajax、JSON、Vue、Node.js、HTTP协议、Servlet、request、response、... 查看详情

项目经理想要快速成长,请做到七点

...就是做工作安排,不仅要管理好自己的工作,也要让你的团队成员学会管理好他们自己的工作。另外,要明白一点项目管理需要不断计划和调整,没有一成不变的项目计划,所以如何做好项目计划和项目调整,需要不断积累经验... 查看详情

前端面试知识点梳理之五——javascript面向对象

一、相关问题  1.创建对象有几种方法  2.原型,构造函数,实例,原型链  3.instanceof的原理  4.new运算符二、问题解答1.创建对象有几种方法 查看详情

scrum基础知识介绍

参考技术A所谓“3355”法3种角色:ProductOwnerScrumMasterTeam团队3种工件产品Backlog迭代Backlog产品增量ProductIncrement5种仪式迭代Sprint迭代计划SprintPlan每日立会 Dailystandupmeeting评审会议SprintReview迭代回顾Retrospective5种价值观勇气Courage... 查看详情

快速成长从写一份走心的周报开始

...方法和实践的经验。总体上看有效的晨会对个人的成长和团队效能提升都是一个不错的实践。今天,我们来聊聊工作周报的一些思考和实践,看为什么要写周报,如何写一份走心的周报来帮助我们快速成长。现在大部分团队都会... 查看详情

快速成长从写一份走心的周报开始

...方法和实践的经验。总体上看有效的晨会对个人的成长和团队效能提升都是一个不错的实践。今天,我们来聊聊工作周报的一些思考和实践,看为什么要写周报,如何写一份走心的周报来帮助我们快速成长。现在大部分团队都会... 查看详情

html基础

作为一名前端小白,我在此记录下学习前端的过程。总的来说,这个html学习了2天左右,这个文章写了1天左右,下一步计划准备学习css,每天都过的很充实,每天都在成长的路上飞快奔跑。虽然在前端浩瀚的大海里边学到了一点... 查看详情

2021/06/14痴情绝队团队绩效计划办法及团队绩效统计

1、团队绩效目标完成CPDD第二阶段目标,详情见《 团队冲刺总目标、总方向与团队分工》。2、团队绩效计划办法 工作质量加和的平均分*40%+工作量加和的平均分*20%+主动性加和的平均分*20%+帮助团队加和的平均分*10%+自身... 查看详情