关于Web前端，你应该怎么学习？

本人从事前端行业有一段时间了，不瞒大家说，我是在爱创课堂培训出身，由张容铭老师亲自代班面授。所以培训出来并不丢人，技术上去，才是王道。同时，我也总结了很多学习资料，在这里我给大家普及一些入门和提升建议，思想提升了，路线明确了自然就好了，于是就整理了一些学习笔记，供大家学习。

对于很多人来说，问题的关键在于没有找到正确的发展方向，他不知道自己该学什么？前端更是体系庞杂，很难从一而终，于是特意抽出一部分时间来总结一下路线，帮助大家。

一．前端相关概念建立

主要内容：

主流五大浏览器及其内核

浏览器的概念介绍： 浏览器的作用、工作方式

HTTP协议： 协议产生的原因、作用、及内容

页面加载流程：当用户打开浏览器，输入地址栏并按下回车之后发生的事情

二．HTML - CSS - JS基础 - jQuery

学习内容：

HTML及HTML5：理解浏览器如何解析HTML、基本的语法规则、不同标签的使用方式、嵌套方式

CSS：理解层叠式样式表的语法规则、各种盒模型及常用布局

CSS3：伪类、新选择器及高级盒模型

(学完HTML/CSS、HTML5/CSS3，写静态页面，以及页面布局，你的有所感悟)

JavaScript(JS)：理解JS的作用、运行规则、语法规则、数据类型、判定、循环

对象、数组、函数、日期、正则、异常

jQuery：

$函数、选择器、常用方法、链式调用、项目实战

（都学完以后，你对一些，页面功能的实现，你也能实现）

三．JS进阶 - 面向对象 - H5新特性

主要内容：

DOM：理解DOM的作用及使用规则

JS进阶：快捷属性和尺寸、浏览器检测、事件流程

面向对象：构造函数、原型、继承

H5新特性：多线程、事件推送、前端存储、canvas、历史记录等

（学完这里你应该具有一定的代码编写能力，以及自己对代码的理解，会使用API）

四．设计模式 - AJAX - NodeJS - 数据库

学习内容：

设计模式：单例模式、工厂模式、闭包类、MVC思想、MVVM等

AJAX：AJAX优缺点、异步请求、字符串模板、跨域

NodeJS：Node服务器的相关知识、接口、文件操作、Express框架

数据库：数据的概念、分类、使用Node操作数据库、MongoDB数据库

（学会以后，你对前后端一起配合工作，有所体会）

五．工程化 - CSS预编译 -ES6 - 小程序

主要内容：

工程化：Gulp使用、Webpack使用

CSS预编译：Less使用、Sass使用

ES2016：块级作用域、新的定义变量关键字、新的方法拓展、字符串模板与插值、新的数据结构、新的编程方式、类、继承、模块化

小程序 ：小程序注册、介绍、组件、API、开发跨平台通用程序

（学会使用开发工具，使你的开发效率，事半功倍）

六．Vue - React

学习内容：

Vue：Vue详解、Vue插件、Vue脚手架、Vue项目实战

React与ReactNative：

React详解、React组件化、Redux状态管理、React项目实战

ReactNative详解、ReactNative创建移动端应用、ReactNative项目实战

（两大前端主流框架，至少熟练掌握一个，建议优先掌握Vue框架）

想学习前端，了解前端更多知识，欢迎大家关注、私信我！！！