1.HTML5+CSS3+JavaScript

    在web开发基础中，HTML负责web结构，CSS负责web样式，JS负责逻辑交互。这两种语言更像标记语言，没有逻辑，而JS是前端的首要任务。HTML5的新技术大多数需要与JS一起学习。

    大家学习的进程可能各不相同，这一阶段主要是多仿站，熟悉基础，尝试CSS写应答页，对JS深层次的认识有一定的认识，如原型链、闭包、设计模式等，需要更多的积累，逐步理解和掌握。

    2.JQuery+工具箱+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.ECMAScript6。

    标准JavaScript语言。ES6增加了许多新的概念，弥补了以前版本中JS的许多不足，越来越多的项目开始使用ES6进行开发。在开始学习ES5之前，最好先了解一下，目前在实际项目中已经考虑了兼容性问题，ES6需要将它通过Babel编译成ES5进行部署。

    6.Angular/React/via。

    前面三大框架，各自也有自己的生态系统，根据需要自己选择学习。现在公司需求最多的还是Angular，但是react和vue在最近的趋势中更受欢迎。由于目前前端技术的发展过于突飞猛进，工具和框架的更新要比翻书更快，建议最好是学习或查看文档。同时，在学习过程中还会遇到许多不同的构建工具。

    7.其他常用工具。

    这也同样是根据需要而选择的学习。现在，更常用的是Webpack，它可以打包多种不同编程风格的文件，如ES6/AMD/CMD等模块化文件，这些文件可以被识别并编译为浏览器能够运行的文件。CSS预编译框架Sass/Lhz能够以逻辑方式编写CSS代码。构建工具Gulp/Grunt可以自动完成压缩合并代码等工作。

    8.其他后台程序设计语言。

    现在市场上对前端基本上都需要掌握一种后端语言，PHP/JAVA/Nodejs/Python等等。

    学编程重要还是练习，多敲代码，多尝试。必须要有独立解决问题的能力，探究钻研精神。感兴趣的话也可以自己搭建一个技术博客，到github上传几个开源项目，这些都是不错的加分。

    一个好的程序员，不只是程序员。