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阶段 课程总结、就业服务
|
职业生涯规划 职业素养培训 职业沟通与交流 行业发展分析 个人作品及简历准备 求职渠道及企业招聘会等 |
