祝贺上海甫崎咨询成功2019年3月17日《互联网前端开发班-HTML5开发实战》公开课圆满举办。
通过一个完整的沙盘项目及一组实际应用场景设计案例,完全覆盖HTML5移动端开发的实践应用,包括HTML5新特性、Html5表单、拖拽、移动端响应式布局、Web存储、离线应用、地理位置定位、移动端开发框架、混合应用开发、Html5+规范等。
培训过程强调互动式教学、强化团队讨论,将专门安排时间用于讨论、练习(具体比例可视学员的情况进行调整)。
模块 | 概要 |
第一阶段: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 消息和通信 |
第三阶段: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 |