震惊！官方价值超过10000元的前端学习计划，菜鸟老鸟都不放过！！！

不管黑猫白猫，抓到老鼠就是好猫，不管黑熊白熊，口袋没钱就是狗熊！要从狗熊变英雄，迎娶白富美，走向人生巅峰，办法还是有滴。学习前端开发就是一个不错的选择。那小白白如何上路呢？放心，有lao si ji在，上高速也不怕翻车！

前端小白入门从这里开始
首先要参加官方的 Web前端工程师 路径学习。（至少三个月）

接着是小demo练习，动手实现功能块。

官方的指导思想（可以打开淘宝网，京东网，看看复杂的网页都有哪些功能组合而成），以下是一些提示，更多的功能自己挖掘，（学会百度，谷歌，你所遇到的问题，网上都有解决方案，没有方案的，此文不用看了)

1.轮播图特效
网页中常常使用到的多图片轮播

2.弹出层
网站中登录、注册、警告、对话框常会用到

3.瀑布流
广泛用于电商网站的详细内容或者商品展示

4.楼层导航
淡季楼层导航时，可滚动至对应的楼层；显示对应楼层时，对应的导航项发生改变

5.固定导航
网页中常见的导航菜单固定显示在页面的某个部位

HTML基础
HTML是网页制作必备技能，学习掌握HTML概念、语法及常用基础标签

HTML表格
表格在网页中用于数据和排版，学习掌握表格概念、语法、操作

HTML表单
表单用于收集用户信息，本课程介绍表单概念、语法及创建表单，并通过案例掌握知识。

搭建网页HTML结构
学习如何搭建一个网页HTML结构，并掌握网布局相应知识与技巧。

CSS基础

CSS选择的艺术
学习掌握CSS语法、选择器、继承、层叠及优先级基础内容。

CSS文本样式
CSS为字体、文本提供了大量的样式属性，可以使我们的页面式更加丰富的多彩。

CSS背景和列表
学习掌握背景颜色、背景图片的相关知识，以及列表的多种样式。

盒子模型
学习掌握css的盒子模型，理解了盒子模型，才能更好的排版，进行页面布局。

float浮动
学习掌握浮动的作用，如何用更好的方式来布局页面。

CSS定位（position）
学习掌握定位的知识，如何通过定位来进行布局。

CSS网页布局基础
学习掌握CSS中的基础布局以及经典的布局。

JavaScript基础

JavaScript语法
初步了解JavaScript语言，掌握它的语法、数据类型、基本算数和逻辑运算操作

JavaScript流程控制语句
掌握JavaScript中条件分支语句和循环语句的使用，用简洁的代码实现强大功能

JavaScript函数
掌握函数的使用，学习函数的封装，体会代码复用的过程和它带来的便利

JavaScript内置对象
学习内置对象的常用属性和方法，方便我们开发中直接调用，进而实现更多功能

JavaScript DOM基础
DOM的方法和属性既可以获取网页中的元素，也可以设置元素的内容、样式及效果

JavaScript DOM事件
为页面中的元素绑定键盘或鼠标事件，从而可以触发和实现我们想要的交互效果

JavaScript BOM基础
学习浏览器对象模型“BOM”，可以对浏览器窗口进行访问和操作，与浏览器“对话”

JavaScript实现轮播特效
综合运用JavaScript知识，做出轮播图、tab页切换等实用特效

jQuery基础

jQuery选择的艺术
jQuery的概念、版本、选择器，筛选器、以及与js的区别。

jQuery DOM操作
学习掌握jQuery中查找元素、修改元素样式和内容以及其它操作方法。

jQuery事件
学习掌握jQuery对象中的0级事件、2级事件，以及事件的添加、移除、触发、自定义事件、命名空间。

jQuery插件
学会如何寻找自己需要的插件，如何使用插件，如何自定义插件。

jQuery弹出层案例
学习掌握使用jQuery的属性和方法以及函数的封装。

看到这里，说明你对前端是真爱啊，掌握上面的内容，小白不再白了，老司机也放心了。当然高速飙车是有风险的，比我慢的是 low bi，比我快的是sha bi，只有我最牛bi，如何实现高速见车就超？

菜鸟到前端攻城狮进阶之路

走进HTML5

HTML5标签变化
HTML5文档类型如何定义，有哪些标签，以及如何使用，从整体认识HTML5

HTML5网页布局
传统布局与HTML5网页布局的区别和意义，如何使用HTML5搭建网页

HTML5属性变化
了解属性带来的好处，加深对标签的认识，提高开发效率

HTML5音视频
HTML5中新增的功能，实现音频和视频的播放。

HTML5表单验证
学习掌握H5中新增的一些在表单验证方面的功能，通过一些属性的设置，可以实现条件的控制。

CSS3详解

CSS3选择器
CSS3的变化，新的概念和理念，及其CSS3新增加的选择器

CSS3边框与圆角
神奇的圆角边框、阴影框及其图片边框等，非常具有实用价值的新属性

CSS3背景与渐变
神奇的背景控制属性，以及如何使用颜色过渡实现漂亮的渐变效果

CSS3文本与字体
CSS3中还新增的对文本和字体的设置。

CSS3转换
如何实现扭曲、移位或旋转，更自由得装饰和变形HTML组件

CSS3过渡
如何通过CSS3属性值的变化实现动画效果，如何触发这些动画产生交互

CSS3动画
使用animation属性，实现以往要用Flash等动画软件才能完成的炫酷效果

CSS3多列布局
学习掌握CSS3中 column-width、column-count、column-gap、column-rule等

CSS3用户界面
在 CSS3 中，新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等。

移动基础与响应式

移动基础
了解到移动端与PC端不同的地方，通过对移动端的基础、度量单位、浏览器等

flex弹性布局
学习掌握移动端的布局——flex布局。

响应式布局
学习掌握移动端响应式布局的实现，当屏幕到达一定的宽度的时候会有不一样的布局。

Bootstrap详解

bootstrap栅格布局
什么是bootstrap的栅格化布局，以及如何使用栅格化布局完成响应式页面

bootstrap模块分类及排版布局
学习掌握对页面的模块进行分类，对布局进行排版，以及使用bootStrap对表单、表格、按钮、图像和文本进行样式设置。

bootstrap常用组件
学习bootstrap组件和插件，可复用的组件和插件提高了开发效率以及增加了页面的用户体验

互联网技术发展太快，各种新技术，新库，新框架层出不穷，必须保持活到老学到老的心态哦。前端也是一条不归路滴。。。老司机见多了车祸，速度反而慢了下来了，见车就超？No，No，No，家里上有老下有小，中间还有老婆晚上要抱。。。