前端开发入门学习有：HTML、CSS、JavaScript（简称JS）这三个部分。所以在学习之前我们需要先明确三个概念：
HTML——内容层，它的作用是表示一个HTML标签在页面里是个什么角色。
CSS——样式层，它的作用是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。
JS——行为层，它的作用是当用户触发某些行为时，会给内容和样式带来什么样的改变。
web前端自学之路：史上最全web学习路线，HTML5是万维网的核心语言，标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，一方面提升了用户体验，另一方面HTML5技术跨平台，适配多终端，改变了传统开发者需针对不同操作系统进行研发的局面。web前端全栈HTML5融合大数据可视化内容、深化PHP+MySQL，学员求职可任项目leader！
web前端初级开发工程师
HTML5课程介绍
互联网发展趋势H5语言的优势简单易学人人都能编程H5就业和薪资情况H5常见的项目与产品H5的未来与方向HTML基础
HTML简介与历史版本常用开发软件常见标签与属性表格与表单标签规范与标签语义化实战：网页结构布局CSS基础
css简介与基本语法常见的各种样式属性CSS选择器与标签类型理解盒子模型与CSS重置浮动与定位利用photoshop工具测量样式HTML+CSS开发网页实战：高仿电商首页效果CSS3基础
css3常见样式css3选择器变形与动画3D效果与关键帧弹性盒模型移动端布局
移动端基本概念viewport窗口设置移动端布局方案rem、vh、vw等单位响应式布局bootstrap框架JavaScript基础
JS简介JS变量数据类型与类型转换运算符与优先级流程控制-if..else流程控制-switch...case流程控制-while、do..while、for循环break、continue语法函数定义与调用全局变量与局部变量函数传参与返回值函数作用域与变量作用域DOM的基本操作定时器使用this指向与修改指向数组、字符串等方法操作时间对象与正则对象掌握常见BOM操作常见事件与事件细节JSON与AJAXJSONP跨域操作前端cookie的使用实战：JS配合HTML与CSS完成电商项目jquery框架
jquery框架介绍及优势介绍jquery核心思想jquery常见方法jquery动画操作jqueryAJAX操作jquery工具方法利用jquery快速开发网页PHP基础
PHP简介与基本语法mysql数据库及sql语法apache服务器与集成开发工具PHP链接数据库PHP与AJAX交互实战：留言板、登录、注册等H5基础项目
项目简介项目功能演示项目划分及框架编写HTML页面结构设置CSS样式添加JS交互可选框架：bootstrap、jquery、PHP等项目调试及兼容项目验收web前端中高级开发工程师
面向对象基础
面向对象概述对象和构造函数（类）之间的关系对象的属性和方法原型与原型链包装对象与内部实现对象中实现继承方式设计模式及实际运用JavaScript高级
JS算法与排序算法promise异步处理运动与tween算法闭包与模块化JS组件开发打造小型jquery框架JS性能优化ES6新增功能前端工程化
gulp基本使用less、sass、babel等预编译框架理解模块概念，AMD与CMD规范前端模块框架seaJS、requireJSwebpack基本使用多人协作
svn基本用法与可视化工具多人开发流程git基本用法命令行操作分区及分支等概念远程github操作实战：多人协作开发项目HTML5新功能
canvas绘图svg绘图音频与视频本地存储与离线存储地理信息webWorkerwebSocketNodeJS基础
node与npm概念及使用node模块方式node常用内置模块node爬虫与文件自动化处理node搭建服务器与简单路由mongodb非关系数据库mongodb安装与db操作mongodb增删改查mongodb与node结合开发mongoose数据建模mongoose与node结合开发express框架中间件与ejs模板引擎Robomongo与postman工具express+mongoose搭建后端框架设计RestfulAPI实战：前后端分离式开发