• 搜素结果

 / 

HTML5深度应用开发实践

北京某广告公司
资深Web技术专家
15007
112482
16668
推荐课程
10.0评分
推荐课程
10.0评分
¥

5800.00

每人

课程时长

课程排期

如您想参加此课程,您可以点击“我想参加”按钮提交您的需求,我们会及时与您联系

地点: 该课程暂无排期
没有地点信息
将课程带入到您的团队,为您的团队进行一对一辅导。
预约内训

课程详细

课程信息

HTML5不仅仅是一次版本的升级,它代表了Web发展的方向,是开发者的未来,是新一代Web技术的标准。它在最大程度上完成了富Web应用的本地化,消除浏览器对插件的依赖;优秀的错误处理系统,使页面捕获错误更加灵活与高效;对本地离线存储的更好支持,使开发Web离线应用程序更加方便与快捷;众多新增的页面标记,将给用户的视角与交互带来焕然一新的体验。
本课程以HTML5基础为主线,先从新增特征讲起,然后,通过实例与理论相结合的方式,深入浅出地介绍了关于HTML5在Web开发中方方面面的功能与技巧。

培训特色

本课程从HTML5的深度学习。
理论与实例完整结合,每一个概念都精选了一个完整的实例,增强学员动手能力。
HTML5知识完整全面,每一块知识点都包含了HTML5的全部内容和最前沿技术。

目标收益

学习HTML5全部的新功能。
学会如何在Web页面开发中运用HTML5标签开发页面。
掌握在页面中使用HTML5实现视频与音频的显示与功能开发。
了解通过HTML5中的Canvas基本使用功能。
理解HTML5中本地数据存储的方法与技巧。

培训对象

本课程知识面向以下学习对象:
1. 正在从事传统PC端Web页面的技术开发人员。
2. 希望从事移动端WebApp应用开发的技术人员。
3. 对前端技术感兴趣,希望从事这方面工作的人员。
4. 掌握一些传统的前端开发技术,想进一步学习HTML5、CSS3方面的人员。

学员基础

学员学习本课程应具备下列基础知识: 1) 了解JavaScript、HTML语言; 2) 了解前端开发流程或框架;

课程大纲

主题 内容

1. Html5新增元素与属性

1.1. Html5的标准,优势,从API,表达,对移动设备的支持上更突出
1.2. 常见的HTML5新标签与属性
1.3. datalist使用
1.4. oniput事件
1.5. 动态控制状态条
1.6. 滑动条改变背景色

2. 了解Css3应用与响应式设计,可以更好地与UI部门合作,协调工作

2.1. 解决跨浏览器问题,视口调试等
2.2. 响应式设计中的Html5
2.3. link方式实现响应式设计
2.4. style方式实现响应式设计
2.5. 响应样式的兼容性与优劣比较

3. 掌握Css3效果,可以大大提升制作页面动画的速度

3.1. 文本阴影与圆角边框
3.2. 图片遮罩效果
3.3. 图片遮罩形成探照灯
3.4. 2d基本效果
3.5. 3d动画基本效果
3.6. 制作过渡动画效果
3.7. 过滤动画效果的各种状态
3.8. 制作3d翻页效果

4. SASS用法指南,更加深入学习样式的高级写法

4.1. 什么是SASS
4.2. 安装和使用
4.3. 基本用法定义变量、语句
4.4. 代码复用完成继承功能
4.5. 高级用法实现循环、条件、函数

5. 异步编程,掌握AJAX请求过程时,如何优页面请求。

5.1. 什么是
5.2. 为什么要使用
5.3. 如何使用异步
5.4. 其他相关属性

6. 本地存储localstorage的API,可以优化页面打开速度和用户体验

6.1. Localstorage与SessionStorage
6.2. local保存和显示内容
6.3. 使用数组、对象形式的跟踪用户行为
6.4. 案例-即时更新缓存中API数据
6.5. 利用webStorage API实现持久化
6.6. Html5的离线API

7. 了解重力感应和地理定位API,增加应用开发的新思路

7.1. 地理定位获取位置信息
7.2. 案例-根据定位获取商家信息
7.3. 重力感应基本操作

8. 掌握Web页面的性能优化,加速代码的执行效果

8.1. 代码层级的优化。
8.2. Sprites图片技术
8.3. 文件的体积和请求的优化,合并Js文件和CSS方式
8.4. 服务端接口方面的优化

9. 掌握绘图canvas 元素API,加快实现动画和游戏应用的开发

9.1. 绘图的基本使用
9.2. 绘制圆
9.3. 获取点击中的绘制区域
9.4. 案例-绘制找不同游戏
9.5. 案例-亮视点

10. 微信小程序的开发实现

10.1. 小程序的基础知识
10.2. 小程序的布局方式
10.3. 小程序的组件实现
10.4. 小程序的API调用

11. nodeJS进阶知识

11.1. 环璄构建
11.2. REPL解析器
11.3. 回调函数
11.4. 模块系统
11.5. express框架的应用
11.6. jade语法

12. 掌握Websocket通讯API,通过页面实现APP的更多功能

12.1. 使用Websocket与服务器基本通讯实现
12.2. 使用Socket.IO创建WebSocket
12.3. 在NodeJS环璄下架构Websocket通讯
12.4. 聊天室的实现

13. Angular&Angular2的框架

13.1. Angular的简介
13.2. Angular的控制器
13.3. Angular的依赖注入
13.4. Angular与服务端交互
13.5. Angular的指令
13.6. Angular的注意事项
13.7. Angular2+ionic开发今日头条项目

14. React.js框架开发应用

14.1. React的安装与环境配置
14.2. React的基本语法——jsx
14.3. React的组件开发
14.4. React组件API
14.5. React的ajax

15. Vuejs框架开发应用

15.1. 环境构建和页面绑定
15.2. 模板和指令
15.3. 事件和数据绑定
15.4. 开发组件的方式

16. 正确使用打包工具——webpack

16.1. 特点与优势
16.2. 安装与配置
16.3. 使用方法

17. 理解单元测试——Jasmine基础与使用

17.1. 基础介绍
17.2. 使用语法
17.3. 注意事项

1. Html5新增元素与属性

1.1. Html5的标准,优势,从API,表达,对移动设备的支持上更突出
1.2. 常见的HTML5新标签与属性
1.3. datalist使用
1.4. oniput事件
1.5. 动态控制状态条
1.6. 滑动条改变背景色

2. 了解Css3应用与响应式设计,可以更好地与UI部门合作,协调工作

2.1. 解决跨浏览器问题,视口调试等
2.2. 响应式设计中的Html5
2.3. link方式实现响应式设计
2.4. style方式实现响应式设计
2.5. 响应样式的兼容性与优劣比较

3. 掌握Css3效果,可以大大提升制作页面动画的速度

3.1. 文本阴影与圆角边框
3.2. 图片遮罩效果
3.3. 图片遮罩形成探照灯
3.4. 2d基本效果
3.5. 3d动画基本效果
3.6. 制作过渡动画效果
3.7. 过滤动画效果的各种状态
3.8. 制作3d翻页效果

4. SASS用法指南,更加深入学习样式的高级写法

4.1. 什么是SASS
4.2. 安装和使用
4.3. 基本用法定义变量、语句
4.4. 代码复用完成继承功能
4.5. 高级用法实现循环、条件、函数

5. 异步编程,掌握AJAX请求过程时,如何优页面请求。

5.1. 什么是
5.2. 为什么要使用
5.3. 如何使用异步
5.4. 其他相关属性

6. 本地存储localstorage的API,可以优化页面打开速度和用户体验

6.1. Localstorage与SessionStorage
6.2. local保存和显示内容
6.3. 使用数组、对象形式的跟踪用户行为
6.4. 案例-即时更新缓存中API数据
6.5. 利用webStorage API实现持久化
6.6. Html5的离线API

7. 了解重力感应和地理定位API,增加应用开发的新思路

7.1. 地理定位获取位置信息
7.2. 案例-根据定位获取商家信息
7.3. 重力感应基本操作

8. 掌握Web页面的性能优化,加速代码的执行效果

8.1. 代码层级的优化。
8.2. Sprites图片技术
8.3. 文件的体积和请求的优化,合并Js文件和CSS方式
8.4. 服务端接口方面的优化

9. 掌握绘图canvas 元素API,加快实现动画和游戏应用的开发

9.1. 绘图的基本使用
9.2. 绘制圆
9.3. 获取点击中的绘制区域
9.4. 案例-绘制找不同游戏
9.5. 案例-亮视点

10. 微信小程序的开发实现

10.1. 小程序的基础知识
10.2. 小程序的布局方式
10.3. 小程序的组件实现
10.4. 小程序的API调用

11. nodeJS进阶知识

11.1. 环璄构建
11.2. REPL解析器
11.3. 回调函数
11.4. 模块系统
11.5. express框架的应用
11.6. jade语法

12. 掌握Websocket通讯API,通过页面实现APP的更多功能

12.1. 使用Websocket与服务器基本通讯实现
12.2. 使用Socket.IO创建WebSocket
12.3. 在NodeJS环璄下架构Websocket通讯
12.4. 聊天室的实现

13. Angular&Angular2的框架

13.1. Angular的简介
13.2. Angular的控制器
13.3. Angular的依赖注入
13.4. Angular与服务端交互
13.5. Angular的指令
13.6. Angular的注意事项
13.7. Angular2+ionic开发今日头条项目

14. React.js框架开发应用

14.1. React的安装与环境配置
14.2. React的基本语法——jsx
14.3. React的组件开发
14.4. React组件API
14.5. React的ajax

15. Vuejs框架开发应用

15.1. 环境构建和页面绑定
15.2. 模板和指令
15.3. 事件和数据绑定
15.4. 开发组件的方式

16. 正确使用打包工具——webpack

16.1. 特点与优势
16.2. 安装与配置
16.3. 使用方法

17. 理解单元测试——Jasmine基础与使用

17.1. 基础介绍
17.2. 使用语法
17.3. 注意事项

+加载更多
Donec quam felis

Thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath

I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet.

+加载更多

近期公开课推荐

25
十月
浙江
人工智能现状和前沿趋势

人工智能现状和前沿趋势

27
十月
北京
DevOps的导入与构建

通过Devops的概念介绍,了解DevOps的领导者对Dev…

27
十月
未定
需求分析训练营

整个训练营就是一个案例实战过程的浓缩,讲…

27
十月
广东
卓越软件工程师代码整洁之道

该课程适应于各个阶段的技术人员.初级工程师…

27
十月
北京
云计算与openstack

云计算是信息和通信技术产业的一项重大变革…

28
十月
四川
持续集成与持续交付

掌握持续交付的精髓,规范开发流程并熟练掌…

课程反馈

课程评分

10.0

0人反馈

用户还看了其他课程

IT项目管理理论与实战

37694人看过
0人评价
iOS企业级开发实战

iOS企业级开发实战

4445人看过
0人评价

欢迎来到msup!

还不是msup会员?快来注册吧!

立即注册

服务热线

400-812-8020

market@msup.com.cn

官方微信公众号

微信公众号:msupclub

Copyright © 2017 msup

京ICP备09001521号