DOM编程艺术

DOM是操作HTML、CSS的API的集合,它可以帮你把设计好的“美颜”页面和编写好的JS“大脑”连接起来,让它们配合默契,表里如一。学会DOM编程,搞定数据通讯、酷炫动画、视听效果、页面绘画。

2393 次查看
网易杭州研究院
网易云课堂
  • 完成时间大约为 7
  • 中级
  • 中文
注:因开课平台的各种因素变化,以上开课日期仅供参考

你将学到什么

掌握DOM操作、事件模型,做易交互的页面。

掌握数据通讯与存储,玩转数据。

掌握JS动画原理,制作炫酷动画。

掌握音频、视频接口,给页面增加视听效果。

掌握Canvas接口,绘制精美图画。

课程概况

DOM编程是使用W3C定义的API来操作HTML文档,使用户可以与页面交互。

在本课程中,你将学习节点、属性、样式等基本DOM操作,DOM事件模型,数据存储(cookie、storage)与数据通信(ajax),JS动画,音频、视频、canvas等HTML5特性,表单、列表操作。带你进入前端开发实践,领略前端DOM的神奇。

课程大纲

1.基础篇
1.1.文档树
1.2.节点操作
1.3.属性操作
1.4.样式操作
1.5.事件
1.6.数据通信
1.7.数据存储
1.8.动画
1.9.音频、视频
1.10.canvas
1.11.BOM
1.12.表单操作
1.13.列表操作

2.实践篇
2.1.组件实践

预备知识

了解HTML
了解CSS
了解Javascript

证书或学分

本课程的成绩由四部分组成:
单元测验,占20%。
单元作业,占15%。
考试,占50%。
课程讨论,占15%。
获得综合评分60分的可以获得本课程的合格证书,获得85分的可以获得优秀证书。

千万首歌曲。全无广告干扰。
此外,您还能在所有设备上欣赏您的整个音乐资料库。免费畅听 3 个月,之后每月只需 ¥10.00。
Apple 广告
声明:MOOC中国十分重视知识产权问题,我们发布之课程均源自下列机构,版权均归其所有,本站仅作报道收录并尊重其著作权益。感谢他们对MOOC事业做出的贡献!
  • Coursera
  • edX
  • OpenLearning
  • FutureLearn
  • iversity
  • Udacity
  • NovoEd
  • Canvas
  • Open2Study
  • Google
  • ewant
  • FUN
  • IOC-Athlete-MOOC
  • World-Science-U
  • Codecademy
  • CourseSites
  • opencourseworld
  • ShareCourse
  • gacco
  • MiriadaX
  • JANUX
  • openhpi
  • Stanford-Open-Edx
  • 网易云课堂
  • 中国大学MOOC
  • 学堂在线
  • 顶你学堂
  • 华文慕课
  • 好大学在线CnMooc
  • (部分课程由Coursera、Udemy、Linkshare共同提供)

© 2008-2022 CMOOC.COM 慕课改变你,你改变世界