导学视频,教你如何入门!
本课程包含15章72个小节课程,内容涵盖:开发环境搭建、HTML概述、HTML元数据、标记文字、组织内容、文档划分、表格、表单、表单输入、其他表单元素、嵌入内容、图形绘制Canvas、多媒体、Web存储、拖放效果等。
开发环境搭建 | |
---|---|
开发环境搭建-选择浏览器 | |
选择编辑器-Atom的安装配置 | |
选择服务器-Node.js的安装和配置 | |
HTML概述 | |
什么是HTML | |
HTML的基本概念 | |
HTML树形结构 | |
HTML文档结构 | |
HTML元数据 | |
标题和字符编码 | |
基准URL(base元素) | |
元数据说明 | |
定义CSS | |
指定外部资源 | |
定义JavaScript | |
标记文字 | |
超链接 | |
使用文字元素标记内容 | |
换行br | |
输入输出 | |
缩写、定义、引文的用法 | |
使用语言元素 | |
其他 | |
组织内容 | |
段落 | |
区块div | |
pre 代码格式化 | |
引用 | |
水平线hr | |
列表 | |
文档划分 | |
标题(h1-h6) | |
标题分组(hgroup) | |
章节section | |
header和footer | |
nav导航 | |
article 文章 | |
aside侧边栏的用法 | |
表格 | |
表格基础 | |
表头 | |
表格结构 | |
不规则表格 | |
表格标题 | |
处理列colgroup | |
表格的边框border | |
表单 | |
表单基础 | |
表单属性 | |
表单标签label | |
Input属性 | |
表单元素编组fieldset | |
按钮button | |
表单输入 | |
表单input | |
输入密码password | |
生成按钮 | |
输入验证 | |
隐藏input | |
其他表单元素 | |
选项列表select option | |
多行文本框架textarea | |
表示计算结果 | |
表单验证 | |
嵌入内容 | |
嵌入图片 | |
iframe | |
embed | |
object | |
进度条 | |
Canvas | |
Canvas简介 | |
绘制矩形框 | |
设置绘制属性 | |
渐变 | |
多媒体 | |
多媒体之视频 | |
多媒体之音频 | |
通过DOM控制媒体 | |
web存储 | |
localStorage | |
sessionStorage | |
拖拽效果 | |
拖放事件处理 | |
处理释放事件 |
本课程包含7章44个小节课程,内容涵盖:CSS基础、CSS选择器、CSS属性和属性值、CSS 边框和背景、CSS盒子模型、文本样式等。
CSS基础 | |
---|---|
CSS简介 | |
CSS语法格式 | |
如何在HTML中应用CSS | |
CSS选择器(上) | |
通用选择器 | |
类型选择器 | |
类选择器 | |
id选择器 | |
属性选择器 | |
分组选择器 | |
包含选择器 | |
子元素选择器 | |
伪元素选择器(first-line) | |
伪元素选择器 | |
伪元素选择器(before 和 after) | |
CSS选择器(下) | |
root根元素选择器 | |
使用子元素选择器 | |
索引选择器 | |
启用(禁用)某个元素 | |
checked | |
valid invalid | |
in-range out-of-range | |
required optional | |
link visited hover | |
active | |
focus | |
CSS属性和属性值 | |
CSS常见属性 | |
颜色属性值 | |
长度单位 | |
URL、关键字 | |
CSS边框和背景 | |
应用边框样式 | |
设置背景 | |
创建盒子阴影 | |
使用轮廓 | |
CSS盒子模型 | |
盒子模型-为元素设置内边距 | |
盒子模型-为元素设置外边距 | |
控制元素尺寸 | |
控制内容的溢出 | |
设置元素的盒子类型 | |
盒子的浮动 | |
盒子模型中布局的计算 | |
文本样式 | |
基本文本样式 | |
文本装饰和大小写 | |
文本的阴影 | |
字体 |
本课程包含9章59个小节课程,内容涵盖:JavaScript 简介、JavaScript基本语法、JavaScript 数据类型、表达式和运算符、语句和流程控制、对象、数组、函数、window 对象、DOM 访问等。
JavaScript简介 | |
---|---|
什么是JavaScript | |
JavaScript和Java | |
JavaScript和ECMAScript规范 | |
HelloWorld JavaScript | |
JavaScript基本语法 | |
字符集 | |
注释 | |
字面量 | |
标识符、关键字、保留字 | |
分号 | |
JavaScript数据类型 | |
数字 | |
文本(字符串) | |
布尔类型 | |
null和undefined | |
全局对象 | |
包装类型 | |
不可变的原始类型和可变的对象类型 | |
类型转换 | |
变量的声明 | |
变量的作用域 | |
表达式和运算符 | |
表达式 | |
运算符 | |
算术运算 | |
关系运算 | |
逻辑运算 | |
赋值运算 | |
其他运算符 | |
语句和流程控制 | |
语句 | |
条件语句 | |
循环语句 | |
跳转语句 | |
对象 | |
创建对象 | |
属性的查询和设置 | |
删除属性 | |
属性检测 | |
枚举属性 | |
getter and setter | |
属性的特性 | |
对象的三个属性 | |
对象序列化 | |
对象的方法 | |
数组 | |
创建数组 | |
数组的读写 | |
稀疏数组 | |
数组的长度 | |
数组的添加和删除 | |
数组的遍历 | |
多维数组 | |
数组的常用方法 | |
ES5中数组的方法 | |
函数 | |
函数的定义 | |
函数的调用 | |
函数的实参和形参 | |
函数指针 | |
window对象 | |
window对象-计时器 | |
location | |
history对象 | |
Navigator、Screen | |
对话框 | |
窗口操作 |