目录

  • 1 第01章.经典案例分析
    1. 1. 内容简介

      00:06:35

    2. 2. 第一部分_BootStrap经典案例解析_教学目标

      00:04:28

    3. 3. 案例1_窄屏模式网页设计_任务发布

      00:02:14

    2 第02章.BootStrap源码解析
    3 第03章.扩展现有组件
    4 第04章.BootStrap第三方扩展
    5 第05章.BootMetroWin8磁贴桌面组件源码解析
    6 第06章.BootStrap综合项目实战
    7 第07章.Bootstrapv2.x升级到v3.x指南

Bootstrap响应式布局从基础到项目实战 第2季 高级篇

1014人在学
公众号二维码

公众号

小程序二维码

小程序

课程详情

我要提问

第二季:高级篇,侧重于BootStap源码解析与第三方扩展。主要包含以下内容:BootStrap七大经典案例解析、BootStrap源码解析-CSS源码剖析、BootStrap源码解析-JavaScript框架剖析、实战-扩展现有BootStrap组件、BootStrap前端开发人员必须掌握的9大插件、BootMetro Win8磁贴桌面组件源码解析、BootStrap综合项目实战(前端)、附-JavaScript面向对象编程


第01章.经典案例分析
1. 内容简介.mp4
2. 第一部分_BootStrap经典案例解析_教学目标.mp4
3. 案例1_窄屏模式网页设计_任务发布.mp4
4. 案例1_窄屏模式网页设计_技能点.mp4
5. 案例1_窄屏模式网页设计_准备工作.mp4
6. 案例1_窄屏模式网页设计_step1_框架搭建.mp4
7. 案例1_窄屏模式网页设计_step2_导航栏设计.mp4
8. 案例1_窄屏模式网页设计_step3_jumbotron标题.mp4
9. 案例1_窄屏模式网页设计_step4_设计各板块内容.mp4
10. 案例1_窄屏模式网页设计_step5_自定义CSS美化页面.mp4
11. 案例1_窄屏模式网页设计_案例小结.mp4
12. 案例2_固定布局模式网页设计_任务发布.mp4
13. 案例2_固定布局模式网页设计_准备工作.mp4
14. 案例2_固定布局模式网页设计_step1_框架搭建.mp4
15. 案例2_固定布局模式网页设计_step2_内容布局排版.mp4
16. 案例2_固定布局模式网页设计_step3_设计标题内容.mp4
17. 案例2_固定布局模式网页设计_step4_设计Column版块内容.mp4
18. 案例2_固定布局模式网页设计_step5_响应式导航栏设计.mp4
19. 案例2_固定布局模式网页设计_案例小结.mp4
20. 案例3_登录界面实战_step1_任务发布&技能点分析.mp4
21. 案例3_登录界面实战_step2_加入表单登录各组件.mp4
22. 案例3_登录界面实战_step3_加入用于美化的CSS.mp4
23. 案例3_登录界面实战_step4_将表单元素应用CSS.mp4
24. 案例3_登录界面实战_step5_强化功能效果.mp4
25. 案例3_登录界面实战_案例小结 .mp4
26. 案例4_实战流动布局_任务发布.mp4
27. 案例4_实战流动布局_技能点&准备工作.mp4
28. 案例4_实战流动布局_step1_整体框架搭建.mp4
29. 案例4_实战流动布局_step2_顶部导航栏设计.mp4
30. 案例4_实战流动布局_step3_标题版块设计.mp4
31. 案例4_实战流动布局_step4_内容明细响应式设计.mp4
32. 案例4_实战流动布局_step5_设计侧边导航栏.mp4
33. 案例4_实战流动布局_step6_重构侧边导航栏小屏幕隐藏.mp4
34. 案例4_实战流动布局_step7_重构标题栏加入动态内容.mp4
35. 案例4_实战流动布局_step8_为动态内容附加JS事件.mp4
36. 案例4_实战流动布局_案例小结.mp4
37. 案例5_营销类网站设计_任务发布&技能点分析.mp4
38. 案例5_营销类网站设计_准备工作&实现步骤分析.mp4
39. 案例5_营销类网站设计_step1_首页整体框架设计.mp4
40. 案例5_营销类网站设计_step2 _细化顶部导航栏.mp4
41. 案例5_营销类网站设计_step3_设计突出显示标题.mp4
42. 案例5_营销类网站设计_step4_内容明细的设计.mp4
43. 案例5_营销类网站设计_step5_自定义CSS美化页面.mp4
44. 案例5_营销类网站设计_案例小结.mp4
45. 案例6_网页顶部与底部粘贴效果_任务发布.mp4
46. 案例6_网页顶部与底部粘贴效果_技能点与准备工作.mp4
47. 案例6_网页顶部与底部粘贴效果_step1_整体框架布局.mp4
48. 案例6_网页顶部与底部粘贴效果_step2_顶部导航栏.mp4
49. 案例6_网页顶部与底部粘贴效果_step3_底部元素设计.mp4
50. 案例6_网页顶部与底部粘贴效果_step4_内部部分设计.mp4
51. 案例6_网页顶部与底部粘贴效果_step5_底部导航固定效果.mp4
52. 案例6_网页顶部与底部粘贴效果_step6_自定义CSS美化页面.mp4
53. 案例6_网页顶部与底部粘贴效果_案例小结.mp4
54. 案例7_博客页面_任务发布.mp4
55. 案例7_博客页面_技能点与准备工作.mp4
56. 案例7_博客页面_step1_整体框架搭建.mp4
57. 案例7_博客页面_step2_顶部导航栏.mp4
58. 案例7_博客页面_step3_尾部内容设计.mp4
59. 案例7_博客页面_step4_设计顶部标题.mp4
60. 案例7_博客页面_step5_内容部分排版设计.mp4
61. 案例7_博客页面_step6_底部文章分页.mp4
62. 案例7_博客页面_step7_侧边栏内容设计.mp4
63. 案例7_博客页面_step8_加入CSS美化头部菜单.mp4
64. 案例7_博客页面_step9_加入CSS美化尾部内容.mp4
65. 案例7_博客页面_step10_案例小结.mp4

第02章.BootStrap源码解析
1. BootStrap源码解析_教学目标.mp4
2. BootStrap源码解析_CSS组件_架构设计.mp4
3. BootStrap源码解析_CSS组件_基础样式设计.mp4
4. BootStrap源码解析_CSS组件_颜色样式设计.mp4
5. BootStrap源码解析_CSS组件_尺寸样式设计.mp4
6. BootStrap源码解析_CSS组件_状态样式设计.mp4
7. BootStrap源码解析_CSS组件_特殊元素样式设计.mp4
8. BootStrap源码解析_CSS组件_并列元素样式设计.mp4
9. BootStrap源码解析_CSS组件_嵌套子元素样式设计.mp4
10. BootStrap源码解析_CSS组件_动画样式设计.mp4
11. BootStrap源码解析_CSS组件_小结.mp4
12. BootStrap源码解析_附1_JS_OOP编程技术.mp4
13. BootStrap源码解析_JavaScript插件_架构设计.mp4
14. BootStrap源码解析_JavaScript插件_HTML布局规则.mp4
15. BootStrap源码解析_JavaScript插件_实现步骤.mp4
16. BootStrap源码解析_JavaScript插件_step1_声明函数.mp4
17. BootStrap源码解析_JavaScript插件_step1_扩展JS严格模式.mp4
18. BootStrap源码解析_JavaScript插件_step2_定义相关类及原型方法.mp4
19. BootStrap源码解析_JavaScript插件_step3_定义jquery插件.mp4
20. BootStrap源码解析_JavaScript插件_step4_防冲突处理.mp4
21. BootStrap源码解析_JavaScript插件_step5_绑定触发事件data-api.mp4
22. BootStrap源码解析_JavaScript插件_小结.mp4

第03章.扩展现有组件
1. 实战1_扩展分页组件_任务与技能点.mp4
2. 实战1_扩展分页组件_准备工作.mp4
3. 实战1_扩展分页组件_形状扩展分析.mp4
4. 实战1_扩展分页组件_形状扩展_代码实现.mp4
5. 实战1_扩展分页组件_颜色扩展分析.mp4
6. 实战1_扩展分页组件_代码实现.mp4
7. 实战1_扩展分页组件_代码优化.mp4
8. 实战1_扩展分页组件_案例小结.mp4
9. 实战2_扩展Confirm窗体插件_任务与技能点.mp4
10. 实战2_扩展Confirm窗体插件_扩展点分析.mp4
11. 实战2_扩展Confirm窗体插件_考虑HTML布局规则.mp4
12. 实战2_扩展Confirm窗体插件_step1_声明并定义ES5模式.mp4
13. 实战2_扩展Confirm窗体插件_step2_定义类及插件原型方法.mp4
14. 实战2_扩展Confirm窗体插件_step3_重设插件构造器.mp4
15. 实战2_扩展Confirm窗体插件_step4_防冲突处理.mp4
16. 实战2_扩展Confirm窗体插件_step5_绑定触发事件.mp4
17. 实战2_扩展Confirm窗体插件_源码解读.mp4
18. 实战2_扩展Confirm窗体插件_测试_Data-API方式调用.mp4
19. 实战2_扩展Confirm窗体插件_测试_JavaScript方式调用.mp4
20. 实战2_扩展Confirm窗体插件_案例小结.mp4

第04章.BootStrap第三方扩展
1. BootStrap第三方扩展_教学目标.mp4
2. BootStrap第三方扩展_多级菜单submenu_引入.mp4
3. BootStrap第三方扩展_多级菜单submenu_基本配置.mp4
4. BootStrap第三方扩展_多级菜单submenu_具体使用.mp4
5. BootStrap第三方扩展_BootStrap Slider插件_引入.mp4
6. BootStrap第三方扩展_BootStrap Slider插件_基本功能.mp4
7. BootStrap第三方扩展_BootStrap Slider插件_高级用法.mp4
8. BootStrap第三方扩展_Font Awesome字体图标_概述.mp4
9. BootStrap第三方扩展_Font Awesome字体图标_快速上手.mp4
10. BootStrap第三方扩展_Font Awesome字体图标_Larger Icons.mp4
11. BootStrap第三方扩展_Font Awesome字体图标_固定宽度图标.mp4
12. BootStrap第三方扩展_Font Awesome字体图标_列表图标.mp4
13. BootStrap第三方扩展_Font Awesome字体图标_边框及漂浮图标.mp4
14. BootStrap第三方扩展_Font Awesome字体图标_旋转图标.mp4
15. BootStrap第三方扩展_Font Awesome字体图标_翻转图标.mp4

第05章.BootMetroWin8磁贴桌面组件源码解析
1.BootMetroWin8磁贴组件_教学目标&项目说明.mp4
2.BootMetroWin8磁贴组件_准备工作.mp4
3.BootMetroWin8磁贴组件_Tile基本样式_块状定义.mp4
4.BootMetroWin8磁贴组件_Tile基本样式_边框定义.mp4
5.BootMetroWin8磁贴组件_Tile颜色样式_背景色样式.mp4
6.BootMetroWin8磁贴组件_Tile颜色样式_内部文本样式.mp4
7.BootMetroWin8磁贴组件_Tile颜色样式_轮廓样式.mp4
8.BootMetroWin8磁贴组件_Tile颜色样式_边框样式.mp4
9.BootMetroWin8磁贴组件_Tile尺寸样式_CSS代码.mp4
10.BootMetroWin8磁贴组件_Tile状态设置_选中效果.mp4
11.BootMetroWin8磁贴组件_Tile特殊元素样式置_tile-content定义.mp4
12.BootMetroWin8磁贴组件_Tile特殊元素样式置_子元素居中技巧.mp4
13.BootMetroWin8磁贴组件_Tile特殊元素样式置_brand样式定义.mp4
14.BootMetroWin8磁贴组件_Tile特殊元素样式置_badge样式定义.mp4
15.BootMetroWin8磁贴组件_并列与嵌套元素样式_tile-group定义.mp4
16.BootMetroWin8磁贴组件_并列与嵌套元素样式_为tile-group设置宽度.mp4
17.BootMetroWin8磁贴组件_小节.mp4

第06章.BootStrap综合项目实战
1.BootStrap综合项目实战_发布任务.mp4
2.BootStrap综合项目实战_技术点列表及准备工作.mp4
3.BootStrap综合项目实战_搭建项目框架.mp4
4.BootStrap综合项目实战_顶部导航设计_用户状态过滤.mp4
5.BootStrap综合项目实战_顶部导航设计_排序按钮.mp4
6.BootStrap综合项目实战_顶部导航设计_会员管理.mp4
7.BootStrap综合项目实战_底部分页栏_设计制作.mp4
8.BootStrap综合项目实战_底部分页栏_美化设计.mp4
9.BootStrap综合项目实战_表格设计_表头制作.mp4
10.BootStrap综合项目实战_表格设计_表体内容.mp4
11.BootStrap综合项目实战_角色管理_模态对话框设计.mp4
12.BootStrap综合项目实战_创建用户_模态对话框设计.mp4
13.BootStrap综合项目实战_完善表格及项目CSS优化.mp4
14.BootStrap综合项目实战_总结.mp4

第07章.Bootstrapv2.x升级到v3.x指南
1.Bootstrapv2.x升级到v3.x指南_概述.mp4
2.Bootstrapv2.x升级到v3.x指南_x中class的变更.mp4
3.Bootstrapv2.x升级到v3.x指南_x中新增的内容.mp4
4.Bootstrapv2.x升级到v3.x指南_x中废弃的内容.mp4

评价(0) 立即评论
0/150