HTML5+CSS3开发-胡杨柳依-专题视频课程
HTML5+CSS3开发—359人已学习
课程介绍
本系列课程将带领大家学习HTML5,课程内容包括:视频&音频的使用方法,会教你如何去播放视频或音频,接着再给大家讲解如何使用Canvas绘制基本图形,然后再一步步带你使用Canvas绘制风景时钟,以及绘制见缝插针的游戏,后给大家讲解本地存储和离线缓存的使用场景和方法。所有知识点讲解完后,会带领大家实现一个阶段性的项目——QQ彩贝。
课程收益
了解并掌握视频&音频的使用方法,能够使用Canvas绘制图形,掌握本地存储和离线缓存的使用。
讲师介绍
胡杨柳依 更多讲师课程
前端在线人气名师、前端工程师,北京大学旗下互联网教育平台课工场签约讲师,具有丰富的前端项目经验,对前端技术有独到见解,授课时对问题分析条理清晰,致力于使课程通俗易懂,期待与你共同分享。
课程大纲
第1章:多媒体播放
1. 学习目标 2:06
2. 多媒体初体验 17:44
3. 视频和音频的播放语法 26:32
4. 视频和音频常见格式 8:56
第2章:使用Canvas绘制图形
1. 学习目标 1:16
2. 初识Canvas 9:07
3. 创建Canvas步骤 9:47
4. 使用Canvas绘制一条直线 9:29
5. 使用Canvas绘制矩形 11:03
6. 使用Canvas绘制圆形 7:26
7. 使用Canvas绘制文本 10:20
第3章:用Canvas绘制风景时钟
1. 绘制风景时钟步骤 3:36
2. 创建Canvas元素 4:44
3. 绘制时钟圆盘1 21:33
4. 绘制时钟圆盘2 13:38
5. 美化时钟表盘 7:27
6. 让时钟指针走起来 12:46
7. 绘制表盘背景 9:10
第4章:HTML5本地存储
1. 学习目标 1:17
2. 初识本地存储 2:26
3. 了解Cookie 18:44
4. 本地存储分类 6:29
5. 本地存储方法 26:03
第5章:HTML5离线缓存
1. 课程目标 1:30
2. 离线缓存的概念&优势 4:24
3. 离线缓存的实现步骤 26:20
4. 使用离线缓存实现缓存图片&样式 13:26
第6章:项目实战-见缝插针游戏
1. 见缝插针游戏演示说明 4:11
2. 制作游戏主界面 6:13
3. 绘制见缝插针游戏前准备工作 4:24
4. 绘制中间大圆 4:19
5. 绘制转动球 13:20
6. 绘制等待球 7:16
7. 完善游戏与回顾游戏步骤 10:35
第7章:项目实战-QQ彩贝
1. 演示页面效果 8:26
2. 页面分析 11:27
3. 网站导航特效实现方法 15:25
4. 左侧竖向菜单&轮播图实现方法 11:57
5. 右侧高级搜索&回到顶部实现方法 8:03
6. 瀑布流实现方法 35:15
大家可以点击【 查看详情】查看我的课程
HTML5+CSS3开发-胡杨柳依-专题视频课程相关推荐
- HTML5与CSS3初级入门-姜威-专题视频课程
HTML5与CSS3初级入门-259人已学习 课程介绍 本课程属于<初级的前端工程师系列>课程之一,本课程以初级入门前端,了解HTML5和css3,课程深入浅出,通过不同情 ...
- 红孩儿网狐Cocos经典棋牌开发教程-卞安-专题视频课程
红孩儿网狐Cocos经典棋牌开发教程-4750人已学习 课程介绍 由知名Cocos技术讲师红孩儿讲解的基于网狐源码进行棋牌开发的系列教程. 课程收益 1.快速理解掌握网狐棋牌的 ...
- Node.js CQRS 幻灯片系统开发实战-曾亮-专题视频课程
Node.js CQRS 幻灯片系统开发实战-328人已学习 课程介绍 通过 Node.js . Express 和 CQRS 技术开发幻灯片系统. 我们已经习惯于 MVC 开发,也都 ...
- ASP.NET 第八季 ajax技术-胡延亮-专题视频课程
ASP.NET 第八季 ajax技术-2015人已学习 课程介绍 主讲内容: 第一讲 asp.net ajax简介 第二讲 ScriptManager脚本管理控件 第三讲 Script ...
- JAVA WEB开发实战-张晨光-专题视频课程
JAVA WEB开发实战-379人已学习 课程介绍 走进JSP.掌握JSP语法.JSP内置对象.Servlet技术.综合实验(一)--JSP使用Model2实现登录模块.EL表达式语言 ...
- JAVA 编程开发入门-张晨光-专题视频课程
JAVA 编程开发入门-1466人已学习 课程介绍 Java是目前世界上流行的计算机编程语言,是一种可以编写跨平台应用软件的面向对象的程序设计语言.这可以概括Java有着自己独特的优势 ...
- 一节课精通Emmet编写开发工具-姜威-专题视频课程
一节课精通Emmet编写开发工具-2571人已学习 课程介绍 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具.一句命令,一大片代码.让我们一起领 ...
- 对象存储场景化开发实践-马毅-专题视频课程
对象存储场景化开发实践-155人已学习 课程介绍 对象存储作为一种新型存储解决方案, 相对于传统的 NAS.SAN 存储, 具有无限扩容.安全可靠.简单易用.高性能.低成本等特点, 可 ...
- 微信公众号_订阅号+服务号开发工具包-翟东平-专题视频课程
微信公众号_订阅号+服务号开发工具包-15114人已学习 课程介绍 "微信公众平台深度开发Java版 v2.0"系列课程共有6季,使用JAVA语言,系统讲解微信公众 ...
最新文章
- 网站改成静态页面打不开_稳定网站排名的基本条件 - 最蜘蛛池外推快速收录
- pg 递归算法_PostgreSQL递归查询_20191212
- 计算机一级考试word操作题主要题型,(word)计算机一级考试题型.doc
- django-索引1909
- NGN学习笔记5——IMS技术
- 用c语言在Clion平台编写system(“cls“)清屏函数无效甚至异常解决方法。
- kali教程--破解wifi密码
- 德乐Derler T-1series 120G SSD固态硬盘不认盘修复/开卡一例(SM2258XT主控),SM2259XT2可参考
- 证件管理系统开发1 :明确需求
- 2个鸡蛋,100层楼问题
- java代码从初始化到具象执行
- 决策树CART、ID3、C4.5原理梳理
- 特征工程之数据预处理与可视化
- Java 核心技术卷 II(第 8 版) – 读书笔记 – 第 1 章(下)
- WebRequest设置代理
- set的三种遍历方式-----不能用for循环遍历(无序)
- android输入法中文在哪里设置,android输入法怎么设置中文
- 论文阅读5 | Recent Advances in Data-Driven Wireless Communication Using Gaussian Processes: A Comprehens
- python处理期货数据分析_量化交易分析第一步利用Tushare轻松获取股票期货行情数据...
- 精灵标注助手(Colabeler)使用教程