前端学习之路——分阶段详细分析 （必看！）

今天给大家介绍的是前端你需要学习的全部内容——
让想自学前端的小伙伴们有一份系统专业的学习资源和学习指导。若是觉得有用记得给点个赞哦！无论你是刚入门的小白，还是已经工作的前端开发者都能从中获取到你想要的资料！

第一阶段：准备篇
第二阶段：基础篇
第三阶段：核心篇
第四阶段：进阶篇
图片说明参考

接下来我们详细分析：

一、准备篇
1、学习周期：20天
2、学后目标：
2.1、熟悉媒体查询和响应式设计，使设计适配不同的移动；
2.2、熟悉基础CSS的格式和CSS盒模式；
2.3、理解网页间使如何链接的，如何设计多列布局；
可以处理表单字段和媒体元素；
2.3、理解如何创建和浏览一个基本的网页
3、需要完成的：
开发工具的安装配置介绍：
sublime、webstorm、visal studio code

HTML:
理解如何浏览和创建网页，基本的语法规范、常用的标签和属性、网页之间的链接和跳转、标签和嵌套

CSS：
基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型

javascript入门：
基本语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象

京东首页实战：
CSS代码抽象和复用、浮动盒子布局、padding和margin的使用、层级使用、嵌套使用、定位、颜色、字体搭配、

二、基础篇
1、学习周期：20天
2、学后目标：
2.1、能够基于jQuery实现炫酷效果和复杂的功能模块；
2.2、能够创造或添加自定义效果到网页上；
2.3、能熟练添加标准的动画效果的网页上
2.4、熟练操作DOM模型
3、需要完成的：
javascript基础：
js语言的基本构成、变量、数据类型、表达式、选择结构、循环结构、短路语句、函数基础

DOM+BOM：
DOM基本结构、节点对象的操作、事件特性及使用、常见的内置DOM对象、常见的BOM功能

网页特效与进阶：
在网页特效中常用的编程接口；动画编程、事件对象和冒泡、缓动框架封装和旋转木马案例、正则表达式及应用

Jquery：
选择器、基本操作API、动画API、事件API、插件机制、原理分析、项目实战

三、核心篇
1、学习周期：20天
2、学后目标:
2.1、能够基于JqueryMobile/Zepto等框架进行移动端js功能开发；
2.2、能够熟练使用html5/css3/canvas进行移动端页面和功能效果开发；并且基于原生和框架进行响应式效果开发；
2.3、能够基于Jquery、botstrap等框架实现炫酷效果和复杂的功能模块；
2.4、能够独立制作电商类，企业类网站，以及常见js动态效果
3、需要完成的：
HTML5+CSS3:
语义化结构、多媒体、本地存储、其他常见API、CSS3选择器、CSS边框、背景、阴影、CSS3过渡和动画、CSS3伸缩布局、Canvas

服务端编程：
端的概念、Web服务器的概念、服务器搭建、
XML与JSON

PHP:
PHP基础语法、PHP服务端编程基础

AJAX：
基本的编程接口、异步数据交互、模板引擎的使用、跨域的实现方案、增量加载

移动Web开发：
响应式布局、Bootstrap框架深度使用、Zepto.js库、预编译CSS

四、进阶篇
1、学习周期：15天
2、学后目标：
2.1、熟练使用闭包、高级函数、立即执行函数（匿名函数）等；
2.2、熟练使用元变成，解决CallBack等；
2.3、熟练Javascript基本语法
3、需要完成的：
面向对象在JS中的体现与实践：
面向对象理论、对象的基本概念、对象的属性和方法、
通过字面量创建对象；

开发过程中常用的模式与思想：
开闭远程、MVC思想、高内聚低耦合、工厂模式

Javascript高级特性：
通过构造函数创建对象、原型对象、继承的多种实现方式、原创链、函数的本质以及Function 构造函数、作用域链、闭包、沙箱模式

封装一个自己的框架:
选择器框架、CSS操作封装、属性操作封装、其他DOM操作的封装、事件框架的封装

图片说明参考：