一、关于本课程
Bootstrap——一个HTML/CSS/JS前端开发框架。(可以理解为Libary、Framework、Tamplate甚至Toolkit)
Bootstrap是移动优先的——完美支持移动端设备。
让前端开发更简洁、更高效、更规范、更通用并具有国际范。
本课程需要的基础: 需要有HTML5、CSS、Javascript的基本知识。如果没有,需要先补上。
本课程的难度:★★☆☆☆
二、课程计划
序号 | 学习内容 |
1 |
|
2 | 基础巩固 |
3 | 谋篇布局:Grid(栅格)系统 |
4 | 新样式:基本网页元素(一)(第3章) |
5 | 新样式:基本网页元素(二)(第3章) |
6 | 新样式:基本表单元素(第4章) |
7 | 组合元素——组件(一)(第5章) |
8 | 组合元素——组件(二)(第5章) |
9 | 组合元素——组件(三)(第5章) |
10 | 动态交互——JavaScript插件(一)(第6章) |
11 | 动态交互——JavaScript插件(二)(第6章) |
12 | 动态交互——JavaScript插件(三)(第6章) |
13 | 广阔天地——第三方扩展组件介绍(第7章) |
14 | 综合案例练习(第8章) |
15 | 综合案例练习(第8章) |
16 | 课程复习回顾,布置期末考核作业。 |
17 | 开发期末考核作业 |
18 | 开发期末考核作业 |
三、授课方式
理实一体化。边讲解演示、边实践体验,最后强化练习。
采用平时评价 期末评价两部分进行课程考核。
本课程考勤全部通过在线教学平台,每次上课都要进行扫描签到。
平时作业需要提交到在线教学平台课堂的作业模块。
学习窍门:1个字——练。
四、学习资源
1.本课程教材;★
2.本课程网站:https://course.rzpt.cn/front/kcjs.php?course_id=1286 ★
3.菜鸟教程bootstrap专题网站 : https://www.runoob.com/bootstrap/bootstrap-tutorial.html ★★★★★
4.相关下载及案例展示:
bootstrap官方网站(英文):https://getbootstrap.com/ ★
bootstrap中文网:https://www.bootcss.com/ ★★