前端开发工程师进阶

分享一份完整版的web前端学习路线，可以参考下。1、PC端页面制作与动画特效学习HTML+CSS搭建网页、CSS动画特效、PhotoShop切图等基础知识，获得初级Web前端工程师技能，主要进行PC端网页制作与样式设计实现，能够配合UI设计师进行项目开发。2、移动端页面制作与响应式实现讲解移动端布局与设备适配、响应式设计与实现等，获得移动端页面适配工程师技能，主要进行移动端网页的布局制作与样式设计实现。可以适配各种手机尺寸，并能利用响应式进行移动端与PC端适配。3、JavaScript与jQuery开发同HTML5基础知识一样，JavaScript开发与jQuery开发是职业晋升必备的技能包，获得中级Web开发工程师技能，主要进行页面行为交互，实现网站常见特效，加轮播图，选项卡，拖拽效果等，并能配合UI和后端进行项目开发。4、HTML5高级框架技术开发常用的Vue框架开发，React框架开发，Angular框架开发，数据可视化技术。可获得中级Web前端工程师技能，主要适用框架开发企业项目，实现单页面应用开发。可以完成复杂的数据交互应用场景，具备独立开发项目能力。5、全栈前后端技术开发技术，其他后端技术，如Java或PHP。可获得高级Web前端工程师技能，主要进行前后端全栈样式开发，能独立完成一个中小型项目的前后台，对于网站开发有着非常熟练的编程能力。可以从零开始，一步步的掌握前端开发的各项相关技能，最终达到企业对初级前端开发工程师、中级前端开发工程师、高级开发工程师等职位的要求。学web前端一般在2万左右，4-6个月左右的时间。应该根据自己的实际需求去千 锋看一下，面授的，先好好试听之后，再选择适合自己的。只要努力学到真东西，前途自然不会差。

Web前端职位：“网页制作”、“前端制作工程师”、“网站重构工程师”、“前端开发工程师”、“资深前端开发工程师”以及“前端架构师”。一般来说，几个人的小团队这个职位的名称没有那么严格了，叫网页制作或者前端制作什么的；规模较小的UED中的Web前端团队，叫做“网页制作工程师”或者“Web前端制作工程师”；腾讯的Web前端设置比较特殊，他们的规模较大，不叫UED，而是叫做ISD，他们的分工一般来说也是只负责Web页面的HTML和CSS部分，可能也包含少部分的JavaScript代码，而他们的这个职位叫做“Web重构工程师”。而类似淘宝UED这种比较大的UED团队，其Web前端人员的职责范围也更大一些，他们的Web前端人员不仅要做HTML和CSS，还要做全部的JavaScript或者ActionScript，并且进一步扩展到Ajax甚至PHP等脚本语言的范围，而其相关的职位则主要分为“前端开发工程师”、“资深前端开发工程师”以及“前端架构师”。

前端工程师和任何一个岗位一样，想要由浅入深，从初级走向高级，不仅需要理论和实践的大量积累，还需要方法论。有无方法论的区别就如同这句话：过去一年，有些人活了一年365天，而有些人只活了1天重复了365次。方法论的意义就是要告诉我们在同样的时间维度下，时间在走，你的知识体系的广度和深度也在不断的加强。所以本文的关键词就是知识体系和方法论。 前端知识体系主要包含html(h5)、css(ccs3)、js(es6)、前端js库（比如jquery）、前端样式库（如bootstrap）、前端框架（angular、react、vue）、移动端开发、模块化、组建化、工程化、前端安全、前端性能。广度就是尽可能将自己的知识体系对前端的方方面面都有覆盖，深度就是前端的任何问题别人问到你时，你尽可能的可以给别人解释个一二三，是什么、为什么、怎么用。 基于知识体系，先有个宏观的知识体系架构，这是进阶的很关键一点：刚开始要好读书而不求甚解，概览全貌后深入微观。也就是说先将知识体系划分板块，提纲挈领，而后对每个板块进行深挖。期间对大块继续进行小板块划分，直至将知识细分到点。深度讲究的是对知识体系的每个板块、小版块、知识点进行深挖。深挖需要消耗大量时间，所以就有行业中的专业进阶规律，三年入门、五年小成、八年有所成。 本次主要分享前端工程师的知识体系和进阶方法论。 后续会先分板块宏观概览前端知识体系全貌，然后再对板块分门别类深挖，有道是：深挖洞，才能广积粮。

我在前端能有八年了，前端的等级七十就是 初级工程师 中级工程师 高级工程师，之后是架构师这些，主管

前端需要学习的内容很多，涵盖较多方面，大致可以分为以下几个阶段。一、初级阶段：前端初体验，感受视觉冲击，提升学习兴趣，打消学习疑虑PS入门（前端UI协同工具蓝湖与标你妹工具使用)HTML5，cSS3(大量CSS3网页特效制作)移动端布局基础(媒体查询、页面适配)，响应式页面布局。二、中级阶段：夯实基础，打通任督二脉，杜绝做一个API的搬运工JS入门，DOM操作，BOM，H5常用新API，Jquery之DOM操作，Ajax ;JS高阶，面向对象(OOP)，原型、原型链，执行上下文栈，作用域、作用域链，This，闭包，ES6/页面特效+插件封装;服务器知识 (Express4) , MongoDB(mongoose)/Mysql. Websocket.三、高级阶段：通往前端实战之路，时下最新开发框架与使用技巧，杜绝过时技术炒剩饭Vue全家桶()React全家桶()微信小程序（登录态+微信支付)