如何从零开始学习前端？

学习前端是个很庞杂的工程。一定要学会分析，每个阶段怎样去学习不能一股脑的看别人是怎么样你就怎么样。

把前端学习分为三部分来学习：

一、HTML和CSS 注重学习的是布局方式，锻炼基本思维。

1. HTML基础，CSS基础，CSS核心属性

2. CSS样式层叠，继承，盒模型

3. 容器，溢出及元素类型

4. 浏览器兼容与宽高自适应

5. 定位，锚点与透明

6. 图片整合

7. 表格，CSS属性与滤镜

8. HTML5新增的元素与属性

9. 表单域增强元素

10. CSS3选择器

11. 文字字体相关样式

12. CSS3位移与变形处理

13. CSS3 2D转换与过度动画

14. CSS3 3D转换与关键帧动画

15. 弹性盒模型

16. 媒体查询

17. 响应式设计

开始对于有些人来说，可能有点儿困难，但随着不断的重复性的练习，和对常用布局结构的熟悉和常用CSS属性的熟悉，慢慢就好了。这部分知识贵在坚持。

二、JavaScript的学习，主要锻炼的是逻辑能力，和对基础知识的掌握程度。千万不要想当然觉得自己会了，结果过几天就什么都忘记。写一个效果，要看之前代码好几遍。

1. 基本语法、循环语句、函数与数组

2. String与Date、BOM与DOM、事件、cookie存储

3. 正则表达式、Ajax、面向对象基础、运动与游戏开发、Promise/A+

4. 设计模式（观察者模式等&