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阶段 课程总结、就业服务 
 | 
职业生涯规划 职业素养培训 职业沟通与交流 行业发展分析 个人作品及简历准备 求职渠道及企业招聘会等  | 
H5课程大纲的更多相关文章
- HTML5课程大纲/学习路线
		
HTML5课程大纲/学习路线 这是什么? 这个一个HTML技术路线的课程大纲/学习大纲. 你能用它做什么? 如果你是找工作的人, 利用本大纲, 你可以学习HTML5语言, 做一个HTML前端工程师, ...
 - Cocos2d-x课程大纲/学习路线
		
Cocos2d-x课程大纲/学习路线 这是什么? 这个一个Cocos2d-x技术路线的课程大纲/学习大纲. 你能用它做什么? 如果你是找工作的人, 利用本大纲, 你可以学习Cocos2d-x, 做一个 ...
 - 【SEO 决胜网络索引】 课程大纲及第一部分第一课:网络营销战略中的索引
		
内容简介 1.课程大纲 2.第一部分第一课: 网络营销战略中的索引 3.第一部分第二课预告: 索引是什么 课程大纲 现在是网络为王的时代,人们越来越离不开互联网: SEO(Search Engine ...
 - 王家林人工智能AI课程大纲和电子书 - 老师微信13928463918
		
**3980元团购原价19800元的AI课程,团购请加王家林老师微信13928463918. 基于王家林老师独创的人工智能"项目情景投射"学习法,任何IT人员皆可在无需数学和Pyt ...
 - 【OCP、OCM、高可用等】小麦苗课堂网络班招生简章(从入门到专家)--课程大纲
		
[OCP.OCM.高可用等]小麦苗课堂网络班招生简章(从入门到专家)--课程大纲 小麦苗信息 我的个人信息 网名:小麦苗 QQ:646634621 QQ群:618766405 我的博客:http:// ...
 - 第3节 mapreduce高级:2、3、课程大纲&共同好友求取步骤一、二
		
第五天课程大纲:1.社交粉丝的数据分析:求共同好友2.倒排索引的建立3.自定义inputFormat合并小文件 4.自定义outputformat5.分组求topN6.MapReduce的其他补充 了 ...
 - Web前端开发工程师课程大纲
		
PHP程序员雷雪松整理出来的一套独一无二的Web前端开发课程.本套Web前端开发课程专门为想励志成为优秀web前端工程师的学习者而总结归纳的,本套Web前端课程舍弃了一些不常用的即将废弃的HTML标签 ...
 - 范仁义web前端介绍课程---3、课程大纲(初步)
		
范仁义web前端介绍课程---3.课程大纲(初步) 一.总结 一句话总结: 知识点脉络(知识架构):刚开始对这个稍微了解一下就可以了,在逐步的学习过程中,心里大概有这样一套知识点的脉络 二.范仁义前端 ...
 - Python学习路线2019升级版(课程大纲+视频教程+网盘资源下载)
		
2019最新Python全栈+人工智能学习路线升级版 全面涵盖前端.后端.爬虫.数据挖掘.人工智能等课程(课程大纲+视频教程+网盘资源下载)! 学习路线四大亮点: 1.人工智能三大主流框架全覆盖 2. ...
 
随机推荐
- HDU 1171 背包
			
Big Event in HDU Time Limit: 10000/5000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others ...
 - ubuntu 下创建桌面快捷方式
			
1)新建文件eclipse.desktop,命令如下: sudo vim /usr/share/applications/eclipse.desktop 2)在新建文件中添加如下内容并保存: [Des ...
 - 简单json语句转化为map保存
			
主要用到了 net.sf.json.JSONObject类 需要用到的jar包 : jar包下载地址 package test; import java.io.BufferedReader; impo ...
 - iOS 模拟器上录制Demo视频
			
在App审核中会让用户上传一段简易的视频,那么如何制作改视频呢? 今天无意中在Cocochina 中看到 说利用QuickTime来制作,而QuickTime是操作系统自带的. 哦 My,God ! ...
 - join()、implode()函数
			
join() 函数 join() 函数把数组元素组合为一个字符串. join() 函数是 implode() 函数的别名. 语法 join(separator,array) 参数 描述 separat ...
 - .使用 HTML+CSS 实现如图布局,border-widht 5px,一个格子大小是 50*50,hover时候边框变为红色(兼容IE6+,考虑语义化的结构)
			
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...
 - SEL方法选择器
			
在Objective-C中,选择器(selector)有两个意思. 一是指在代码中的方法的名称.二是指在编译是用于替换方法名称的唯一的标识符.编译后的选择器的为SEL类型.所有名称相同的方法拥有同一个 ...
 - Jqgrid 数据格式化配置
			
默认格式化 $jgrid = { formatter : { integer : {thousandsSeparator: " ", defaultValue: '0'}, num ...
 - 导航position:absolute
			
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C ...
 - UVa 二叉树重建(先序+中序求后序)
			
题意是给出先序和中序,求出后序. 先序遍历先访问根结点,通过根结点可以在中序中把序列分为左子树部分和右子树部分,我建了一个栈,因为后序遍历最后访问根结点,所以把每次访问的根结点放入栈中.因为后序遍历先 ...