从菜鸟到一名优秀的web前端工程师应该怎么做

Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合网站建设后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。

Web前端开发工程师是一个很新的职业，是从网页制作设计师演变而来的，名称上有很明显的时代特征，在国内乃至国际上真正开始受到重视的时间不超过10年。在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时谈到网站建设，大多数网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种丰富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于网站建设前端技术实现的。

随着Web 2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长，包括新浪、搜狐、网易、腾讯等在内的各种规模的IT企业都对自己的网站进行了重构。前端开发的入门门槛其实非常低。对于从事网站建设工作的人来说，前端开发是个不错的切入点。

初学者如何学习web前端开发，需要掌握哪些方面?

一、学习HTML5和CSS3基础
随着这移动互联网快速发展的时代，尤其是4G时代，HTML5+CSS3已然成为新一代的web前端网站建设技术。
随着HTML5的发展和普及，了解 HTML5 也将成为 Web开发人员的必修课。涉及到网页外观时，就需要学习 CSS 了，它可以帮你把网页做得更美观。

二、学习Web前端核心
学习 Jquery 之后，大家就要学习 HTML5 高级阶段。
在学习 Jquery 和 HTML5 学习结束后，就可以完成飞机大战、飞扬的小鸟以及复杂订单的网站建设功能实现。

四、学习HTTP协议及Server端网站建设技术
服务器端脚本编程(后台开发)也是Web开发人员的基本功之一。
对于Web服务器来说，Apache 就是其中之一。那么Apache、php、数据库，该怎么理解它们的关系?
1、Apache是服务器基础，php和数据库都需要Apache来协调工作。
2、php是脚本解释，如果不用php，那么Apache出来的东西就只是静态的，而不能在服务器实现功能。
3、数据库完全可以单独使用，但是和Apache、php一起，则是由php代码调用数据库接口，而apache就负责解释php代码，让他能真正地实现对数据库的调用。

五、学习Web前端高级技术
当你掌握了HTML5，CSS3，java等网站建设技术之后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。
Bootstrap是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVA 的，它简洁灵活，使得 Web 开发更加快捷，是web前端开发者最喜欢，也是现在企业里最常用的前端框架。
Angular JS是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC编程、模块化、控制器、路由、事件绑定等等。
以上这些是做一名优秀的web前端工程师的全部的网站建设知识体系。如果你想成为一名合格的、让leader喜欢的web前端工程师，你除了知道这些网站建设知识之外，我觉得还需要以下几点：
要了解敏捷软件开发流程（如SCRUM）和项目管理知识（如考取PMP），这也属于一种“软”知识吧；
要学会在网上和别人交流（博客、qq群、开源项目），交流能让自己看到自己的不足
要学会自我反省和自我学习。

想做前端的话，你的眼光要看远。现在网站建设的技术更新很快，如果你还在用什么幻灯片，灯箱效果，那你真不是做前端的料，只能说你是应付人员，或者说就是只会就应用别人写的效果代码而已。其次，要提升自己的价值。不要学会div+css,就不想学其它的网站建设技术了，要时时苛刻想到自己的危险处境，像懂div+css的人太多了，网上教程3天学会div+css，10天精通的资料一天堆，多去学点能提现你自身价值的网站建设技术，比如除div+css之外，可以学习一些后台语言php，java之类的。