前端很火，想自学前端的人也多。作为过来人，晓得自学的辛劳。建造这份进修道路图的初心，就是让想自学前端的小伙伴们有一份体系专业的进修资源和进修引导。这里还是要推荐下小编的web前端学习群:606加721加798，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份2最新的web前端资料和0基础入门教程，欢迎初学和进阶中的小伙伴。在不忙的时间我会给大家解惑。
前端进修道路图—流程篇
二、前端进修道路图—视频篇：
前端视频篇第一阶段-预备篇
本阶段前端课程共计5个知识点，5个免费视频涵盖
1、周期与方针：
进修周期：15天
学完前方针：
1、熟悉媒体查询和相应式设计，使得设计有适配不合的挪动;
2、熟悉根本CSS的名目和CSS盒形式;
3、理解网页间是若何链接的、若何设计多列构造，可以措置表单字段和媒体元素;
4、理解若何建树和阅读一个根基的网页。
2、知识点:
1）开发工具的安装设置装备安排的引见
sublime、webstorm、Visual Studio Code
2）HTML
理解若何阅读和建树网页、根基的语律例范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点
3）CSS
根基语法和三种书写位置、选择器和名目化排版、盒模子的高级用法、常用构造模子
4）JavaScript入门
根本语法和变量、数据类型和数据类型转换、前提断定、轮回语句、函数、数组等内置工具
5）京东首页实战
CSS代码笼统与复用、 浮动的盒子构造、padding 和 margin 使用、层级的使用、定位特征的各类使用场景
1、周期与方针：
进修周期：20天
学完前方针：
1、可以基于jQuery实现炫酷了局和复杂的功能模块；
2、能创造或添加自界说了局到网页上；
3、能谙练添加标准的动画了局到网页上；
4、谙练把持DOM模子。
2、知识点：
1）JavaScript根本
JS说话的根基构成、变量、数据类型、表达式、选择构造、轮回构造、短路语句、函数根本
2）DOM + BOM
DOM根基构造、节点工具的把持、事务特征及使用、常见的内置DOM工具、常见的BOM功能
3）网页特效与进阶
在网页特效中常用的编程接口、动画编程、事务工具和冒泡、缓动框架封装和改变木马案例、正则表达式及应用
4）Jquery
选择器、根基把持API、动画API、事务API、插件机制、事理分析、项目实战
1、周期与方针：
进修周期：20天
学完前方针：
1、可以基于jQueryMobile/Zepto等框架停止挪动端js功能开发；2、可以谙练使用html5/css3/ canvas停止挪动端页面和功能了局开发，并且可以基于原生和框架停止相应式了局开发；3、可以基于jQuery、bootstrap等框架实现炫酷了局和复杂的功能模块；4、可以独立建造电商类，企业类网站，以及常见js动态了局。
2、知识点：
1）HTML5 + CSS3
语义化构造、多媒体 、本地存储、其他常见API、CSS3 选择器、CSS3 边框、背景、暗影、CSS3 过渡和动画、CSS3 伸缩构造、Canvas
2）办事端编程
端的概念、Web 办事器的概念、办事器搭建、XML与JSON
3）PHP
PHP根本语法 、PHP办事端编程根本
4）AJAX
根基编程接口、异步数据交互、模板引擎的使用、跨域的实现方案、增量加载
5）挪动Web开发
相应式构造、Bootstrap框架深度使用、Zepto.js库、预编译CSS
1、周期与方针：
进修周期：15天
学完前方针：
1、谙练使用闭包、高级函数、立即实行函数(匿名函数)等；2、谙练使用元编程，处理Callback等；
3、熟悉JavaScript根基语法。
2、知识点：
1）面向工具在JS中的浮现与理论
面向工具理论、工具的根基概念、工具的属性和编制、经由过程字面量建树工具
2）开发过程中常用的形式与思惟
开闭准绳、MVC思惟、高内聚低耦合、工场形式
3）JavaScript高级特征
经由过程机关函数建树工具、原型工具、担当的多种实现编制、原型链、函数的本质以及 Function 机关函数、浸染域链、闭包、沙箱形式
4）封装一个本身框架
选择器框架、CSS把持封装、属性把持封装、其他DOM把持的封装、事务框架的封装