您的位置:首页 > Web前端 > HTML5

H5课程大纲

2016-12-26 14:40 295 查看
K1模块课程:

课程模块[align=center]课程阶段[/align]
课程内容
K1 模块[align=center]第1阶段 认识前端开发[/align]
环境配置、使用
标签的分类、写法及使用规范
CSS样式的使用、各类常见样式
Photoshop使用
16大常用样式
盒模型、语义化、模块化
实战案例:W3C标准化工作包
[align=center]第2阶段 案例实战及分析[/align]

各大互联网公司真实项目
媒体类、电商类、门户类
实例:CSS3运动框架基础
实战案例:cnBlog、小米官网、新浪官网
[align=center]第3阶段 数据表单、frame及兼容性[/align]

表单部分:基本组成、数据交互、系统组件、自定义组件
frame部分:内联框架和框架集的用法、应用场景
目标框架的使用
兼容部分:标准化开发、各类常见兼容问题及其解决方案
实战案例:美丽说、63call后台管理、网易邮箱
[align=center]第4阶段 开发框架、项目实战[/align]

常见框架的使用:bootstrap、sass、less等
大型分组项目:电商、游戏、移动端等
实战案例:京东商城、腾讯游戏、手机天猫、智想学院官网等
K2模块课程:

课程模块[align=center]课程阶段[/align]

课程内容
K2 模块[align=center]第1阶段 认识JavaScript脚本技术[/align]

认识JavaScript:事件驱动、用户响应、属性访问等
JavaScript语法:函数、属性、参数、返回值、变量、判断、迭代、比较等
各类常用功能:逻辑、随机数、定时器等
实战案例:百度、腾讯、京东
[align=center]第2阶段 JavaScript实战应用[/align]

日期:Date、差值、日期/时间操作
高级语法:封闭空间、闭包、选择器、预解析、引用、生命周期
实战案例:淘宝秒杀抢购、苏宁、QQ、百度等
[align=center]第3阶段 DOM/BOM、事件、语言规范[/align]

语言规范:变量规范、命名、字符编码、字节长度、严格模式、预解析等
DOM部分:节点、顺序问题、父子、兄弟、各类伪节点、节点操作等
BOM部分:常用属性、offset等;事件部分:鼠标、键盘、默认行为、事件流、绑定、event对象等
实战案例:淘宝商品页、花瓣网、京东商品页、腾讯图片频道
[align=center]第4阶段 DOM、事件高级、前端动画[/align]

事件高级:委托、代理、fire event、ready、enter等
运动框架(4.0版)、tweening、各类网站常见特效、3D转换、视差滚动、弹性运动、侧边栏、手风琴、穿墙、全景地图等
实战案例:拉钩网、jiathis、path app、苹果官网、腾讯相册...
K3模块课程:

课程模块[align=center]课程阶段[/align]

课程内容
K3 模块[align=center]第1阶段 模块化、数据交互[/align]

模块化:概念、方法、seaJS、requireJS、案例、模块划分流程等
常用开发框架:rJS、browserify、webPack等
ajax:基础、编写、ajax框架、常见问题解决、兼容、字符集、缓存、实例
ajax2.0等
跨域数据交互:jsonp、常见接口使用、其他跨域技术、实例等
实战案例:百度新闻、腾讯小说、网易新闻、淘宝网、新浪微博、腾讯用户中心...
[align=center]第2阶段 jQuery、正则表达式、MVC[/align]

jQuery部分:介绍、基础操作(属性、样式、事件)、各种选择器、高级事件、DOM操作、数据交互操作、插件的使用和编写、各类实例
正则表达式:介绍、基本使用、元组、元字符、贪婪匹配、修饰符、转义、捕获与非捕获分组、惰性匹配、前向匹配等
MVC部分:基本概念、原理、应用场景、模板技术
angularJS、artTemplate等
实战案例:百度、爱奇艺、拉钩、智联招聘、新浪微博、网易阅读...
[align=center]第3阶段 面向对象和框架开发、性能优化[/align]

面向对象部分:基础、写法、原型及原型链的使用、new关键字的使用、面向对象的性能问题
继承部分:继承的优点、哪些人在使用继承、继承的3种实现方式
性能优化;VUE、backbone等框架
实战案例:百度、ZQuery
[align=center]第4阶段 JavaScript新技术[/align]

项目管理工具:Linux、git、svn等
数据结构与算法;项目构建工具:grunt、gulp等
ECMAScript 6.0(ES6)
实战案例:项目发布实战
K4模块课程:

课程模块[align=center]课程阶段[/align]

课程内容
K4 模块[align=center]第1阶段 HTML5/CSS3入门[/align]

HTML5/CSS3基础:新特性、新标签、新样式等
各种自定义动画、3D绚丽效果
JavaScript新特性:dataSet、selector使用、classList
各类常见框架的使用(各类移动端热发布、热同步)技术
视频、音频应用
实战案例:手机酷我音乐盒、手机优酷等
[align=center]第2阶段 移动端应用开发[/align]

HTML各类API:File、drag、多进程开发、关系型数据库、motion等
移动端布局:box、弹性布局、流体布局、定宽布局、局部定宽布局、响应式布局、自适应布局、相对单位布局等;多点触摸、手势识别和用户交互体验问题
大量常用移动端开发框架
SPA、JqueryMobile、zeptoJs、swiper、iScroll、hammerJs
phoneGap开发、hybrid App、web App、照相机、录音、网络监控、电池电量信息等接口
如何打包自己的app
实战案例:手机淘宝、手机百度、手机聚划算、手机企业站、微信开发等
[align=center]第3阶段 Canvas、SVG图形开发[/align]

Canvas部分:基础用法、形状、transform、GC计算、游戏开发、各类常见框架
矢量图开发部分:SVG基础、兼容处理、各类图表的编写
常见矢量图框架的使用
实战案例:手机游戏开发、图表控件开发
[align=center]第4阶段 课程总结、就业服务[/align]

职业生涯规划
职业素养培训
职业沟通与交流
行业发展分析
个人作品及简历准备
求职渠道及企业招聘会等

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: