缺少与专业人士交流的过程，作为一个小白，刚开始学习的时候，学得最多的肯定是别人的东西，闭门造车。

    若要做一个拿高薪的前端，有一条详细的学习路线，大家可以更好的展开学习。

    步骤一：html+css:JavaScript基础，div+css的布局。

    Java脚本

    JavaScript基础：js基础教程，js内建对象常用方法，常见的DOM树操作，ECMAscript,DOM,BOM，定时器，以及焦点图。

    基本的JS效果：例如：tab，导航，整页滚动，轮播，JS制作幻灯片，弹出图层，手风琴菜单，瀑布流布局，滚动事件，滚差显示。

    JS高级特性：正则表达式，排序算法，递归算法，闭包算法，函数节流，范围链，基于距离的移动框架，面向对象的基础。

    JQuery基础用法：Hybridge,DOM操作，效果和动画，方法链，拖拽，变形，JQueryUI组件的基本用法。

    步骤二：HTML5和移动Web开发。

    HTML5：

    HTML5新的语义标签，HTML5表单，音频和视频，离线和本地存储，SVG,WebSocket,Canvas.

    css3：

    新的CSS3选择器，伪元素，面容符号，边框，阴影，background系列属性更改，Transition，动画，景深和深透，3D效果，Velocity.js框架，元素进场，出场策略，炫酷的CSS3网页制作。

    bootstrap：

    应答式概念，媒体查询，应答式网站制作，删除系统，删除系统原理，Bootstrap常用模板，LESS和SASS。

    移动web开发：

    跨平台的WEB和主流设备介绍，视图入口，流式布局，弹性盒子，rem，移动终端的JavaScript事件，普通JS特效制作，Zepto.js，移动页面，移动屏幕。

    步骤三：HTTP服务和AJAX程序设计。

    webserver基础：服务器基础，Apache服务器及其他WEB服务器的简介，Apache服务器搭建，HTTP简介。

    php基础：php基础语法，使用PHP来处理GET或POST请求，

    上一篇AJAX:Ajax简介和异步的概念，Ajax框架的封装，XMLHttpRequest对象的详细描述方法，兼容性处理方法，Ajax框架的封装，Ajax缓存问题，XML介绍和使用。

    下一篇AJAX:JSON和JSON解析，数据绑定和模板技术，JSONP，跨域技术，图片预读和lazy-load技术，JQuery框架中的AjaxAPI，使用Ajax实现爆布流案例。

    步骤四：从面向对象开始。

    Object-Object：从内存角度理解JS面向对象、基本类型、复杂类型、原型链、ES6中的Object-Object-Associates，属性读写权限、设置器、访问器。

    三个主要的面向对象的特性：继承，多态，密封，接口。

    设计模式：OOP思想，单实例模式，工厂模式，策略模式，观察者模式，模板方法模式，代理模式，装饰者模式，适配器模式，切面编程。

    步骤五：封装一个独立的框架。

    Framework基本组件：事件流，冒泡，捕捉，事件对象，事件框架，选择框架。

    框框封装中间：运动原理，单物体移动框框，多物体移动框框，面向对象的框框。

    Framework高级和补充：JQuery框架的雏形，可扩展性，模块化，Framework属于传智自己的框架。

    歩骤六：模块组件的开发。

    构件式编程：构件式编程的方法，构件式编程的实现原理，构件式编程实战，基于构件式思想开发网站应用。

    模块化编程：AMD设计规范，CMD设计规范，RequireJS,LoadJS,SeaJS在淘宝。

    歩骤七：主流的框架。

    web开发工作流：GIT/SVN,Yeoman框架，npm/Bower依赖管理工具，Grunt/Gulp/webpack。

    MVC/MVVM/MVW框架：Angular.js,Backbone.js,Knockout/Ember。

    常见的库：react.js,vue.js,Zepto.js。

    步骤八：HTML5本地移动应用的开发。

    cordova:WebApp/NativeApp/HybirdApp介绍，Cordova介绍，与PhoneGap的关系，开发环境构建，Cordova实战(项目创建，配置，编译，调试，部署发布)。

    Ionic:Ionic简介和同类对比，模板项目解析，常用组件和使用，结合Angular构建APP，常用效果(拖拽，拖拽加载，侧滑导航，标签)。

    ReactNative:ReactNative介绍，ReactNative环境配置，创建项目，配置，编译，调试，部署发布，本地模块，UI组件，常用的本地API。

    HTML5+:HTML5+中国工业联盟，HTML5PlusRuntime环境，HBuilder开发工具，MUI框架，H5+开发与部署。

    步骤九：全栈Node.js开发：

    介绍：Node.js开发，Ecology,Io.js,Linux/Windows/OSX环境配置，REPL环境和控制台程序，异步编程，非阻塞I/O，模块概念，模块管理工具，开发过程，调试，测试。

    CoreModule和Object：全局对象global,process,console,util，事件驱动，事件发送程序，加密和解密，路径操作，序列化和反序列化，文件流操作，HTTP服务端与客户端，http://Socket.IO。

    网站开发基础：HTTP协议，请求响应处理流程，关系型数据库操作与数据访问，非关系型数据库操作与数据访问，本地Node.js开发网站应用程序，网站开发工作流，Node.js开发博客案例。

    Fast-DevelopmentFramework:Express简介+MVC简介，Express常用API,Express路由模块，Jade/Ejs模板引擎，使用Express重构博客案例，Koa等其他常见MVC框架。

    js开发的电子商务实战应用模块：需求与设计，账户模块，注册登录，会员中心，前台展示模块，购物车，订单结算，在线客服即时通讯模块。