1
2
3
4
5
6
7
8
  • 表单
9
  • CSS组件
10
  • JavaScript插件
11
  • 第三方扩展
12
  • 综合案例

课程介绍

发布时间:2020-03-14 19:05   发布人:朱丽文   浏览次数:284

一、关于本课程

Bootstrap——一个HTML/CSS/JS前端开发框架。(可以理解为Libary、Framework、Tamplate甚至Toolkit)

Bootstrap是移动优先的——完美支持移动端设备。

让前端开发更简洁、更高效、更规范、更通用并具有国际范。

本课程需要的基础: 需要有HTML5、CSS、Javascript的基本知识。如果没有,需要先补上。

本课程的难度:★★☆☆☆


二、课程计划


序号学习内容
1
  1. 课程交底,交代学习任务;

  2. 下载安装与初步体验;

  3. 基础巩固

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/   ★★