课件介绍阶段day06.pptxVIP

jQueryBootStrap介绍

Tip：课程内容使用JQuery完成下列列表左右选择使用JQuery完成表单的校验使用BootStrap制作一个响应式页面

Tip：课程目标会使用JQuery完成DOM的基本操作掌握什么是响应式及响应式原理掌握BootStrap的栅格系统了解BootStrap的其他组件及JS控件

1.1、JQ完成下拉列表左右选择：需求和页面设计课程一信息课程长度：14分17秒01-案例五：使用JQ完成下拉列表左右选择：需求和页面设计.avi问答与练习无

1.2、JQ完成下拉列表左右选择：传统方式代码实现课程二信息课程长度：07分04秒02-案例五：使用JQ完成下拉列表左右选择：传统方式代码实现.avi问答与练习（10分钟）课堂练习

2.1、JQ完成下拉列表左右选择：JQ方式实现课程一信息课程长度：12分05秒03-案例五：使用JQ完成下拉列表左右选择：JQ方式实现.avi问答与练习（10分钟）无

2.2、JQ完成下拉列表左右选择：JQ的事件切换课程二信息课程长度：19分14秒04-案例五：使用JQ完成下拉列表左右选择：JQ的事件切换.avi问答与练习（10分钟）课堂练习

3.1、案例一：使用JQ完成表单校验：需求和JQ的查找及事件处理课程一信息课程长度：16分26秒05-案例一：使用JQ完成表单校验：需求和JQ的查找及事件处理.avi总结与补充无

3.2、案例一：使用JQ完成表单校验：步骤分析课程二信息课程长度：11分09秒07-案例一：使用JQ完成表单校验：步骤分析.avi总结与补充无

3.3、案例一：使用JQ完成表单校验：准备工作课程三信息课程长度：05分21秒08-案例一：使用JQ完成表单校验：准备工作.avi总结与补充（10分钟）课堂练习

4.1、案例一：使用JQ完成表单校验：代码实现课程一信息课程长度：28分47秒09-案例一：使用JQ完成表单校验：代码实现.avi问答与练习（20分钟）1.练习使用jQuery完成表单校验代码

5.1、案例二：使用BootStrap实现一个响应式页面：

需求及BootStrap的概述课程一信息课程长度：17分14秒10-案例二：使用BootStrap实现一个响应式页面：需求及BootStrap的概述.avi问答与练习1.什么是响应式?

5.2、案例二：使用BootStrap实现一个响应式页面：

BootStrap的准备工作课程二信息课程长度：10分05秒11-案例二：使用BootStrap实现一个响应式页面：BootStrap的准备工作.avi总结与补充（10分钟）课堂练习

6.1、案例二：使用BootStrap实现一个响应式页面：BootStrap的全局CSS的容器和栅格课程一信息课程长度：10分48秒12-案例二：使用BootStrap实现一个响应式页面：BootStrap的全局CSS的容器和栅格.avi问答与练习1.BootStrap的响应式样式是如何做到的？

6.2、案例二：使用BootStrap实现一个响应式页面：BootStrap的栅格的案例课程二信息课程长度：20分50秒13-案例二：使用BootStrap实现一个响应式页面：BootStrap的栅格的案例.avi问答与练习（20分钟）1.练习刚才学习的栅格布局。