前端学习路线_史上最全的前端学习路线图，⼲货满满
前端很⽕，想⾃学前端的⼈也多。作为过来⼈，知道⾃学的⾟苦。所以⼩编精⼼制作这份学习路线图，就是让想⾃学前端的⼩伙伴们有⼀份系统专业的学习资源和学习指导。
此学习路线图，历经两个⽉的时间，⽆论你是刚⼊门的⼩⽩，还是已经⼯作的前端开发者，都是必备的学习宝典！
⼀、前端学习路线图—流程篇
前端学习路线图
⼆、前端学习路线图—视频教程篇：
前端视频篇第⼀阶段-准备篇
本阶段前端课程共计5个知识点
1、周期与⽬标
这⼀阶段的学习需要15天的时间
2、学完后⽬标
1. 熟悉媒体查询和响应式设计，使得设计有适配不同的移动;
2. 熟悉基础CSS的格式和CSS盒模式;
3. 理解⽹页间是如何链接的、如何设计多列布局，可以处理表单字段和媒体元素;
4. 理解如何创建和浏览⼀个基本的⽹页。
3、知识点:
1)开发⼯具的安装配置的介绍
sublime、webstorm、Visual Studio Code
2)HTML
理解如何浏览和创建⽹页、基本的语法规范、常⽤标签及属性、⽹页之间的链接与跳转、标签节点层级节点3)CSS
基本语法和三种书写位置、选择器和格式化排版、盒模型的⾼级⽤法、常⽤布局模型
4)JavaScript⼊门
基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象
5)京东⾸页实战
CSS代码抽象与复⽤、 浮动的盒⼦布局、padding 和 margin 使⽤、层级的使⽤、定位特性的各种使⽤场景4、⼩编整理的视频教程如下
《前端与移动开发基础》
《CSS梅兰商城项⽬实战视频教程》
《JavaScript基础视频教程》
⼆、前端视频篇第⼆阶段-基础篇
本阶段前端课程共计4个知识点，共计1个免费配套视频涵盖
1、周期与⽬标：
学习周期：20天
2、学完后⽬标：
能够基于jQuery实现炫酷效果和复杂的功能模块；
能创造或添加⾃定义效果到⽹页上；
jquery学习在线教程
能熟练添加标准的动画效果到⽹页上；
熟练操作DOM模型。
3、知识点：
JavaScript基础
JS语⾔的基本构成、变量、数据类型、表达式、选择结构、循环结构、短路语句、函数基础
DOM + BOM
DOM基本结构、节点对象的操作、事件特性及使⽤、常见的内置DOM对象、常见的BOM功能
⽹页特效与进阶
在⽹页特效中常⽤的编程接⼝、动画编程、事件对象和冒泡、缓动框架封装和旋转⽊马案例、正则表达式及应⽤
Jquery
选择器、基本操作API、动画API、事件API、插件机制、原理分析、项⽬实战
4、⼩编整理的视频教程如下
《JavaScript 基础加强 》
三、前端视频篇第三阶段——核⼼篇
本阶段前端课程共计5个知识点，合计3个免费视频涵盖
1、周期与⽬标：
学习周期：20天
2、学完后⽬标：
能够基于jQueryMobile/Zepto等框架进⾏移动端js功能开发；
能够熟练使⽤html5/css3/ canvas进⾏移动端页⾯和功能效果开发，并且能够基于原⽣和框架进⾏响应式效果开发；
能够基于jQuery、bootstrap等框架实现炫酷效果和复杂的功能模块；
能够独⽴制作电商类，企业类⽹站，以及常见js动态效果。
3、知识点：
HTML5 + CSS3
语义化结构、多媒体 、本地存储、其他常见API、CSS3 选择器、CSS3 边框、背景、阴影、CSS3 过渡和动画、CSS3 伸缩布局、Canvas
服务端编程
端的概念、Web 服务器的概念、服务器搭建、XML与JSON
PHP
PHP基础语法 、PHP服务端编程基础
AJAX
基本编程接⼝、异步数据交互、模板引擎的使⽤、跨域的实现⽅案、增量加载
移动Web开发
响应式布局、Bootstrap框架深度使⽤、Zepto.js库、预编译CSS
4、⼩编整理的视频教程如下
《最新H5+CSS3教程视频》 《最新AJAX教程》《传智前端就业班视频分享：移动web开发课程 》
四、前端视频篇第四阶段——进阶篇
本阶段前端课程共计4个知识点，合计2个免费视频涵盖
1、周期与⽬标：
学习周期：15天
2、学完后⽬标：
熟练使⽤闭包、⾼级函数、⽴即执⾏函数(匿名函数)等；
熟练使⽤元编程，解决Callback等；
熟悉JavaScript基本语法。
3、知识点：
⾯向对象在JS中的体现与实践
⾯向对象理论、对象的基本概念、对象的属性和⽅法、通过字⾯量创建对象
2)开发过程中常⽤的模式与思想
开闭原则、MVC思想、⾼内聚低耦合、⼯⼚模式
3)JavaScript⾼级特性
通过构造函数创建对象、原型对象、继承的多种实现⽅式、原型链、函数的本质以及 Function 构造函数、作⽤域链、闭包、沙箱模式
4)封装⼀个⾃⼰框架
选择器框架、CSS操作封装、属性操作封装、其他DOM操作的封装、事件框架的封装
4、⼩编整理的视频教程如下：
《JavaScript-⾼级⾯向对象视频教程》《JavaScript⾼级框架设计》
我收集和整理了很多这⽅⾯的视频教程，讲的基本上通俗易懂，充满风趣，有想学这⼀门技术的⼩伙伴，可以来学习和搞资源，web开发学习交流，; 前⾯926338675就可以到我了

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。