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. 其余经常使用工具

这个同样是根据需求自行选择学习。比较经常使用的如今有Webpack，能够将多个不一样编程风格的文件打包，好比ES6/AMD/CMD之类的模块化都能识别并编译成浏览器能运行的文件。Sass/Less，CSS预编译框架，能够用带有逻辑性的方式编写CSS代码。Gulp/Grunt构建工具，能够自动化对代码进行压缩合并等工做。

8. 其余后端编程语言

目前市场对前端基本都要求会一门后端语言，PHP/JAVA/Nodejs/Python等。

学习编程重要的仍是实践，多敲代码，多去尝试。独立解决问题的能力、探究钻研的精神是必不可少的。有兴趣的话也能够本身搭建一个技术博客，往github上传几个开源项目，这些都是不错的加分点。

引自：http://www.iwebxy.com/post/1007