前端工程师进阶

Web前端开发工程师的职位，要求掌握的基础技能有：html5、css3、javascript、JQuery、Ajax等，除了以上需要掌握的基础内容，还需掌握多个前端框架、UI库以及代码管理工具等多个工作中常用到的工具。

按照由简入深，由易到难的方式学习Web前端开发，我个人建设：首先学习html、css、javascript，之后学习JQuery、html5、css3，最后升级学习JS模块化工具、CSS扩展语言、主流前端UI框架、代码管理工具等工作中需要掌握的技术内容。

事实上，要想学好任何一门技术，都必须要掌握好基础，只有基础牢固了，根基牢固了，后期才能发展。

另外想补充说明的是，想零基础学习Web前端开发，除了需要掌握专业开发知识外，还因具备一定的审美眼光，喜欢快节奏的生活，能及时了解并学习前沿的新技术，只有与时俱进，才能有更辽阔的发展空间。

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

分享一份完整版的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前端是很多人的选择，那么在进行web前端学习的时候不同阶段需要掌握哪些哪些知识呢？下面电脑培训为大家具体介绍。

一、入门阶段

第一步也是最重要的一步，那就是学习做页面，做页面是非常简单的。首先将各种设计图纸从Designer转换为html、css、js和image的静态网页，并将它们交给后端开发人员制作页面模板。IT培训介绍的第一步就是入门级前端工程师所做的。

二、进阶阶段

在第二阶段也是需要做页面，但是过程会更加复杂，并且开发的时候需要注意一些复杂的步骤。在开发的时候还需要注意一个非常关键的问题，如果无法解决浏览器的兼容问题，后期是无法进行的。除兼容性外，北大青鸟认为还需要注意性能问题，其中主要包括但不限于网络性能、渲染性能、js逻辑性能等。这些内容可以写在一本册子上。

三、中级阶段

学习带领团队是非常关键的。对于小公司来说，中级工程师需要带团队不是什么稀奇的事情，项目开发一个是无法完成的，一个团队可能是三四个人，甚至更少。此时，除了编写一个小页面外，您还将帮助团队成员解决各种细节问题。毕竟，在小组中，你是技术上最精明的人。

四、高级阶段

高级阶段就需要学习架构设计。此时，您需要熟悉前端开发的各种技术细节。同时，北京北大青鸟认为还需要熟悉各种前端框架和技术的特性。你需要掌握如何组织和管理项目，以便每个人都能尽快达到项目要求。每个人的力量都很短暂。因此，当新项目到来时，您可以根据过去的经验快速选择各种技术和工具，并选择你认为最适合组建项目团队的人员。

less和sass什么时候学都行，1,2天就能学会。这个不着急，没有什么承上启下的作用，可以单独拿出来学。bootstrap就是一个框架，把最主要的栅格系统看看就好。其他的大概了解能干啥就行，很多公司，是不让用bootstrap的，而是用源代码自己写。这个用一天的时间没啥问题。和angular比较重要，如果学会，算是上了一个台阶了。所以重点说说这个。angular属于mvvm框架，一开始觉得angular挺复杂的，所以想学一个简单的，轻量级的，所以决定先学vue。但是在了解的过程中发现，很多的专业名词，没听过，或者理解不透。所以又开始从头学习。在学习的过程中又开始迷茫，发现了很多JS不懂的地方。所以，又开始深入研究js的dom，函数，ajax，数组等。总之用了很长的时间，浪费了很长时间。最后总结一下啊。其实，没必要钻那么多牛角尖。先做着vue的例子，不懂的地方，直接略过，很多时候，不理解的不懂的东西，用着用着，突然就能明白。照猫画虎先把VUE的例子跟着做一遍之后，同时梳理一下涉及到的JS知识点。能自己用vue做出几个小成品的时候，开始结合js研究。之后再去涉及angular。angular差不多有个大概了解的时候，反过头接着学vue，你会发现，又会发现很多新东西。web前端这个东西特别有意思，当你达到一个高度，返回来再看以前的技术，会发现，哎呀，竟然又能发现新大陆。

前端工程师最基本的几个发展方向：

继续做前端：继续前端需要的方式很简单，踏踏实实的工作、拿着老老实实的工资，不过也要求公司要靠谱~~~所要面对的问题就是，这种公司太少，除了国企之外，国内的私有企业当中，没有几家公司能够活的很久很久

技术大拿：虽然也是一直做技术，但是却拥有着深度。从效果层面，到底层理论，再到模块层面，逐步深入发展。除了深度之外，还需要拥有知识的广度，对设计模式、系统优化、数据结构、算法等等都有所了解，甚至从汇编到JAVA等各种语言都能够书写。

无论是知识的深度还是广度，都是需要多年的积累和成长，才能达到的，所以这也就要求要安下心来，脚踏实地发展，并且不断的提升自己，而不能颓废~。

行业专家：需要多年在一家公司或同一种类型的公司，逐渐的发展起来。除了技术之外，还要对公司的行业知识、业务流程、细节了如指掌，通常行业专家是肩负着“系统分析师”的职位的。这种职位也就要求，不能够随随便便换工作或行业，一旦工作内容发生变化，就是一个全新的行业，对之前行业的理解这一优势就不复存在了。

管理层面：需要有“高情商”“高智商”，没有的话，锻炼呗~真正能够从技术走向管理的成员，大概只有不到20%的比例，难度可见一斑，并非仅仅技术优秀就足够了，还要求要有管理、表达等各方面的能力。通常技术很牛逼的人做不了管理，管理很厉害的人技术并不会太深，毕竟一旦职位发生变化，就“术业有专攻”了~

创业或转行：转行未必是一件坏事儿，毕竟每个人和每个人擅长的不同，有各自的优劣势，发挥自己的优势才是最重要的。创业就更有挑战性了，一个项目能够很好的运转是管理好一个公司的前提，因此，并不推荐盲目创业，建议先进行较多的积累才好~

偏向技术流的发展路线，会经历：“程序”——>“项目技术经理”——>“系统分析师”——>“技术总监”——>“CTO-首席技术官”。

偏向管理流的发展路线，会经历：“程序”——>“项目经理”——>“部门经理”——>“副总经理”——>“总经理”。

第一，必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、DOM、BOM、Ajax、JavaScript等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。第二，在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。第三，必须学会运用各种工具进行辅助开发。第四，除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。可见，看似简单的网页制作，如果要做得更好、更专业，真的是不简单。这就是前端开发的特点，也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手，对于老手来说，也时常不知道下一步该学什么。代码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站界面可能会有无数种方案，但有些方案的维护成本会比较高，有些方案会存在性能问题，而有些方案则更易于维护，而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝万缕的联系。