DOM编程艺术

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

网易杭州研究院

网易云课堂

计算机

普通(中级)

7 周

课程概况

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

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

你将学到什么

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

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

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

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

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

课程大纲

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分的可以获得优秀证书。

Magoosh
声明: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
  • 以及更多...

© 2008-2018 MOOC.CN 慕课改变你,你改变世界