web前端学习路线和步骤

H5+全栈工程师  (学习下列技术可以加QQ： 1416 7596 61)
第一阶段：初级入门阶段

基本功 1、HTML入门 Windows概述、浏览器概述、HTML简介、HTML标签详解、前端开发工具概述、特殊字符、SEO、标签语义化 可掌握的核心能力：
熟练掌握html/css页面布局排版、样式美化。

工具使用：Hbuilder/Webstrom/Sublime。

掌握常用工具的安装使用，快捷键设置等技巧，快速提高开发调试效率。
2、CSS高级程序设计 CSS概述、CSS属性、CSS样式的类型、CSS选择器、CSS背景、元素的显示模式、CSS伪类、字体相关属性、三大特性、盒子模型、margin、padding、PS、浮动、定位、CSS相关案例
3、综合案例：小米商城项目实战 DIV+CSS、项目开发流程、小米项目实战

第二阶段：Web核心编程      (学习下列技术可以加QQ： 1416 7596 61  )

（1）可以清晰划分项目开发模块；
（2）根据开发任务编写详细设计文档；
（3）根据文档对功能模块进行编码；
（4）根据测试信息修复模块功能缺陷；
（5）能对现有产品进行升级和维护。

可解决的现实问题：
能解决常规业务逻辑，asp.net操作sql server增删改查，动态网站数据展示，能够手写mvc框架。

可拥有的市场价值：
可满足企业动态网站开发的需求，根据市场反馈数据看，薪资普遍在 7000元/月以上。
2、asp.net基础 变量和常量、数据类型、运算符、流程控制、函数、字符串、数组
3、数据库实战 sql server简介、基础SQL操作、字符集、列类型、类属性、表关系、高级查询、外键、范式、视图、事务、触发器、存储过程
4、核心编程
（表单传值）
表单传值的方式、asp.net接收数据的三种方式、处理复选框数据、文件上传
5、核心编程
 基本操作、执行增删改操作、执行查询操作、相关的函数、扩展应用案例
6、核心编程
（Http协议） HTTP协议概念、HTTP协议的特点、HTTP协议的分类、HTTP请求、HTTP响应、HTTP状态码、PHP模拟HTTP请求
7、核心编程
（文件编程） 文件操作的分类、目录操作、文件操作、文件下载
8、核心编程
（会话技术） 会话技术概述、Cookie与Session的区别、Cookie原理、Cookie操作、Session原理、Session操作、垃圾回收机制
9、核心编程
（GD图像处理） GD库概述、GD画布实现、验证码、缩略图、水印图
10、核心编程
（面向对象） 面向对象概述、面向对象实现、封装、继承、多态、对象遍历、对象序列化、反射机制、命名空间
11、核心编程
12、MVC设计模式 MVC设计模式、搭建自定义MVC框架
13、综合案例：博客系统开发 项目开发流程、数据表数据、后台实现、前台实现、扩展功能

第三阶段：前端高级程序设计    (学习下列技术可以加QQ： 1416 7596 61)

JavaScript基础 JavaScript概述、Javascript注意点、直接量、数据类型、流程控制 可掌握的核心能力：
(1) 具备解决复杂问题和技术难点的能力;
(2)丰富的调试技能和组件开发能力;
(3)能够独立设计开发复杂的功能模块。

可解决的现实问题：
(1)能够实现功能的同时，考虑代码的优雅性，注重代码的性能和重用性;
(2)针对项目中的bug和技术难点，能够提供解决办法;
(3)深入理解前端框架实现原理，能够开发和重构通用的前端组件。

可拥有的市场价值：
熟练掌握和学习后，可满足前端与移动开发行业的中级需求，根据市场反馈数据看，薪资普遍在 10000元/月。
Web API（BOM、DOM、事件、特效） 数组、函数、字符串、bom、dom
JavaScript高级（面向对象、闭包、原型链、正则） 面向对象、递归与预解析、正则表达式
jQuery与插件开发实战 jQuery的优势、jQuery选择器、jQuery中的动画、jQuery插件、jQueryUI、jQuery编程思想、编写jQuery插件、基本元素操作、事件处理
精通Ajax 同步与异步概念、原生Ajax、jQuery的Ajax相关API使用、低层原理分析、实用案例
综合案例：VueJS移动端项目开发 Vue概述、Vue指令、Vue属性、方法、事件、过滤器、事件处理、钩子函数、组件、动画、路由、API请求、Vue项目实战
4.大型网站架构

第四阶段：  (学习下列技术可以加QQ： 1416 7596 61)
大型网站架构 SVN/Git版本控制 SVN概述、SVN软件安装、SVN使用详解、配置多仓库与权限控制、SVN钩子程序 可掌握的核心能力：

(1)能够对系统架构进行分析和设计;
(2)控制开发产品质量，参与制定开发规范;
(3)能对现有项目进行性能调优;
(4)参与网站项目需求分析，根据项目需求设计提供优化技术方案;
(5)改进公司现有框架，提高产品质量。

可解决的现实问题：

服务器高级部署优化，互联网常用技术。MySQL优化、读写分离、Nginx服务器集群、Laravel框架、千万级并发商城系统开发。

可拥有的市场价值：

真正掌握互联网系统架构设计思想，可实现对门户网站、商城系统、办公系统等项目进行系统性能调优，根据市场反馈数据看，薪资普遍在 15000元/月以上。
Linux操作系统 Linux系统概述、VMware虚拟机的安装、CentOS系统安装、Shell指令、VI编辑器、Linux内核分析、用户和组、文件操作、网络配置、FTP、LAMP环境
Nginx服务器集群 Nginx概述、LNMP的安装与配置、缓存设置、压缩设置、负载均衡
Memcache缓存设计 大型项目优化概述、Memcache软件的安装、Memcache指令详解、使用PHP操作Memcache、Memcache应用场景
Redis
（缓存、消息队列） Redis概述、Redis支持的数据类型、持久化功能、Redis主从模式、PHP操作Redis、消息队列、秒杀功能实现
MongoDB
（NoSQL数据库） MongoDB概述、MongoDB进阶、MongoDB的权限机制、使用PHP操作MongoDB
网站优化
（主从复制、读写分离） 主从服务器的讲解、主从复制、读写分离实战
网站优化
（页面静态化） 页面静态化技术简介、真静态、伪静态
目录分析、控制器、路由、视图、HTTP请求与响应、数据库、模型、Redis数据库、消息队列

第五阶段：移动端App开发   (学习下列技术可以加QQ： 1416 7596 61)
移动端App开发 HTML5+CSS3（H5C3移动端项目实战） HTML5概述、新语义标签、表单、多媒体、Web存储、定位；CSS3概述、选择器、阴影、渐变、边框、2D、3D、动画、盒子模型 可掌握的核心能力：
(1)从前端的全局角度认识相关的框架;(2)深刻理解移动App的开发模式和技术选型;
(2)了解主流的后台技术和前后端协作方式，从全局角度理解项目的整个生命周期。

可解决的现实问题：
(1)能够熟练使用前端工作流工具;
(2)熟悉移动App的开发模式，能够基于流行的技术进行移动端App开发;
(3)熟悉软件开发中整个项目的生命周期，了解主流的后台开发技术以及相应的前后端协作方式。

可拥有的市场价值：
熟练掌握和学习后，可满足前端与移动开发行业的高级需求，薪资普遍在20000+元/月。
Canvas绘图 canvas概述、绘图、echarts、svg、svg图标的使用
移动Web开发
（响应式设计） Chrome模拟调试、真机调试、Viewport、rem、vw、主流适配方案、媒体查询,设备尺寸划分,主流响应式布局框架、touch事件,手势封装、iScroll、swiper、fastclick、zepto、framework7、Canvas、Sass、Less
全栈项目：
移动端商城系统实战 项目概述、需求分析、全端项目开发流程、三端分离、Restful编程规范、API接口开发

第六阶段 ：NodeJS全栈开发   (学习下列技术可以加QQ： 1416 7596 61)
NodeJS全栈开发 前端模块化 AMD、CMD、RequireJS、淘宝的SeaJS 可掌握的核心能力：

(1)掌握前端模块化
(2)掌握nodejs全栈式解决方案，通过案例实现js在服务器端实现高效开发的新模式;
(3)熟练使用express框架搭建web或移动端应用;
(4)掌握AngularJS或ReactJS技术。

可解决的现实问题：
(1)能够熟练使用nodejs编写服务器端程序;
(2)能够熟练的使用express框架进行项目开发;
(3)能够熟练使用AngularJS或ReactJS技术搭建移动端项目;

可拥有的市场价值：
熟练掌握和学习后，可满足前端与移动开发行业的高级需求，薪资普遍25000+元/月。
NodeJS详解 NodeJS历史、发展,、特征与现状、同步与异步、环境安装、快速入门、文件操作, 网络操作, 模块化基础, npm、异步编程、工具模块、Web模块、全局对象
Express框架 Express 简介、安装、请求与响应、路由、静态文件、文件上传、Cookiet管理
AngularJS实战开发 单页应用；MVC；常用指令；双向绑定和单向绑定；模块；控制器controller；$watch；自定义指令；jqLite；过滤器；格式化过滤；数据过滤；服务$http、$location；前端路由；http拦截器
ReactJS实战开发 快速入门；数据渲染；虚拟DOM；交互与动态UI；JSX 语法；组件组件化；组件复用；flux；redux；集成工具；附加模块；生命周期；state props context 等