Ⅰ 怎样成长为一个优秀的 Web 前端开发
优秀的前端工程师应该具备快速学习能力。推动Web发展的技术并不是静止不动的，没错吧？我甚至可以说这些技术几乎每天都在变化，如果没有快速学习能力，你就跟不上Web发展的步伐。你必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而你的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。
Ⅱ web前端大牛们当年是如何入门的
每个前端大牛，都是从当初的“菜鸟”成长过来的，并没有什么捷径可言。在这里，小编可以为题主提供一个大概的Web前端学习思路。希望能对你有所帮助~
1. HTML5 + CSS3 + JavaScript
Web开发基础中的基础，HTML是负责网页结构，CSS负责网页样式，JS则负责逻辑交互。前两者更像是标记语言，没有什么逻辑，JS才是前端的重中之重。 HTML5 新增的技术大部分需要结合JS学习。
每个人学习进度可能不同，这个阶段主要是多仿站，熟悉基础，试试用CSS写响应式页面，了解JS深入性的知识，比如原型链、闭包、 设计模式 等需要更多的积累，逐渐理解并实践掌握。
2. JQuery + BootStrap + Ajax + Json
jQuery是JS的一个应用库，能够提升原生JS开发效率。Bootstrap则是响应式框架，更简单的实现手机/平板/PC多个设备的页面支持。Ajax技术用于异步交互，不刷新页面就能更新数据，比如 地图 应用等。Json是一种数据格式，被广泛应用在各大编程语言中。
jQuery 和 bootstrap 会简化很多编写的代码量，用着不亦乐乎，但对于基础还不是很扎实的人建议还是少用。 Ajax 和 json 通常用于和后端交互，在实际业务中也经常用到。
3. Git/SVN
版本管理工具，主要用于团队开发时避免文件冲突，也可回档。前端推荐学习Git。
4. Nodejs + Mysql /MongoDB(可选)
运行在服务器端的JavaScript。Express是其拓展MVC框架。其中nodejs最常用到的就是npm包管理器，不用到各个网站去下载资源包。 数据库 的学习可以选择MongoDB或者MySQL，前者与Nodejs的契合度更好，不过现在大多数网站都是 PHP +Mysql的组合，如果有学PHP的打算的话，可以先学习 Mysql 。
5. ECMAScript 6
JavaScript 的语言标准。ES6中加入了很多新的概念，也弥补了之前版本中JS的很多缺陷，越来越多的项目开始运用ES6进行开发。学之前最好把ES5先搞懂了，目前实际项目中考虑到兼容性，ES6是需要通过Babel将其编译为ES5来部署的。
6. Angular/React/Vue
前端三大框架，各自也有着各自的生态系统，根据需求自行选择学习。目前企业需求量最大的仍然是Angular，但近期趋势来看react和vue则更受欢迎。因为现在前端技术发展太过于突飞猛进，工具和框架的更新比翻书还快，建议学习还是看文档比较好。学习过程中也会遇到很多用到各种构建工具的时候。
7. 其他常用工具
这个一样是根据需求自行选择学习。比较常用的现在有 Web pack，可以将多个不同编程风格的文件打包，比如ES6/AMD/CMD之类的模块化都能识别并编译成 浏览器 能运行的文件。Sass/Less，CSS预编译框架，可以用带有逻辑性的方式编写CSS代码。Gulp/Grunt构建工具，可以自动化对代码进行压缩合并等工作。
8. 其他后端编程语言
目前市场对前端基本都要求会一门后端语言， PHP / JAVA / Nodejs / Python 等。
学习编程重要的还是实践，多敲代码，多去尝试。独立解决问题的能力、探究钻研的精神是必不可少的。有兴趣的话也可以自己搭建一个技术 博客 ，往 github 上传几个 开源 项目，这些都是不错的加分点。
Ⅲ Web前端工程师如何成长
一步一步来，其实也不难
第一阶段：前端页面重构
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
第二阶段：JavaScript高级程序设计
内容包含：1)原生 JavaScript交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、JavaScript工具库自主研发项目)
第三阶段：PC端全栈项目开发
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第四阶段：移动端项目开发
内容包含：(Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目)
第五阶段：混合(Hybrid,ReactNative)开发
内容包含：(微信小程序开发、React Native、各类混合应用开发)
第六阶段：NodeJS全栈开发
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
第七阶段：大数据可视化
内容包含：(大数据可视化化基础与实战、一、数据可视化入门、二、D3.js详解、三、其他JS库)
Web前端学习路线从浅入深，可以让你从小白学完精通Web前端技术，想快速掌握这门高薪技术，一般需要专业的老师带你，让你短短几个月可以完美蜕变。
希望对您有所帮助！~
Ⅳ 优秀的Web前端工程的成长路线
今天小编要跟大家分享的文章是关于优秀的Web前端工程的成长路线。关于一个WEB前端的职业规划，其实是有各种的答案，没有哪种答案是完全正确的，全凭自己的选择，只要是自己选定了，坚持认真走下去即可。在这里，深度给大家分析一下：任何规划和目标的实现都依赖于知识的积累，而知识的积累来源于学习及学习后大量的实践。我们可以在工作之余的时间在网上或外包公司那里接一些私单做，因为目标不是赚钱，我们可以用最低的价格来提升自身竞争力，获得大量订单就意味着获得大量的实践机会，同时，还有一些收入作为工作成就感之外的安慰奖，这样来说还是不错的。
前端学习大抵可分解为三个阶段，包括：起步阶段、提升阶段、成型阶段。这三个阶段分别对应着不同的目标：
一、起步阶段
1、基本知识的掌握
在我们梳理的知识架构中，按照我们分析的两个维度里最前置的、最浅显的部分，作为打基础的阶段，必须要在这个过程中更多投入到实践中去，我们通常做的多了、熟练了，就认为这部分知识和内容掌握了。
2、常用工具的掌握对于常用工具的掌握应该掌握一些有大公司或专业团队背景的流行工具，这些工具的熟练掌握能够提升专业度、职业度，同时，能提升我们的工作效率。我们只有在检验自己对于知识和技能熟练程度的时候，才会自虐式的用Notepad去编写页面、css和脚本等内容。
3、沟通技巧的掌握通常做技术的人会被定位为“不善沟通”的人，这是为什么呢?究其原因，主要是因为多跟程序和代码打交道，跟人的沟通较少导致。这种时候我们要特别注意增加
和人沟通的机会，着重提升这块儿的能力。另一方面，我们通常被称为“不懂沟通技巧”的人。作为一个技术人员，包括我自己，似乎天生就有一些难以接受挑战的缺陷。在国内，我们的技术人员通常都是自己制定方案、自己执行方案，在执行过程中又缺乏相关产品、交互设计等人员的沟通，大多是在自己的思路贯彻下进行开
发，久而久之，我们习惯于信任自己的观点、在自己的视角看问题，对于挑战总是百般地“据理”力争。我们需要更多提升的是，如何在对方的视角看问题、如何在用户的视角看问题。
4、良好的开发习惯开发习惯是养成的，一旦有不好的习惯，对于将来去修正带来的将是很大的麻烦，我们在培养良好开发习惯一定要从起步时做起，例如：写代码之前先分析、先写文档、先写注释。定义变量最好能用直接可理解的语义，最好是拼音，别整英文，尤其是生僻单词，将来自己忘了还要开金山词霸。文件最好有有意义的文件夹命名来
管理，文件名最好有意义，需要版本号的最好能和项目版本号一同更新等等。
二、提升阶段
1、高级技术的掌握在提升阶段对于知识和技能掌握，我们需要从梳理好的知识架构中选择更深一层次的技术进行学习，选择之前，我们先通过类比或预估的方法，衡量自身学习的难点，以学习难点和自己最不感兴趣的部分为主。这样推荐大家的原因是：这个阶段我们兴趣正浓，已经度过了苦涩的起步阶段，到达了兴奋的提升阶段，我们要用兴趣和兴奋去挑战最困难的部分，在我们信心受挫和兴趣浓厚之中找到平衡。同时，辅以其他的深层次知识一起学习和研究。
2、产品思想的学习没有正确的产品思想，很难设计出良好的程序，无论从界面、交互，还是接口、逻辑，不能够理解产品、理解用户需求，我们会给自己造成很大的麻烦，例如：我们千辛万苦用最新技术、最复杂的实现做出的功能，却得不到使用者或领导、同事的认可。为了使我们的工作和学习更加有效率、避免无用功，我们需要不断的学习产
品的思想，只有理解了产品的思路，我们才知道用我们的技术去输出什么。
3、各种框架的学习框架是我们提高工作效率的优秀手段，对于框架的学习是成长必经之路。我们学习框架的路线通常应该是：使用——》分析——》个性化定制——》模仿编写自己的框架。只有大量的使用，才能明白设计框架者在设计背后的思路，只有了解到设计的思路，才能做正确全面的分析，只有正确全面的分析才能支撑我们去对其裁剪或扩展，只有经过实际分析、修改别人的框架，才有可能写出优秀的、自己的框架。学习通常的路线是：学习、理解、模仿、创造。
4、富客户端应用的学习随着带宽和计算机性能的提升，以及WEB2.0的如火如荼，富客户端应用充斥着互联网，如果你不懂得富客户端应用，你就不能称之为一个合格的前端技术人员。可以按照：Flash动画—>Flash编程—>Flex—>Air—>Silverlight动画—>Silverlight编程
的步骤学习，先学Flash后学Siverlight的原因，一来Silverlight还不太成熟，二来，实际Silverlight借鉴了很多
Flash的思想，最好在学习的时候不要本末倒置。
5、各种网络协议的学习WEB前端技术就是云上的技术，云的协议有N种，我们应该着重学习：TCP/IP，UDP，HTTP，POP3，SMTP这几种协议，在开发WEB前端应用过程中，这些协议是我们的技术的载体，有时候决定了我们的应用是否能实现、有时候决定了我们的应用是否高性能，同时，这些协议还是我们和后端技术交互的
重要手段，这些协议就像是密码字典，帮助我们把后端传输过来的密文解释成我们前端技术能够理解的明文。
6、程序设计这个阶段我们需要学习OO、UML、设计模式、设计方法，我们要让技术开发工作变成有目的性、有计划性，并且，这些目的和计划必须有理论的支持，这
样，我们设计出来的程序才能够更优秀、我们的开发才更有效率，这样，我们的技术才能有所提升。
为什么要学习程序设计呢?主要是，就算我们不用Flash的
ActionScript编写程序的前端逻辑，我们至少要把我们自己的Javascript函数、包的定义规划起来，避免将来自己或他人维护代码的时候出
现问题。程序设计能力，在技术人员仍然被看作是程序员的这个年代，是灰常、灰常重要滴。
三、成型阶段
如果能达到这个阶段，就证明后续的成长之路是异彩纷呈的，是成为一个资深WEB前端工程师，还是成为一个资深WEB架构师，亦或其他，都要具体分析自身的特点和兴趣所在。如果是资深的前端工程师，我觉得更重要的是去作新技术的研究，互联网技术发展速度日新月异，不断学习新技术，否则就被淘汰。
此外，我建议在知识的广度、深度方面最好能挑选一个自己最擅长和最感兴趣的一两个领域深入钻研，不要挑太多，多而不精。如果是资深的WEB架构师之路，我建议要深入了解后台技术，这种深入了解一定要伴随着实际的项目开发，基本方法是：按照别人设计的架构实现几个Server—>自
己设计并实现几个Server。
最后结语：好了，说了那么多，相比很多跃跃欲试的零基础朋友，别急，北大青鸟开设“Web前端开发工程师”课程，无论你是零基础、有基础、有经验，我们这里都有按照你的基础开设的班级，满足你的需要，保障所有学员达到最好的学习效果，入行好选择。想要了解更多web前端学习内容，记得关注北大青鸟web前端培训官网。