新手入门web前端需要学习的东西有很多，诚筑说小编整理了一套由浅入深的路线指南分享给大家，希望能够对你们有所帮助！

HTML+CSS、JavaScript基础：
HTML是一种标记语言，用于告知您的浏览器如何构造您访问的网页，是一套用于网页内容的排版规则，HTML元素是由HTML标签、HTML内容和HTML属性构成的；
CSS主要用于设置HTML页面中的文本内容，以HTML为基础，提供了丰富的功能，还可以针对不同的浏览器设置不同的样式；
JavaScript（JS）是一种基于对象和事件驱动且可以与HTML标记语言混合使用的脚本语言，其编写的程序可以直接在浏览器中解释执行；
HTML5和移动web前端开发：
HTML5是一个建设网站的技术，先了解HTML5+CSS3的新属性，在循序渐进学习JS+JQ以及框架node.js、ves.js；
移动web前端开发学习跨终端web和主流设备、视口、流式布局、弹性盒子、移动终端JavaScript事件、手机中常见JS效guo制作等；
Web服务器基础和AJAX编程：
Web服务器是运营及发布web应用的容器，只有将开发的web项目放置到该容器中才能够使网络中所有用户通过浏览器进行访问，常用的有：Tomcat、Resin、Jboss和WebSphere等；
AJAX是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，它不是新的编程语言而是几种原有技术的结合体；

面向对象：
继承性、duo态性、封装性是其三大特征，从内存角度到理解JS面向对象、基本类型、原型链、ES6中的面向对象以及设置器和访问器；
框架封装：
封装一个属于自己的框架需要学习框架封装的事件流、捕获、事件对象、事件框架、运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装、JQuery框架雏形、模块化、封装属于自己的框架，主流的流行框架有：Angular.js、Backbone.js等；
Node.js全栈开发：
快速入门学习REPL环境和控制台程序、异步编程、非阻塞I/O、模块管理工具、开发流程以及调试，对于核心模块和对象的掌握序列化和反序列化、路径操作、HTTP服务端和客户端、web开发基础和快速开发框架，进行Node.js开发电子商务实战提升自己。

资讯来源：诚筑说