Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

XuetangX

交互页面设计

Tongchuan Vocational and Technical College via XuetangX

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it


移动互联网的普及和各种终端设备的大量应用,对Web开发的需求越来越高。JavaScript作为一种流行的Web前端开发的脚本语言,可以为网页添加各式各样的动态效果,可以实现网页的交互,可以提供流畅、美观的浏览效果,满足新的互动式网络应用的开发需求,

如何能够快速,全面、系统地了解并掌握它的应用,成为Web开发人员的迫切需求。

   《交互页面设计》课程是面向Web前端开发工程师岗位开设的一门理论和实践相结合的专业核心课。

课程特点如下: 1. 传承传统文化,弘扬爱国精神, 自然融入思政元素,引用新技术,体现科技发展的新成果。弘扬精益求精的专业精神、职业精神和工匠精神,将“为学”和“为人”相结合。2. 校企合作双元开发, 真实项目和案例驱动,精选企业真实案例,将前端开发的工作过程真实再现到本书中,在教学过程中培养学生的项目开发能力。以项目驱动的方式展开讲解。

课程教学主要采用理论、实践、案例相结合的方式进行。

1.理论讲授:通过课堂讲授的方式,介绍JavaScript的基本概念、语法和编程技巧。

2.实践操作:通过项目实践方式,让学生亲自动手编写JavaScript代码,加深对知识点的理解和掌握。

3.案例分析:通过分析实际项目中的JavaScript代码,让学生了解JavaScript在实际项目中的应用和编程技巧。


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 母婴商场项目实践
  • 思政小课堂
    • 思政动画
    • 大国工匠系列
  • 其它资源
    • PPT资源
    • 动画资源
  • 期末考试

    Taught by

    Wang Zhengyan, Li lina, LiuBin , and Zhou Yue

    Tags

    Reviews

    Start your review of 交互页面设计

    Never Stop Learning.

    Get personalized course recommendations, track subjects and courses with reminders, and more.

    Someone learning on their laptop while sitting on the floor.