近两年，前端技术和三大框架地位趋于稳定，我们整理了这份前端开发学习路径，希望对大家的学习有所帮助。

　　第一阶段

　　想成为一名前端开发人员，第一步就是网页布局和效果实现。也就是我们常说的切图仔，这时候你需要学习HTML+CSS+Javascript。

　　此部分的学习目的是把UI设计师给你的设计稿用HTML+CSS还原成网页。这部分的难点是有大量的标签需要你记忆。但是不要紧，刚开始你只要了解这种标签的形式，以后在工作中用得多了就熟练了。做个比喻就是你只要记住心法，以后实战多了，招式自然精通了。

　　再简单点，就是你不需要记住所有的标签，你只要知道都能实现什么，然后不会就去百度或者查文档。

　　web前端开发三剑客HTML、CSS、JavaScript综述

　　HTML超文本标记语言

　　HTML全称为（Hypertext Markup Language）超文本标记语言。Html为开发人员提供页面布局标签，其中包括标题标签

、

…，超链接标记标签可以令浏览器跳转至其他页面。开发人员可以通过一系列的标签对页面进行文字布局(
)、图片布局()、表格布局（
、
、
）表单布局（
）、输入框（）。同时超文本标记语言还为每个标签提供操作属性，例如
标签中的文字，开发人员可以通过style=”color=red;font-size=30px”语句对标签中文字大小、文字颜色进行控制。通过一系列属性的定义，我们可以得到精美的页面。
　　
Welcome To Login MilitaryManager System
　　
This is china WebSite
　　CSS层叠样式表
　　CSS全称为（Cascading Style Sheets）层叠样式表，CSS是一种用来表现HTML文件样式的计算机语言。CSS可以修饰静态的web页面，也可以配合动态语言对web页面的标签元素进行格式化。
　　CSS提供类型选择器（该选择器以句点开头）、ID选择器（该选择器以#号开头）。开发人员可以通过选择器的选择对web页面元素中的标签进行属性设置。例如font-size、color、align-text等等属性。
　　CSS盒子模型、外边距margin、内边距padding、边框border、文本content。Margin（left、right、top、bottom）。
　　JavaScript网页交互语言
　　Javascript是一种轻量级解释型或即时编译型的编程语言，开发人员可以使用js对web页面进行数据交互。当Web页面使用HTML+CSS语言定义布局，这属于静态语言，该静态页面中的数据属于不可改变型。为了将Web静态页面转换为动态界面，我们可以使用