HTML5微案例讲解系列视频课程—294人已学习
课程介绍
本套视频教程主要通过一个一个小的案例,来让大家理解所学知识点,通过对知识点的合理利用,实现不同的交互效果。这种理论与实践结合的学习模式,能让大家更好的掌握理论与实际应用,这也是千锋HTML5学科的教学特色,不断的实践才能提高工作方法和工作经验。微案例包括HTML5相关的各种项目,比如,页面布局,炫酷的动画效果,游戏开发,移动端开发,前后端开发等。
课程收益
整套视频教程主要通过一个一个小的案例,来让大家理解所学知识点,通过对知识点的合理利用,实现不同的交互效果。这种理论与实践结合的学习模式,能让大家更好的掌握理论与实际应用,这也是千锋HTML5学科的教学特色,不断的实践才能提高工作方法和工作经验
讲师介绍
杨千锋 更多讲师课程
十余年计算机技术领域从业经验,在中国电信、盛大游戏等多家五百强企业任职技术开发指导顾问,国内IT技术发展奠基人之一。
课程大纲
第1章:1阶段微案例
1. CSS3动画实现loading效果 15:44
2. CSS3实现旋转立方体 22:50
3. CSS3实现旋转太极图 20:16
4. CSS实现图片轮播手动切换效果 26:06
5. CSS3实现折扇效果 20:39
6. css实现网页常见动画效果 21:35
7. 垂直手风琴 23:49
8. CSS3实现奇虎导航效果 25:08
9. 实现一个元素水平垂直居中的几种方法 22:23
10. css定位实现图片放大效果 26:58
11. 致美创意1 20:26
12. 致美创意2 19:32
13. 致美创意3 18:17
14. 致美创意4 22:42
15. 致美创意5 9:45
16. 旋转缩放动画特效1 13:15
17. 旋转缩放动画特效2 11:32
18. 旋转动画特效1 8:46
19. 旋转动画特效2 14:39
20. 旋转动画特效3 13:50
21. css3缩放动画1 12:18
22. css3缩放动画2 13:20
23. css3动画奔跑的小人 10:52
24. css利用背景图片的位置实现初始与划上高度不一致的导航菜单效果 14:43
25. css利用溢出裁切实现只有中间显示边框的效果 11:20
26. css利用元素特殊的类型实现图片大小不一定时的水平垂直居中 15:19
27. css实现二级导航菜单效果 15:23
28. css实现中英文切换导航效果 13:12
29. tab卡片菜单导航制作 16:32
30. 滑动门导航菜单 14:27
31. 利用css3弹性盒构建骰子布局 20:00
32. 利用锚点制作电子相册 17:41
33. 麦田国际首页1 23:54
34. 麦田国际首页2 17:09
35. 麦田国际首页3 17:09
36. 麦田国际首页4 24:14
37. 麦田国际首页5 30:02
38. 麦田国际首页6 26:32
第2章:2阶段微案例
1. flappybird1 20:40
2. flappybird2 21:37
3. 打砖块1 7:46
4. 打砖块2 12:29
5. 打砖块3 9:11
6. 打砖块4 15:02
7. 弹幕 15:00
8. 放大镜效果1 20:29
9. 放大镜效果2 21:00
10. 瀑布流 24:41
11. 吸顶菜单 10:11
12. 轮播图1 20:51
13. 轮播图2 18:28
14. 轮播图3 17:53
15. 三国杀 29:39
16. 数码时钟 9:44
17. 回到顶部效果 32:28
18. 自适应瀑布流 24:35
19. 字母数字验证码 11:05
第3章:3阶段微案例
1. HTML5拖放垃圾桶效果1 10:51
2. HTML5拖放垃圾桶效果2 12:47
3. Vue2.0登录注册评论功能1 6:02
4. Vue2.0登录注册评论功能2 27:58
5. Vue2.0登录注册评论功能3 17:14
6. Vue2.0登录注册评论功能4 16:54
7. React下拉搜索 32:13
8. SVG实现地球转动1 13:20
9. SVG实现地球转动2 27:58
10. RequireJs实战1 9:25
11. RequireJs实战2 20:12
12. RequireJs实战3 8:15
13. RequireJs实战4 12:32
14. RequireJs实战5 4:42
15. 微信小程序初探 24:18
16. 音乐播放器1 8:06
17. 音乐播放器2 5:54
18. 音乐播放器3 9:39
19. 微信开发扫一扫1 3:04
20. 微信开发扫一扫2 10:36
21. 微信开发扫一扫3 7:36
22. 微信开发扫一扫4 3:39
23. ionic-spa应用实战1 5:59
24. ionic-spa应用实战2 23:33
25. ionic-spa应用实战3 1:25
26. iscroll实战1 1:25
27. iscroll实战2 18:23
28. mui地理定位实战1 5:37
29. mui地理定位实战2 18:50
30. canvas打造时钟效果1 9:12
31. canvas打造时钟效果2 26:36
32. gulp构建服务端口1 22:41
33. gulp构建服务端口2 18:30
34. websocket即时聊天系统 32:21
35. swiper框架1 17:17
36. swiper框架2 14:24
37. swiper框架3 25:43
38. mui&&html5;+_h5+操作手机通讯录1 19:12
39. mui&&html5;+_h5+操作手机通讯录2 29:49
40. mui&&html5;+_h5+操作手机通讯录3 18:44
41. requirejs&&seajs1; 20:25
42. requirejs&&seajs2; 21:01
43. requirejs&&seajs3; 22:03
大家可以点击【 查看详情】查看我的课程
课程介绍
![201710271342249877.jpg](https://img-bss.csdn.net/201710271342249877.jpg)
本套视频教程主要通过一个一个小的案例,来让大家理解所学知识点,通过对知识点的合理利用,实现不同的交互效果。这种理论与实践结合的学习模式,能让大家更好的掌握理论与实际应用,这也是千锋HTML5学科的教学特色,不断的实践才能提高工作方法和工作经验。微案例包括HTML5相关的各种项目,比如,页面布局,炫酷的动画效果,游戏开发,移动端开发,前后端开发等。
课程收益
整套视频教程主要通过一个一个小的案例,来让大家理解所学知识点,通过对知识点的合理利用,实现不同的交互效果。这种理论与实践结合的学习模式,能让大家更好的掌握理论与实际应用,这也是千锋HTML5学科的教学特色,不断的实践才能提高工作方法和工作经验
讲师介绍
杨千锋 更多讲师课程
十余年计算机技术领域从业经验,在中国电信、盛大游戏等多家五百强企业任职技术开发指导顾问,国内IT技术发展奠基人之一。
课程大纲
第1章:1阶段微案例
1. CSS3动画实现loading效果 15:44
2. CSS3实现旋转立方体 22:50
3. CSS3实现旋转太极图 20:16
4. CSS实现图片轮播手动切换效果 26:06
5. CSS3实现折扇效果 20:39
6. css实现网页常见动画效果 21:35
7. 垂直手风琴 23:49
8. CSS3实现奇虎导航效果 25:08
9. 实现一个元素水平垂直居中的几种方法 22:23
10. css定位实现图片放大效果 26:58
11. 致美创意1 20:26
12. 致美创意2 19:32
13. 致美创意3 18:17
14. 致美创意4 22:42
15. 致美创意5 9:45
16. 旋转缩放动画特效1 13:15
17. 旋转缩放动画特效2 11:32
18. 旋转动画特效1 8:46
19. 旋转动画特效2 14:39
20. 旋转动画特效3 13:50
21. css3缩放动画1 12:18
22. css3缩放动画2 13:20
23. css3动画奔跑的小人 10:52
24. css利用背景图片的位置实现初始与划上高度不一致的导航菜单效果 14:43
25. css利用溢出裁切实现只有中间显示边框的效果 11:20
26. css利用元素特殊的类型实现图片大小不一定时的水平垂直居中 15:19
27. css实现二级导航菜单效果 15:23
28. css实现中英文切换导航效果 13:12
29. tab卡片菜单导航制作 16:32
30. 滑动门导航菜单 14:27
31. 利用css3弹性盒构建骰子布局 20:00
32. 利用锚点制作电子相册 17:41
33. 麦田国际首页1 23:54
34. 麦田国际首页2 17:09
35. 麦田国际首页3 17:09
36. 麦田国际首页4 24:14
37. 麦田国际首页5 30:02
38. 麦田国际首页6 26:32
第2章:2阶段微案例
1. flappybird1 20:40
2. flappybird2 21:37
3. 打砖块1 7:46
4. 打砖块2 12:29
5. 打砖块3 9:11
6. 打砖块4 15:02
7. 弹幕 15:00
8. 放大镜效果1 20:29
9. 放大镜效果2 21:00
10. 瀑布流 24:41
11. 吸顶菜单 10:11
12. 轮播图1 20:51
13. 轮播图2 18:28
14. 轮播图3 17:53
15. 三国杀 29:39
16. 数码时钟 9:44
17. 回到顶部效果 32:28
18. 自适应瀑布流 24:35
19. 字母数字验证码 11:05
第3章:3阶段微案例
1. HTML5拖放垃圾桶效果1 10:51
2. HTML5拖放垃圾桶效果2 12:47
3. Vue2.0登录注册评论功能1 6:02
4. Vue2.0登录注册评论功能2 27:58
5. Vue2.0登录注册评论功能3 17:14
6. Vue2.0登录注册评论功能4 16:54
7. React下拉搜索 32:13
8. SVG实现地球转动1 13:20
9. SVG实现地球转动2 27:58
10. RequireJs实战1 9:25
11. RequireJs实战2 20:12
12. RequireJs实战3 8:15
13. RequireJs实战4 12:32
14. RequireJs实战5 4:42
15. 微信小程序初探 24:18
16. 音乐播放器1 8:06
17. 音乐播放器2 5:54
18. 音乐播放器3 9:39
19. 微信开发扫一扫1 3:04
20. 微信开发扫一扫2 10:36
21. 微信开发扫一扫3 7:36
22. 微信开发扫一扫4 3:39
23. ionic-spa应用实战1 5:59
24. ionic-spa应用实战2 23:33
25. ionic-spa应用实战3 1:25
26. iscroll实战1 1:25
27. iscroll实战2 18:23
28. mui地理定位实战1 5:37
29. mui地理定位实战2 18:50
30. canvas打造时钟效果1 9:12
31. canvas打造时钟效果2 26:36
32. gulp构建服务端口1 22:41
33. gulp构建服务端口2 18:30
34. websocket即时聊天系统 32:21
35. swiper框架1 17:17
36. swiper框架2 14:24
37. swiper框架3 25:43
38. mui&&html5;+_h5+操作手机通讯录1 19:12
39. mui&&html5;+_h5+操作手机通讯录2 29:49
40. mui&&html5;+_h5+操作手机通讯录3 18:44
41. requirejs&&seajs1; 20:25
42. requirejs&&seajs2; 21:01
43. requirejs&&seajs3; 22:03
大家可以点击【 查看详情】查看我的课程