班制：小班

　　适合对象：感兴趣的学员

　　课程详情：

　　为何称之为"互联网行业新贵"?

　　WEB前端开拓由网页制作演变而来的，名称上有很明显的时代特性。现在各种混合app的流行，加上网站页面更新快，企业更加注重用户体验，因此WEB交互式开发工程师一职业应势而生。 WEB前端设计师的岗位职责是利用HTML、CSS、 JavaScript、 DOM、 Flash等各种WEB技能进行结合产品的界面开发。他们制作标准化纯手工代码，并增加交互功能，开拓JavaScript和Flash模块，结合后端开拓技能实现全部效果，丰富互联网的WEB开拓，从而优化用户体验。

　　简单说：比设计更懂技术，比后台更懂交互，每天和各种各样的浏览器打交道，做整个产品的门面效果和交互体验工作。

　　WEB前端无处不在

　　H5作为下一代WEB语言，从小游戏到大翻页，H5的应用场景可以是非常多元的。它能够在上，能够在应用商店上，也能够在浏览器上。只要有浏览、有入口的地方就会有H5，不管是浏览器还是操作系统，随着使用者越来越多，在未来都将无法离开H5。

　　课程大纲：

　　阶段 WEB前端基础

　　WEB前端基础熟练掌握各种CSS复杂选择器以及深层应用，实现复杂页面效果的制作，理解 CSS Hack和 CSS 优化，能够手动完成各种页面样式的定义和编写，并保证浏览器兼容性。

　　1、熟练掌握各种HTML标签，能够手动完成各种页面的编写

　　2、熟练掌握各种常用CSS选择器以及CSS样式的定义和使用，能够手动完成各种页面样式的定义和编写

　　3、完成京东首页的布局分析、设计，并纯手写代码的方式实现整个页面，夯实WEB前端页面实操能力

　　4、熟练掌握各种CSS复杂选择器以及深层应用，实现复杂页面效果的制作，理解CSS Hack和 CSS 优化，能够手动完成各种页面样式的定义和编写，并保证浏览器兼容性

　　5、讲解Photoshop设计工具、互联网UI交互设计理论，完全手动代码实现知名前端页面的编写

　　6、理解 JavaScript 的语言原理与运行模式，熟练掌握 JavaScript 核心编程技巧，能够熟练使用 JavaScript 实现逻辑算法、流程控制

　　第2阶段 JavaScript核心

　　本阶段主要学习JavaScript核心，分析项目需求，理解项目的算法，熟练掌握网页型程序的开发技术，深入理解JS的应用技巧。分析WEB页面的功能和需求，实现WEB页面的动效展示以及交互功能。

　　1、深入理解JavaScript语言原理，熟练掌握JavaScript编程技巧，掌握JavaScript对象封装技巧，理解面向对象编程理论，能够熟练使用JavaScript实现逻辑算法、界面验证以及功能实现，理解并掌握ECMAScript5的新特性

　　2、分析项目需求，理解项目的算法，熟练掌握网页型程序的开发技术，深入理解JS的应用技巧。

　　3、深入理解DOM和BOM理论，熟练掌握DOM编程，能够熟练的使用JavaScript原生代码对页面进行处理，完成各种页面动态效果以及动态交互的实现

　　4、学习和理解WEB页面游戏的逻辑和算法，能够完成各种WEB页面游戏的分析和实现

　　5、掌握JQuery核心API，深入理解JQuery设计原则，了解多种JQuery插件，能够熟练使用JQuery编程，实现页面各种功能及效果

　　5、分析WEB页面的功能和需求，实现WEB页面的动效展示以及交互功能

　　第3阶段 WEB前端核心

　　本阶段主要学习Web前端核心，结合服务器端和AJAX知识，实现网站与服务器的交互功能，包括登录功能、个人中心、订单列表等功能模块，分析页面功能需求，能够熟练使用HTML5的相关技术实现WEB应用开发。

　　1、了解各种主流服务器以及服务器端技术，能够实现服务器端的部署，透彻理解 HTTP 协议，掌握服务器端组件原理，能够实现服务器端的通信分析

　　2、深入理解 Ajax的基本通信原理，掌握基于XML 和 JSON 的数据规则，能够熟练使用 Ajax 实现与服务器的异步通信，并完成页面的局部提交和刷新

　　3、结合服务器端和 AJAX 知识，实现网站与服务器的交互功能，包括登录功能、个人中心、订单列表等功能模块

　　4、熟练掌握 HTML5 的各种新特性，能够熟练使用新表单特性实现页面功能，能够实现页面中的音视频处理，实现复杂绘图以及图表绘制，实现页面的地理定位操作以及页面的离线存储功能，能够熟练使用 HTML5 进行各种 Web 应用开发

　　5、分析页面功能需求，能够熟练使用 HTML5 的相关技术实现 WEB应用开发

　　6、理解响应式布局的原理，熟练掌握Bootstrap的核心API，能够熟练应用 Bootstrap 的全局样式、组件以及 JS 插件来实现响应式布局的开发、测试以及功能交互，并能够使用 LESS 语言实现动态样式的编写以及定制

　　第4阶段 WEB前端深层

　　Web 前端深层技术，了解软件开发流程，学习从功能分析到软件设计、再到功能实现的整个开发流程，能够熟练使用 AngularJS 的相关知识，实现 Web 应用程序开发 ，学习混编 APP 的开发环境，了解新兴混编开发的相关框架，学会如何使用 PhonGap 实现混编开发，能够使用 PhoneGap 技术，结合 HTML5 WEB前端技术，实现跨平台的 APP 应用开发

　　项目实训案例

　　1、理解 AngularJS 的框架原理，熟练掌握 MVC编程模式，能够熟练使用 AngularJS 实现页面的重构和单页面 WEB 应用程序的开发

　　2、了解软件开发流程，学习从功能分析到软件设计、再到功能实现的整个开发流程，能够熟练使用 AngularJS 的相关知识，实现 Web 应用程序开发

　　3、学习 Android 的开发环境、测试方式以及部署演练，熟练掌握 jQuery.mobile 的组件以及相关 API，能够实现 WEB 页面到移动端的迁移和部署，熟练完成各种 WEB APP 的开发和实现

　　4、学习混编 APP 的开发环境，了解新兴混编开发的相关框架，学会如何使用 PhonGap 实现混编开发，能够使用 PhoneGap 技术，结合 HTML5 WEB前端技术，实现跨平台的 APP 应用开发

　　5、了解Node.js服务器端应用特性，掌握常用模块，熟悉NPM模块管理，在学会文件I/O操作基础上，结合数据库访问和HTTP协议等相关知识，创建动态Web应用

　　6、了解并学习各种新兴前端框架，学会如何使用框架技术以及如何学习使用新框架

　　7、了解公众平台开发及维护的相关知识，掌握产品设计和接口开发实现的相关技能