网易杭州研究院
DOM编程艺术
所属微专业：
DOM是操作HTML、CSS的API的集合，它可以帮你把设计好的“美颜”页面和编写好的JS“大脑”连接起来，让它们配合默契，表里如一。学会DOM编程，搞定数据通讯、酷炫动画、视听效果、页面绘画。
课程概述
DOM编程是使用W3C定义的API来操作HTML文档，使用户可以与页面交互。
在本课程中，你将学习节点、属性、样式等基本DOM操作，DOM事件模型，数据存储(cookie、storage)与数据通信(ajax)，JS动画，音频、视频、canvas等HTML5特性，表单、列表操作。带你进入前端开发实践，领略前端DOM的神奇。
学完本课程后你可以：
掌握DOM操作、事件模型，做易交互的页面。
掌握数据通讯与存储，玩转数据。
掌握JS动画原理，制作炫酷动画。
掌握音频、视频接口，给页面增加视听效果。
掌握Canvas接口，绘制精美图画。
证书要求
本课程的成绩由四部分组成：
单元测验，占20%。
单元作业，占15%。
考试，占50%。
课程讨论，占15%。
获得综合评分60分的可以获得本课程的合格证书，获得85分的可以获得优秀证书。
章节试看
-
表单应用
预备知识
了解HTML
了解CSS
了解Javascript
授课大纲
| 单元（章） | 课题（节） | 内容 |
| 1.基础篇 | 1.文档树 | dom范围，节点类型，节点关系，getElements,children,sibling |
| 2.节点操作 | getElementById,getElementsByClassName,getElementsByTagName,querySelector(All),createElement,innerHTML,innerText,appendChild,insertBefore,insertAdjacentELement(HTML),removeChild,replaceChild | |
| 3.属性操作 | getAttribute,setAttribute,datalist | |
| 4.样式操作 | className ,classList,style,cssText | |
| 5.事件 | capture、target、bubble，事件注册、取消事件注册、事件触发；事件对象；阻止事件冒泡、阻止默认事件，DOM事件分类及继承关系；鼠标事件类型、鼠标事件对象、鼠标事件举例；键盘、输入、焦点事件类型、事件对象、事件举例；其他常用事件介绍与举例，事件代理原理、事件代理例子、事件代理优缺点 | |
| 6.数据通信 | http协议中的头信息字段及应用 | |
| ajax(xhr2,跨域),CORS,jsonp | ||
| 7.数据存储 | cookie | |
| localStorage、sessionStorage | ||
| 8.动画 | setInterval, setTimeout, requestAnimationFrame()，幻灯片切换动画实例 | |
| 9.音频、视频 | audio和video常用属性、方法和事件 | |
| 10.canvas | 介绍canvas基本用法和常用API | |
| 11.BOM | Screen,navigator,location,history对话框,窗体互操作,load,beforeunload,scroll,resize等事件 | |
| 12.表单操作 | input、select、textarea 表单验证属性、接口、事件、应用 表单提交属性、接口、事件、应用 案例讲解表单的综合应用 | |
| 13.列表操作 | 列表的显示、添加、删除、更新、选择操作，面向视图编程和面向数据编程方式的实现对比 | |
| 2.实践篇 | 1、组件实践 | 弹窗组件和轮播组件 |
参考资料
《DOM编程艺术》
第6次开课
本次开课
已结束
开课：2016年10月27日 02:00
结束：2016年12月12日 16:00
服务咨询
可在此在线咨询关于课程的内容、价格、售前、售后服务等相关信息
课程信息
课程时长
8周
课程负载
2.5小时/周
内容类型
视频 文档 随堂测验 富文本 讨论
