WEB前端学习路线图
学习是以兴趣为前提的，你要对你所要学的内容产生兴趣，这样你才会花心思去学习。对于小白而言，在学习过程中就需要更努力，多花时间和心思没有什么是学不会的。
我推荐给你一套学习方法和路线，可以参考一下：
1、你必须明确系统的学习方案
我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。
2、视频为主，书为辅
很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里给大家提醒，书可以看，但是是在建立于你已经对于某个知识点有了具体操作的执行后，在用书去巩固概念，这样更加利于你对于知识的理解。
3、对于学习技术来讲，掌握一个学习方法是非常重要的
其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这方面还是很多的，我就简单说个例子，有的人边听课边跟着敲代码，这样就不对，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合你自己的学习法方法是学习的前提。
自学路线：
第1阶段：前端页面重构(4周)
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
第2阶段：JavaScript高级程序设计(5周)
内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)
第3阶段：PC端全栈项目开发(3周)
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发(6周)
内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发(1周)
内容包含：(微信小程序开发、ReactNative、各类混合应用开发)
第6阶段：NodeJS全栈开发(1周)
内容包括：(WebApp后端系统开发、NodeJS基础与NodeJS核心模块、Express、MySQL数据库)
基础书籍推荐：
1、《Head First HTML与CSS(第2版)》，入门真的是经典书籍，手把手教学，丰富的案例让你从 0 开始学前端。
2、《CSS权威指南(第三版)》，这本书作为 CSS 的经典著作，把原理讲得非常的通透，除了 w3c 标准，算最权威的一本了，毕竟权威指南。
3、《CSS揭秘》神书，47 个 css 技巧让你在面对各种 css 问题的时候游刃有余。是 css 书籍中评分最高的了，css 进阶必备。
4、《javascript语言精粹》，这本书可以在入门之前了解一下基本语法，以及在学习之前可以了解下 JS 里面的精粹以及糟粕，虽然这本书很薄很薄，但是值得反复去读的一本书。
5、《JavaScript DOM编程艺术(第2版)》，本书在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践。
6、《JavaScript权威指南》：犀牛书是每个FE都绕不过的一本书，可以先大致通读几遍，也可以把其当作工具书，时时翻阅。
PS：温馨提示，光看不练假把式，跟着视频教程练项目也是必不可少的！相关教程指路B站尚学堂官方号！都是免费滴！
Web前端开发学什么？对于刚刚准备想进入web前端的同学来说，可能只知道web前端开发前景好，薪资高，但是很多人都不知道要从事web前端要学会哪些技术，如今，移动开发的发展依旧如火如荼，企业对于Web前端人才需求产生了巨大的缺口，从事Web前端开发的程序员们则是其中较大的获益者。Web前端的广泛运用，造就了本身的优势。现在学习Web前端是绝佳时期，抓住机会，拿高薪进名企就不再是问题。那么想学好这门技术，需要学习哪些内容呢?如果想系统的学习前端，可以来我这看看
第1阶段：前端页面重构
PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目
第2阶段：JavaScript高级程序设计
原生JavaScript交互功能开发、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目
第3阶段：PC端全栈项目开发
jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目
第4阶段：移动端项目开发
Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目
第5阶段：混合(Hybrid,ReactNative)开发
微信小程序开发、ReactNative、各类混合应用开发
第6阶段：NodeJS全栈开发
WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库
第7阶段：大数据可视化
大数据可视化化基础与实战、一、数据可视化入门、二、D3.js详解、三、其他JS库
希望对您有所帮助！~
第一阶段：基础课程
HTML 基础，HTML5 规范，HTML语义化标签，CSS基础，CSS3规范、CSS选择器、CSS 属性、视觉格式化模型、盒模型、浏览器兼容性解决方案，视觉格式化模型、传统页面布局、现代页面布局（Flex、Grid）切图工具 PhotoShop、PxCook 、Markman的使用。
第二阶段：专业基础课程
专业基础课程包括网页界面表现、结构样式表现、设计整合表现。旨在学习网页界面排版理论，CSS层叠样式表，XHTML语言标准文档类型DTD讲解，色彩搭配等内容。
第三阶段：专业基础阶段
属于网页制作的进阶课程，主要讲述重点在于CSS+DIV的应用、JavaScript程序设计及Ajax、Html5等前沿技术的探讨。
千锋教育多年办学，课程大纲紧跟企业需求，更科学更严谨，每年培养泛IT人才近2万人。不论你是零基础还是想提升，都可以找到适合的班型，是一家性价比极高的教育机构。
阶段1.前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和BOM编程、jQuery框架
阶段2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3.移动端
移动端核心、移动端适配、移动端特效
阶段4.服务器端
服务器端开发、数据库操作、前后端交互核心、微信公众号开发
阶段5.JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、JavaScript函数式编程、JavaScript设计模式
阶段6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue
希望可以对你有帮助！
第一阶段：基础课程
HTML 基础，HTML5 规范，HTML语义化标签，CSS基础，CSS3规范、CSS选择器、CSS 属性、视觉格式化模型、盒模型、浏览器兼容性解决方案，视觉格式化模型、传统页面布局、现代页面布局（Flex、Grid）切图工具 PhotoShop、PxCook 、Markman的使用。
第二阶段：专业基础课程
专业基础课程包括网页界面表现、结构样式表现、设计整合表现。旨在学习网页界面排版理论，CSS层叠样式表，XHTML语言标准文档类型DTD讲解，色彩搭配等内容。
第三阶段：专业基础阶段
属于网页制作的进阶课程，主要讲述重点在于CSS+DIV的应用、JavaScript程序设计及Ajax、Html5等前沿技术的探讨。
千锋教育多年办学，课程大纲紧跟企业需求，更科学更严谨，每年培养泛IT人才近2万人。不论你是零基础还是想提升，都可以找到适合的班型，是一家性价比极高的教育机构。
