随着移动互联网的兴起，HTML5技术发进一步发展，拥有全栈能力的高级前端工程师，迅速成为每个IT企业不可或缺的岗位。夜鹰教程网经过长期的技术沉淀和酝酿之后，课程体系已经全面升级.深入研究和分析同行业学习路线，在线下教学实践后，经过总结和优化，特别推出如下学习路线：

 培训方式：在线学习或者离线学习方式 视频直播或者录播  （实际培训时间可能因法定节假日等因素发生变化）。详细咨询QQ：1416759661

2018年陆续上线以下内容（备注：部分内容已经上线）

1.HTML&CSS基础

H5大前端与移动开发 课程大纲

第1 阶段：HTML、CSS基础

（1）能够掌握HTML，CSS使用技巧,包括CSS语法、选择器、字体样式、边框、背景、图片。

（2）能够理解行内和块级标签属性 ，正确选择和使用标签排版。

（3）能够掌握浮动、定位布局技巧 ，实现常见网页布局效果。

（4）能够掌握布局思路，熟练使用DIV+CSS布局模式 。

（5）将psd效果图转为静态页面。

（6）常见网页效果制作。

（7）实例：小米商城前端开发案例制作。

第2阶段：JavaScript基础

（1）变量、作用域、运算符；

（2）流程控制、数组、函数、事件等；

（3）熟练使用原生js完成DOM编程；

（4）掌握JavaScript的高级语法；

（5）独立完成电商网站的页面搭建（包括HTML结构、CSS样式、JavaScript特效组件）；

（6）掌握应对业务编程的能力。

（7）BOM操作 、DOM操作大全 、 特效实现、页面布局、事件处理、浏览器兼容性处理。

（8）案例：下拉菜单制作，商城二级导航菜单制作，loding制作、页签效果等。

第3阶段：jQuery库使用

（1）熟练使用jQuery的强大的选择器功能；

（2）DOM操作；

（3）事件和动画；

（4）插件使用和开发；

（5）ajax局部刷新技术；

（6）案例：常见网页效果、滚动到顶部、滚动到各楼层、页签效果、轮播效果制作。

第4阶段：JavaScript高级

概述：

面向对象思想、JavaScript中的对象、JSON、闭包、原型、作用域链、函数的调用方式及this指向、正则表达式 、面向对象理论与实践

前端模块化 模块化开发基本概念、模块化演变过程分析、设计规范、RequireJS

后端开发asp.net+Ajax+前端模块化    后台开发 C#基础语法（变量、数据类型、分支循环语句、数组、函数、参数传递get/post）、动态网站、后台接口开发。数据库基本概念、基本SQL语句、.net连接数据库进行基本增删改查、HTTP协议、表单传值、会话技术

   可掌握的核心能力：

（1）能够建立客户端服务器交互模型，熟悉网络通信相关概念；

（2）能够开发简单的后台接口；

（3）能够使用asp.net操作SQL server数据库；

（4）能够理解HTTP协议；

（5）熟悉原生Ajax请求流程与细节，并掌握常见跨域技巧；

（6）能够基于jQuery的Ajax相关API熟练开发常见的前端功能；

（7）能够独立开发基于后台接口的动态网站、AJAX数据交互的项目；

能够建立起客户端服务器交互模型，熟练使用Ajax实现前端功能点、能够进行前后端协作开发、能够独立开发基于后台接口的数据管理平台项目。

掌握前后端协作开发相关知识点、能够快速融入实际的工作场景。

Ajax 同步与异步概念、原生Ajax、jQuery的Ajax相关API使用、低层原理分析、缓存问题及处理方式、跨域请求及解决方法

第5阶段：H5和CSS3技术

1、H5新增的语义化标签学习。

2、CSS3新增选择器及新增属性、圆角、阴影、2D转换与过渡、3D转换、动画、Web字体、Flex弹性布局、HTML5多媒体.

3、CSS3各种变幻伸缩布局、变形。

4、Canvas绘图和动画编程。

5、CSS3动画制作。

6、常见的css3动画效果。

7、HTML5音频播放、HTML5视频播放、HTML5DOM扩展、HTMl5自定义属性、HTML5data-*配套dom语法地理定位、文件读取、元素拖拽、多媒体加强、应用缓存、历史管理、web存储 可掌握的核心能力：

8、案例：太极图绘制 各种报表绘制（饼状图 条形图  折线图  直方图 正弦余弦函数 圆形loding、图片翻转效果 图片缩放过渡效果等）

第6阶段：NodeJS开发  

NodeJS历史、发展、特征与现状、ES6常用语法、同步与异步、环境安装, 文件操作、网络操作、模块化思想及操作、 npm、异步编程、Express 可掌握的核心能力：

（1）了解项目开发的流程；

（2）能够熟练开发移动端和PC端的交互式网站；

（3）掌握Express的使用；

（4）能够使用NodeJS开发后台接口，打通前后端

（5）掌握源代码管理软件的使用。

（6）能够完全胜任公司项目框架从0到1的搭建；

（7）能够利用webpack提高项目团队的开发效率；

（8）能够使用现在市场上流行的框架进行开发常见项目；

（9）能够进行团队合作开发项目。

第7阶段：移动web开发

（1）熟练使用HTML5&CSS3实现网页特炫效果；

（2）掌握常用移动端框架使用方法；

（3）掌握常用移动端调试方法；

（4）掌握常用移动端适配方法；

（5）熟练使用移动端touch事件及手势封装；

（6）掌握响应式布局的写法；

（7）掌握CSS预处理器less的使用；

（8）掌握使用GIT对比文件差异、还原、合并，能够解决远端仓库与本地仓库合并时的冲突；

（9）掌握移动端整站开发架构搭建、项目开发、性能优化等整站开发能力。

市场价值：

学生具备移动端web开发能力,拥有根据设计图转化为对应的web,同时处理移动设备适配问题。能够掌握工作中多人开发的操作方式。

备移动web开发能力,能够和后台交互，独立开发移动端的交互网站。

H5C3综合案例 能够利用CSS3技术完成常见专题页特效、能够缩合利用3D转换和过渡实现网页特效

canvas 绘图命令、非零环绕原则、绘制形状、文字、图片，平移变换/缩放变换/旋转变换、ECharts数据报表

移动Web 移动端屏幕介绍、移动端浏览器介绍、移动端操作系统介绍、Chrome模拟调试、真机调试 、Viewport、rem、主流适配方案、触屏touch事件、手势封装、CSS预处理器LESS、移动端框架

CSS框架案例 能够通过bootstrap完成响应式页面的开发，能够了解常见的移动端UI框架

Git 命令行、Git的基本使用、对比文件差异、还原、合并 ，回滚操作，远端仓库操作、使用github创建远端仓库，gitlab创建远端私有仓库、gitlab与github区别，生成ssh key 并添加到github上和gitlab上

第8阶段：常见框架 angularjs/react/vue.js框架使用

本阶段概述：

学完以后能够一个人胜任前端项目的独立开发，从项目框架搭建开始到业务功能的实现，以及后台api的调用均能胜任，使课程不仅仅只有教还有练，让学生能够快速上手企业项目开发。

Vue实战项目 常用系统指令、数据绑定、指令、过滤器、生命周期、组件化、路由、Vue组件、Vue过渡效果(动画)、路由(vue-router库）、vue-resource、es6语法、webpack的使用、项目打包和发布、包管理与维护、实战项目开发

Angular实战项目 单页应用、MVC、常用指令、双向绑定和单向绑定、模块、控制器controller、$watch、自定义指令、jqLite、过滤器、格式化过滤、数据过滤、服务$http，前端路由、http拦截器

可掌握的核心能力：

（1）了解常见的设计模式；

（2）掌握Angular框架的使用；

（3）掌握微信小程序；

（4）掌握ReactNative；

（5）掌握React框架的使用；

（6）能够利用webpack、gulp打包工具实现网站资源的打包；

（7）能够开发微信小程序的应用；

（8）能够使用ReactNative开发WebApp，打包安装；

（9）使用inoic打包app；

扩展：

具有开发简单的小程序的能力, 能跟上最新技术的脚步,具有前后端开发能力的前端开发者。 能熟练使用各种前端工具, 具有开发WebApp并打包上线的能力, 能与其他开发者合理沟通协作开发项目, 符合企业高端需求。

React实战项目 快速入门、JSX 语法、es6语法书写组件、组件复用、生命周期、React操作dom元素、React绝对路由、webpack和gulp集成构建项目、重定向组件、代理方式进行跨域、按需加载React Native 环境搭建、快速入门、属性与状态、使用fetch进行数据请求、Promise、列表组件、常用控件、网络处理

移动App 混合app的优缺点、app开发的常见平台、使用inoic打包app

微信公众号开发(页面) 用JS-SDK技术做分享、拍照、支付、登录等功能。

微信小程序 小程序入门概念及演示、小程序开发工具介绍与创建quick_start项目、小程序文件结构、wxml、wxss、常用组件(view,image,text,navigator,swiper等)、小程序常用api