H5课程大纲

K1模块课程:

课程模块	课程阶段	课程内容
K1 模块	第1阶段 认识前端开发	环境配置、使用 标签的分类、写法及使用规范 CSS样式的使用、各种常见样式 Photoshop使用 16大经常使用样式 盒模型、语义化、模块化 实战案例：W3C标准化工做包
	第2阶段 案例实战及分析	各大互联网公司真实项目 媒体类、电商类、门户类 实例：CSS3运动框架基础 实战案例：cnBlog、小米官网、新浪官网
	第3阶段 数据表单、frame及兼容性	表单部分：基本组成、数据交互、系统组件、自定义组件 frame部分：内联框架和框架集的用法、应用场景 目标框架的使用 兼容部分：标准化开发、各种常见兼容问题及其解决方案 实战案例：美丽说、63call后台管理、网易邮箱
	第4阶段 开发框架、项目实战	常见框架的使用：bootstrap、sass、less等 大型分组项目：电商、游戏、移动端等 实战案例：京东商城、腾讯游戏、手机天猫、智想学院官网等

 

K2模块课程:

课程模块	课程阶段	课程内容
K2 模块	第1阶段 认识JavaScript脚本技术	认识JavaScript：事件驱动、用户响应、属性访问等 JavaScript语法：函数、属性、参数、返回值、变量、判断、迭代、比较等 各种经常使用功能：逻辑、随机数、定时器等 实战案例：百度、腾讯、京东
	第2阶段 JavaScript实战应用	日期：Date、差值、日期/时间操做 高级语法：封闭空间、闭包、选择器、预解析、引用、生命周期 实战案例：淘宝秒杀抢购、苏宁、QQ、百度等
	第3阶段 DOM/BOM、事件、语言规范	语言规范：变量规范、命名、字符编码、字节长度、严格模式、预解析等 DOM部分：节点、顺序问题、父子、兄弟、各种伪节点、节点操做等 BOM部分：经常使用属性、offset等；事件部分：鼠标、键盘、默认行为、事件流、绑定、event对象等 实战案例：淘宝商品页、花瓣网、京东商品页、腾讯图片频道
	第4阶段 DOM、事件高级、前端动画	事件高级：委托、代理、fire event、ready、enter等 运动框架(4.0版)、tweening、各种网站常见特效、3D转换、视差滚动、弹性运动、侧边栏、手风琴、穿墙、全景地图等 实战案例：拉钩网、jiathis、path app、苹果官网、腾讯相册...

 

K3模块课程:

课程模块	课程阶段	课程内容
K3 模块	第1阶段 模块化、数据交互	模块化：概念、方法、seaJS、requireJS、案例、模块划分流程等 经常使用开发框架：rJS、browserify、webPack等 ajax：基础、编写、ajax框架、常见问题解决、兼容、字符集、缓存、实例 ajax2.0等 跨域数据交互：jsonp、常见接口使用、其余跨域技术、实例等 实战案例：百度新闻、腾讯小说、网易新闻、淘宝网、新浪微博、腾讯用户中心...
	第2阶段 jQuery、正则表达式、MVC	jQuery部分：介绍、基础操做(属性、样式、事件)、各类选择器、高级事件、DOM操做、数据交互操做、插件的使用和编写、各种实例 正则表达式：介绍、基本使用、元组、元字符、贪婪匹配、修饰符、转义、捕获与非捕获分组、惰性匹配、前向匹配等 MVC部分：基本概念、原理、应用场景、模板技术 angularJS、artTemplate等 实战案例：百度、爱奇艺、拉钩、智联招聘、新浪微博、网易阅读...
	第3阶段 面向对象和框架开发、性能优化	面向对象部分：基础、写法、原型及原型链的使用、new关键字的使用、面向对象的性能问题 继承部分：继承的优势、哪些人在使用继承、继承的3种实现方式 性能优化；VUE、backbone等框架 实战案例：百度、ZQuery
	第4阶段 JavaScript新技术	项目管理工具：Linux、git、svn等 数据结构与算法；项目构建工具：grunt、gulp等 ECMAScript 6.0(ES6) 实战案例：项目发布实战

 

K4模块课程:

课程模块	课程阶段	课程内容
K4 模块	第1阶段 HTML5/CSS3入门	HTML5/CSS3基础：新特性、新标签、新样式等 各类自定义动画、3D绚丽效果 JavaScript新特性：dataSet、selector使用、classList 各种常见框架的使用(各种移动端热发布、热同步)技术 视频、音频应用 实战案例：手机酷我音乐盒、手机优酷等
	第2阶段 移动端应用开发	HTML各种API：File、drag、多进程开发、关系型数据库、motion等 移动端布局：box、弹性布局、流体布局、定宽布局、局部定宽布局、响应式布局、自适应布局、相对单位布局等；多点触摸、手势识别和用户交互体验问题 大量经常使用移动端开发框架 SPA、JqueryMobile、zeptoJs、swiper、iScroll、hammerJs phoneGap开发、hybrid App、web App、照相机、录音、网络监控、电池电量信息等接口 如何打包本身的app 实战案例：手机淘宝、手机百度、手机聚划算、手机企业站、微信开发等
	第3阶段 Canvas、SVG图形开发	Canvas部分：基础用法、形状、transform、GC计算、游戏开发、各种常见框架 矢量图开发部分：SVG基础、兼容处理、各种图表的编写 常见矢量图框架的使用 实战案例：手机游戏开发、图表控件开发
	第4阶段 课程总结、就业服务	职业生涯规划 职业素养培训 职业沟通与交流 行业发展分析 我的做品及简历准备 求职渠道及企业招聘会等