前端技术学习路线分析

一、HTML、CSS基础部分

　　　　1.掌握基本的网页骨架搭建、和css基础样式

　　　　2.掌握盒子模型、元素特性、网页布局

二、HTML5、CSS3新特性

　　　　1.掌握H5新增的标签，语义化结构

　　　　2.css动画的使用、媒体查询的使用、进阶网页布局，如响应式、自适应、移动端

三、JS基础

　　　　1.了解Js发展历程

　　　　2.掌握数据类型、运算符、循环语句、流程控制语句、函数式编程、标准库(内置对象)

　　　　3.DOM、BOM相关API

四、JS进阶

　　　　1.理解作用域、作用域链、原型、原型链、闭包、此处开始接触OOP的编程思想

　　　　2.AJAX、HTTP协议

　　　　3.Promise

　　　　4.ES6新特性(ES6的模块化可同require.js以及Node中的模块化同步学习)

　　　　5.缓存相关的内容、cookie和H5新增本地储存

　　　　6.掌握目前主流的异步编程解决方案，async、await

五、JQuery

　　目的:

　　　　1.掌握更简洁的操作DOM和CSS方式以及封装好的AJAX方法　　

　　　　注:虽然目前JQuery使用不多了，但是小型项目还是无需采用繁杂的框架，JQuery还是一个不错的解决方案

 

六、Node.js

　　目的:

　　　　1.了解前端开发中的模块化规范和代表库，如AMD、CMD规范、以及Node种的commonJS规范

　　　　3.学习Node思想，服务器端编程，使前端开发时，更能理解整个项目运作流程

　　　　2.Npm、Express、KOA框架、Websokect、MoongoDB数据库

七、Webpack和Gulp

　　　　注:

　　　　　　webpack是采用Node.js开发的，所以在接触webpack前先学习Node，便于后续接触Vue-cli此类脚手架时能快速上手

　　　　1.学习webpack的思想和工作流程

　　　　2.掌握四个核心(输入、输出、loader、插件化)

　　　　3.能简易搭建一个基于webpack的项目

　　　　4.可以再了解一下Gulp，功能没有webpack强大，主要是用于打包和压缩HTML、CSS、Js、Img等资源

八、CSS预编译 stylus、less、sass 

　　目的:

　　　　1.掌握预编译只是为了方便开发者，使我们在开发过程中抒写更加便捷

　　　　2.继承、混合器、全局变量等

　　　　3.选sass即可，因为和传统css抒写方式没有太大区别 其余两种可简单了解

九、学习Js框架Vue、React，先选其中一种，首选Vue

　　　　1.理解MVC和MVVM

　　　　2.学习Vue基本语法

　　　　3.相关核心库Vue-Router、Vuex、Vue-Cli

　　　　4.了解相关UI库、Element、VantUI

 

十、学习移动端开发

　　　　1.微信小程序

　　　　2.uniapp