移动端WebApp开发精讲—4682人已学习
课程介绍
通过实例来讲解移动端webapp的开发 适合对象: 有PC端开发经验,想从事手机端WebApp的开发 从事webApp开发,想再次进行提高
课程收益
学完本门课程你将收获什么 精通WebApp的开发 加深对WebApp的理解
讲师介绍
余鹏 更多讲师课程
育知同创北京HTML5学科教学总监,7年前端开发经验,3年HybridApp开发经验。曾就职于奇虎360和百度,是小米前端开发工程师,是精通Node.js、PHP、JAVA、Python等多种语言的全栈工程师。 进入IT培训行业之后,余老师始终坚持与时俱进,所带育知同创HTML5开发培训班就业方面均有出色表现,其中已就业学员高月薪22000元,已就业班级高平均薪资15175元。
课程大纲
第1章:移动端入门
1. 课程介绍 QQ 343211279 7:12
2. WebApp简介 12:40
3. dpr和dpi,px概念 14:16
4. 视口 13:52
5. 移动端meta标签详解 8:10
第2章:CSS3在移动WebApp的使用
1. CSS3新特性--盒阴影 10:21
2. CSS3新特性--圆角 14:31
3. CSS3新特性--box-sizing的使用 12:49
4. CSS3新特性--border-image 10:32
5. CSS3颜色渐变--线性渐变 10:20
6. CSS3颜色渐变--径向渐变 7:40
7. CSS3动画--过渡动画 13:44
8. CSS3动画--关键帧动画 12:36
9. CSS3位移变换 10:56
第3章:移动端布局
1. rem布局 17:08
2. rem布局案例 43:25
3. 弹性盒--容器flex-direction 19:40
4. 弹性盒--容器flex-wrap 9:00
5. 弹性盒--容器flex-flow 4:47
6. 弹性盒--容器justify-content 9:38
7. 弹性盒--容器align-items 8:21
8. 弹性盒--容器align-content 7:06
9. 弹性盒--项目order 6:28
10. 弹性盒--项目flex-grow 6:58
11. 弹性盒--项目flex-shrink 6:29
12. 弹性盒--项目flex-basis 6:34
13. 弹性盒--项目flex 2:31
14. 弹性盒--项目align-self 4:40
15. 案例:实现弹性盒布局:骰子 28:22
16. 弹性盒的兼容性 7:18
17. 响应式布局--媒体查询 10:03
18. 案例:实现响应式布局 9:42
19. 百分比布局 13:20
20. 百分比布局案例 9:12
21. 栅格布局--bootstrap 11:18
22. 案例:bootstrap栅格布局的使用 9:35
23. 各种布局方式比较 2:44
大家可以点击【 查看详情】查看我的课程
课程介绍
通过实例来讲解移动端webapp的开发 适合对象: 有PC端开发经验,想从事手机端WebApp的开发 从事webApp开发,想再次进行提高
课程收益
学完本门课程你将收获什么 精通WebApp的开发 加深对WebApp的理解
讲师介绍
余鹏 更多讲师课程
育知同创北京HTML5学科教学总监,7年前端开发经验,3年HybridApp开发经验。曾就职于奇虎360和百度,是小米前端开发工程师,是精通Node.js、PHP、JAVA、Python等多种语言的全栈工程师。 进入IT培训行业之后,余老师始终坚持与时俱进,所带育知同创HTML5开发培训班就业方面均有出色表现,其中已就业学员高月薪22000元,已就业班级高平均薪资15175元。
课程大纲
第1章:移动端入门
1. 课程介绍 QQ 343211279 7:12
2. WebApp简介 12:40
3. dpr和dpi,px概念 14:16
4. 视口 13:52
5. 移动端meta标签详解 8:10
第2章:CSS3在移动WebApp的使用
1. CSS3新特性--盒阴影 10:21
2. CSS3新特性--圆角 14:31
3. CSS3新特性--box-sizing的使用 12:49
4. CSS3新特性--border-image 10:32
5. CSS3颜色渐变--线性渐变 10:20
6. CSS3颜色渐变--径向渐变 7:40
7. CSS3动画--过渡动画 13:44
8. CSS3动画--关键帧动画 12:36
9. CSS3位移变换 10:56
第3章:移动端布局
1. rem布局 17:08
2. rem布局案例 43:25
3. 弹性盒--容器flex-direction 19:40
4. 弹性盒--容器flex-wrap 9:00
5. 弹性盒--容器flex-flow 4:47
6. 弹性盒--容器justify-content 9:38
7. 弹性盒--容器align-items 8:21
8. 弹性盒--容器align-content 7:06
9. 弹性盒--项目order 6:28
10. 弹性盒--项目flex-grow 6:58
11. 弹性盒--项目flex-shrink 6:29
12. 弹性盒--项目flex-basis 6:34
13. 弹性盒--项目flex 2:31
14. 弹性盒--项目align-self 4:40
15. 案例:实现弹性盒布局:骰子 28:22
16. 弹性盒的兼容性 7:18
17. 响应式布局--媒体查询 10:03
18. 案例:实现响应式布局 9:42
19. 百分比布局 13:20
20. 百分比布局案例 9:12
21. 栅格布局--bootstrap 11:18
22. 案例:bootstrap栅格布局的使用 9:35
23. 各种布局方式比较 2:44
大家可以点击【 查看详情】查看我的课程