课程

课程介绍

课程中通过授课讲师由浅入深的逐步讲解、操作,使学员轻松掌握HTML 5中的文件,HTML 5的视频与音频,HTML 绘画基础,HTML 5中的数据存储,及其它应用API。

培训对象

程序员/资深程序员;
软件设计人员/软件架构师;
软件开发项目经理;
软件测试经理;
软件维护人员;
其他相关岗位的人员或有兴趣的个人。

课程收益

HTML5中所有重要元素的关键用法和最佳实践; 
HTML中的DOM操作; 
视频、音频、canvas等媒体技术; 
地理API、Web存储、离线应用及新的拖放功能。

知识概要

-- HTML5 和前端开发;
-- HTML5 基本语法;CSS 基本选择器和样式;
-- JavaScript 基;混合标记;
-- HTML5 生态环境及 API 概览;
-- JavaScript 和 jQuery;
-- 选择和样式;
-- 高级标记 和 SVG;
-- 高级选择和样式;
-- HTML5 API 使用概要;
-- jQuery Mobile;
-- 响应式设计;
-- 触控事件;
-- 表单;
-- 应用缓存;
-- 单页面应用。

课程大纲

模块

学习内容

第一天

HTML5 基础和必备知识

1. HTML5 和前端开发

1.1. HTML 的发展历史及愿景

1.2. 什么是 Mobile Web?

1.3. HTML 5 前端开发和特性集成

1.4. 前端和后台的集成开发介绍

1.5. 使用 PhoneGap 进行 Hybrid 开发介绍

2. HTML5 基本语法

2.1. 简洁化的 Doctype 和 charsets

2.2. 新的语义化/结构化元素

2.3. 从 HTML4 中去除的旧元素

2.4. Demo:第一个 HTML5 页面

2.5. HTML5 代码验证

3. CSS 基本选择器和样式

3.1. 使用 CSS 选择器

3.2. 使用 CSS 进行基本的样式操作

3.3. Block 和 Inline

3.4. 浮动,定位,边框,边距,填充和文本

3.5. 理解 viewport

4. JavaScript 基础

4.1. 基本数据类型,语法和流程控制

4.2. 事件处理

4.3. Dom 操作

4.4. JSON

4.5. 函数和作用域

5. 混合标记

5.1. 脚本位置

5.2. 使用 head 标记

5.3. 导入 和 链接

5.4. 更多的 Meta 标签

5.5. 插入 Analytics

6. HTML5 生态环境及 API 概览

6.1. Canvas

6.2. Web Workers

6.3. Web Sockets

6.4. Web Storage

6.5. IndexedDB

6.6. Geolocation

6.7. File API

第二天

HTML5 快速进阶

1. JavaScript 和 jQuery

1.1. 使用开发者工具的控制台功能

1.2. 深入了解 DOM

1.3. 作用域,私有 和 公共,回调和嵌套,命名空间,使用对象字面量,模式,代码执行以及常用的最佳实践

1.4. jQuery 常用功能

1.5. 事件处理和绑定的常见问题

2. 选择和样式

2.1. 使用 Web 开发者工具的在线样式功能

2.2. CSS3 的选择器

2.3. CSS3 的属性

2.4. CSS3 使用提醒和注意问题

2.5. CSS3 常用功能

3. 高级标记 和 SVG

3.1. 其他 Meta 标记

3.2. 搜索引擎优化概要

3.3. 微格式

3.4. 高级 SVG

3.5. ARIA

3.6. 媒体识别(@media)

3.7. 有关 Retina

4. 高级选择和样式

4.1. 字形和字体图标

4.2. 有效地使用多背景图片

4.3. 有关 nth-of 及其他静态选择器

4.4. 高级定位技术

4.5. 有关边框, 网格, 表格, 以及 Flex box

4.6. 重置技术

4.7. 使用 before 和 after 过滤器注入的的高级样式

5. HTML5 API 使用概要(1)

5.1. Canvas 2D

5.2. WebSocket:持久连接和双向通信

5.3. Web storage

6. HTML5 API 使用概要(2)

6.1. WebWorkers: JavaScript 并发

6.2. IndexedDB

6.3. HTML5 消息和通信

第三天

1. jQuery Mobile

1.1. jQuery Mobile 框架介绍

1.2. 理解 data-*

1.3. 处理 Mobile Viewport

1.4. 多视图架构

1.5. 使用 XmlHTTPRequest 和 JSONP 连接服务器

1.6. 使用本地 jQuery Mobile Lisener重写页面处理

1.7. 自定义主题

1.8. 快速移动原型开发

2. 响应式设计

2.1. 灵活的设计

2.2. 方向和像素

2.3. 使用 JS 增强 Viewport 灵活性

2.4. 设备分辨

2.5. 检测的一般范式

2.6. 网格布局及其利弊

2.7. 动态图像和字体

3. 触控事件

3.1. 捕捉触控事件

3.2. 多点触控和手势

3.3. 触控事件解析

3.4. 解耦触控和鼠标事件

3.5. 鼠标和触控处理的细节及注意事项

3.6. 滚轮,Shift,Ctrl 以及 Alt 键相关

4. 表单

4.1. 新的输入类型

4.2. 新的属性

4.3. 表单验证

4.4. 表单相关的 CSS 选择器

4.5. FormData 对象API

4.6. 浏览器支持情况

5. 应用缓存

5.1. 离线运行的基本原理

5.2. 理解缓存

5.3. Manifest 语法和服务器配置

5.4. 浏览器缓存过程及相关事件

5.5. 缓存的检查过程和过期问题

5.6. Manifest 注意问题

6. 单页面应用

6.1. 单页面应用模型

6.2. #! 和转义片段

6.3. 压入和弹出状态(History API)

6.4. 元数据状态

6.5. 重新注入和绑定替换元素

6.6. AJAX 和 JSONP

认证过程

无认证考试

开班信息

暂无开班信息