[上海艾威]HTML5开发培训

时间

内容

Day1

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

Day2

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 消息和通信

Day3

HTML5 Mobile Web

             1. jQuery Mobile

              　1.1. jQuery Mobile 框架介绍

              　1.2. 理解 data-

              　1.3. 处理 Mobile Viewport

              　1.4. 多视图架构

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

              　1.6. 使用本地 jQuery Mobile 监听器重写页面处理

              　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