这门课程教授交互页面设计的核心技能，通过八个实践项目学习JavaScript编程和网页交互设计。从基础的弹框制作、字符串处理和简易计算器开始，逐步深入学习图案打印、对象创建、随机效果实现、表单验证、DOM操作和正则表达式应用。课程包含多个实用模块，如手机号摇奖、动态添加组员、IP地址验证、广告动画效果、用户详情跳转和购物车功能实现。最终通过母婴商场综合项目，将所学知识融会贯通，培养学生实际开发交互式网页的能力。
Overview
Syllabus
- 项目一 制作页面弹框"欢迎进入途乐行旅游网"
- 任务1 制作统计包含“a”或“A”的字符串的人数
- 任务2 制作一个带两个变量和一个运算符的四则运算函数
- 任务3 制作简易计算器
- 项目二 用“▋”打印数字“2”和“8”字形图案
- 任务1 制作统计表
- 任务2 使用switch结构改进上述计算器并具有数据验证功能
- 任务3 用“▋”打印数字“2”和“8”字形图案
- 项目三 制作计算立体盒子体积
- 任务1 制作创建铅笔对象Pencil
- 任务2 制作计算立体盒子体积
- 项目四 制作手机号摇奖
- 任务1 随机变化的图片
- 任务2 制作手机号摇奖
- 任务3 在网页上显示时间
- 任务4 使用数组完成动态添加组员昵称模块
- 项目五 制作联合使用正则和字符串方法验证IP地址
- 任务1 注册页面的表单数据验证
- 任务2 提取某个页面中的全部链接
- 任务3 制作联合使用正则和字符串方法验证IP地址
- 任务4 实现用户注册信息表单验证模块
- 项目六 制作用户列表跳转用户详情模块
- 任务1 使用Document对象制作随机漂浮的广告
- 任务2 给宠物起名
- 任务3 制作广告图片在页面内逆时针移动
- 任务4 制作用户列表跳转用户详情模块
- 项目七 模拟购物车
- 任务1 模拟香港赛马
- 任务2 模拟购物车
- 项目八 综合实践项目
- 任务1 母婴商场项目实践
- 期末考试
Taught by
Wang Zhengyan, Li lina, LiuBin , and Zhou Yue
