✍ Scribed by 杰瑞教育组编; 王涛, 杨延成, 姜浩编著
No coin nor oath required. For personal study only.
《Web前端学习笔记：HTML5 CSS3 JavaScript》以杰瑞教育前端课程大纲为基准，由浅及深地讲解了Web前端开发所需的知识。全书共3篇，涵盖了HTML5、CSS3以及JavaScript等多项技术，并提供学习视频，循序渐进地讲解每个知识点，同时每章均配有课堂案例与练习，让读者能够在学习的过程中进行实践操作，提高动手能力。本书可以帮助初学者顺利步入Web前端开发领域，也可作为开发人员的参考手册以及大中专院校与培训机构的教材。
封面
书名
版权
前言
目录
第1篇 HTML5
第1章 HTML5学习概述
1.1 认识HTML5
1.1.1 HTML的发展历程
1.1.2 HTML5与HTML4的区别
1.2 学习HTML5前的准备工作
1.2.1 常用浏览器介绍
1.2.2 常见的HTML5开发软件介绍
1.2.3 创建第一个HTML5页面
1.3 HTML5的语法与结构
1.3.1 HTML5的语法
1.3.2 HTML5的文档结构
1.4 章节案例：开始我的第一个网页
第2章 HTML5常见的块级标签和行级标签
2.1 常见的块级标签
2.1.1 ＜h1＞＜/h1＞…＜h6＞＜/h6＞：标题标签
2.1.2 ＜hr/＞：水平线标签
2.1.3 ＜p＞＜/P＞：段落标签
2.1.4 ＜br/＞：换行标签
2.1.5 ＜blockquote＞＜/blockquote＞：引用标签
2.1.6 ＜pre＞＜/pre＞：预格式标签
2.1.7 ＜ul＞＜li＞＜/li＞＜/ul＞：无序列表标签
2.1.8 ＜ol＞＜li＞＜/li＞＜/ol＞：有序列表标签
2.1.9 ＜dl＞＜/dl＞：定义列表标签
2.1.10 ＜div＞＜/div＞：分区标签
2.2 常见的行级标签
2.2.1 ＜img/＞：图片标签
2.2.2 ＜a＞＜/a＞：超链接标签
2.2.3 其他常用的行级标签
2.3 HTML5新增标签简介
2.4 章节案例：促销信息网页实现
第3章 HTML5表格
3.1 HTML5表格简介
3.1.1 表格的基本结构
3.1.2 表格的定义
3.2 表格的基本属性
3.2.1 border：表格边框属性
3.2.2 width/height：表格（宽度/高度）属性
3.2.3 bgcolor：表格背景色属性
3.2.4 background：表格背景图属性
3.2.5 bordercolor：表格边框颜色属性
3.2.6 cellspacing：表格单元格间距属性
3.2.7 cellpadding：表格单元格内边距属性
3.2.8 align：表格对齐属性
3.3 行和列的属性
3.3.1 width/height：单元格宽度……高度属性
3.3.2 bgcolor：单元格背景色属性
3.3.3 align：单元格内容水平对齐属性
3.3.4 valign：单元格内容垂直对齐属性
3.3.5 colspan/rowspan：表格的跨行与跨列
3.4 表格的结构化与直列化
3.4.1 表格的结构化
3.4.2 表格的直列化
3.5 章节案例：完成“特别休假申请单”
第4章 HTML5表单
4.1 表单简介
4.1.1 表单的结构
4.1.2 表单的常用属性
4.2 input输入框
4.2.1 input常用属性
4.2.2 text：文本输入框
4.2.3 password：密码输入框
4.2.4 radio：单选按钮
4.2.5 checkbox：复选按钮
4.2.6 file：文件上传按钮
4.2.7 submit：表单提交按钮
4.2.8 reset：重置按钮
4.2.9 image：图形提交按钮
4.2.10 button：可单击按钮
4.3 其他表单元素
4.3.1 select下拉选择控件
4.3.2 textarea文本域
4.3.3 button按钮
4.4 HTML5智能表单
4.4.1 表单分组
4.4.2 表单新增元素及属性
4.5 章节案例：用户注册页面实现
第2篇 CSS3
第5章 CSS基础知识
5.1 CSS概述
5.1.1 CSS简介
5.1.2 CSS语法结构
5.1.3 CSS注释
5.1.4 行内样式表
5.1.5 内部样式表
5.1.6 外部样式表
5.2 CSS选择器
5.2.1 通用选择器
5.2.2 标签选择器
5.2.3 类选择器
5.2.4 id选择器
5.2.5 后代选择器与子代选择器
5.2.6 交集选择器与并集选择器
5.2.7 伪类选择器
5.2.8 选择器的命名规则及优先级
5.3 章节案例：CSS选择器练习
第6章 CSS常用属性
6.1 CSS常用文本属性
6.1.1 字体、字号与颜色属性
6.1.2 文本属性
6.2 CSS常用背景属性
6.2.1 背景颜色属性
6.2.2 背景图像属性
6.3 CSS其他常用属性
6.3.1 列表常用属性
6.3.2 超链接样式属性
6.4 章节案例：实现素材图片效果
第7章 CSS3新增属性与选择器
7.1 CSS3的过渡与变换
7.1.1 transition：过渡属性
7.1.2 transform：变换属性
7.2 CSS3动画
7.2.1 CSS3动画的＠keyframes和animation
7.2.2 CSS3 animation动画属性
7.3 CSS3其他常用属性
7.3.1 CSS3渐变效果
7.3.2 CSS3多列属性
7.4 CSS3新增选择器
7.4.1 属性选择器
7.4.2 结构伪类选择器
7.4.3 状态伪类选择器
7.4.4 其他选择器
7.5 章节案例：飞机滑翔动画实现
第8章 CSS盒模型与浮动定位
8.1 盒模型
8.1.1 盒模型概述
8.1.2 margin：外边距
8.1.3 border：边框
8.1.4 padding：内边距
8.2 盒模型相关属性
8.2.1 overflow：内容溢出控制
8.2.2 outline：外围线
8.2.3 box-shadow：盒子阴影
8.2.4 border-radius：边框圆角
8.2.5 border-image：图片边框
8.3 浮动与清除浮动
8.3.1 float：浮动
8.3.2 clear：清除浮动
8.3.3 子盒子浮动造成父盒子高度塌陷
8.4 定位
8.4.1 relative：相对定位
8.4.2 absolute：绝对定位
8.4.3 fixed：固定定位
8.4.4 使用定位实现元素的绝对居中
8.4.5 z-index
8.5 章节案例：网页布局练习
第9章 移动开发与响应式
9.1 移动开发基础知识
9.1.1 媒体设备常用属性
9.1.2 像素的基础知识
9.1.3 viewport：视口
9.2 移动开发常用设置
9.2.1 移动开发中常用的头部标签
9.2.2 移动开发中常用的CSS设置
9.3 网页布局方式介绍
9.3.1 网页的布局方式
9.3.2 响应式布局介绍
9.4 媒体查询实现响应式
9.4.1 媒体查询的基本语法
9.4.2 使用媒体查询的三种方式
9.5 章节案例：媒体查询实例练习
第10章 CSS3弹性布局
10.1 弹性布局简介
10.1.1 弹性布局的基本概念
10.1.2 使用弹性布局需要注意的问题
10.1.3 弹性布局代码示例
10.2 作用于容器的属性
10.2.1 flex-direction：主轴方向
10.2.2 flex-wrap：控制换行
10.2.3 flex-flow：缩写形式
10.2.4 justify-content：主轴对齐
10.2.5 align-items：交叉轴单行对齐
10.2.6 align-content：交叉轴多行对齐
10.3 作用于项目的属性
10.3.1 order：项目排序
10.3.2 flex-grow：项目放大比
10.3.3 flex-shrink：项目缩小比
10.3.4 flex-basis：伸缩基准值
10.3.5 flex：缩写形式
10.3.6 align-self：自身对齐
第3篇 JavaScript
第11章 JavaScript基础
11.1 JavaScript简介
11.1.1 JavaScript概念
11.1.2 页面中使用JavaScript的三种方式
11.2 JavaScript的变量
11.2.1 变量的声明
11.2.2 声明变量的注意事项与命名规范
11.2.3 变量的数据类型
11.3 JavaScript中的变量函数
11.3.1 Number：将变量转为数值类型
11.3.2 isNaN：检测变量是否为NaN
11.3.3 parseInt：将字符串转为整型
11.3.4 parseFloat：将字符串转为浮点型
11.3.5 typeof：变量类型检测
11.4 JavaScript中的输入输出
11.4.1 document.write：文档中打印输出
11.4.2 alert：浏览器弹窗输出
11.4.3 prompt：浏览器弹窗输入
11.4.4 confirm：浏览器弹窗确认
11.4.5 console.log：浏览器控制台输出
11.4.6 JavaScript中的注释
11.5 JavaScript的运算符
11.5.1 算术运算
11.5.2 赋值运算符
11.5.3 关系运算与逻辑运算
11.5.4 条件运算（多目运算）
11.5.5 逗号运算符
11.5.6 运算符的优先级
11.6 章节案例：判断一个数是否为水仙花数
第12章 JavaScript流程控制语句
12.1 分支结构
12.1.1 简单if结构
12.1.2 if-else结构
12.1.3 多重if结构
12.1.4 嵌套if结构
12.1.5 switch-case结构
12.2 循环结构
12.2.1 循环的基本思路
12.2.2 while循环结构
12.2.3 do-while循环结构
12.2.4 for循环结构
12.2.5 循环嵌套
12.3 流程控制语句
12.3.1 break语句
12.3.2 continue语句
12.3.3 return语句
12.4 章节案例：打印输出一个菱形
第13章 JavaScript函数
13.1 函数的声明与调用
13.1.1 函数的声明
13.1.2 函数的调用
13.1.3 函数的作用域
13.1.4 函数声明和调用的注意事项
13.2 匿名函数的声明与调用
13.2.1 事件调用匿名函数
13.2.2 匿名函数表达式
13.2.3 自执行函数
13.3 函数中的内置对象
13.3.1 arguments对象
13.3.2 this关键字
13.4 JavaScript中代码的执行顺序
13.5 章节案例：编写函数统计任意区间内的质数
第14章 BOM与DOM
14.1 window对象
14.1.1 window对象的属性
14.1.2 window对象的常用方法
14.2 浏览器对象模型的其他对象
14.2.1 screen：屏幕对象
14.2.2 location：地址栏对象
14.2.3 history：历史记录对象
14.2.4 navigator：浏览器配置对象
14.3 Core DOM
14.3.1 DOM树结构分析
14.3.2 操作元素节点
14.3.3 操作文本节点
14.3.4 操作属性节点
14.3.5 JavaScript修改元素样式
14.3.6 获取层次节点
14.3.7 创建新节点
14.3.8 删除/替换节点
14.4 HTML DOM
14.4.1 HTML DOM操作表格对象
14.4.2 HTML DOM操作行对象
14.4.3 HTML DOM操作单元格对象
14.5 章节案例：实现评论提交展示功能
第15章 JavaScript事件
15.1 JavaScript的事件
15.1.1 鼠标事件
15.1.2 键盘事件
15.1.3 HTML事件
15.1.4 event事件因子
15.2 JavaScript的事件模型
15.2.1 DOM0事件模型
15.2.2 DOM2事件模型
15.3 JavaScript的事件流模型
15.3.1 事件冒泡
15.3.2 事件捕获
15.3.3 事件委派
15.3.4 阻止事件冒泡
15.3.5 阻止默认事件
15.4 章节案例：对表格进行修改删除操作
第16章 数组和对象
16.1 JavaScript的数组
16.1.1 数组的概念
16.1.2 数组的声明
16.1.3 数组的访问
16.1.4 数组常用方法
16.1.5 二维数组和稀疏数组
16.2 JavaScript的内置对象
16.2.1 Boolean：逻辑对象
16.2.2 Number：数字对象
16.2.3 String：字符串对象
16.2.4 Date：日期对象
16.2.5 Math：算术对象
16.3 JavaScript自定义对象
16.3.1 对象的概念
16.3.2 对象的声明
16.3.3 对象的属性与方法
16.4 章节案例：编写对象实现班级成绩录入
第17章 JavaScript中的正则表达式
17.1 正则表达式基础
17.1.1 正则表达式概述
17.1.2 正则表达式的声明
17.2 正则表达式的常用字符
17.2.1 正则表达式中的元字符
17.2.2 正则表达式中的特殊字符
17.3 正则表达式的常用模式
17.3.1 g：全局匹配
17.3.2 i：忽略大小写匹配
17.3.3 m：多行匹配
17.4 正则表达式的常用方法
17.4.1 test()方法
17.4.2 exec()方法
17.5 章节案例：使用正则表达式验证用户注册表单
第18章 JavaScript面向对象编程
18.1 面向对象编程基础
18.1.1 面向对象概述
18.1.2 类与对象
18.1.3 类和对象的关系
18.1.4 JavaScript创建类与对象的步骤
18.1.5 constructor与instanceof
18.1.6 for-in：对象的遍历
18.2 成员属性、静态属性与私有属性
18.2.1 成员属性与成员方法
18.2.2 静态属性与静态方法
18.2.3 私有属性与私有方法
18.3 this关键字
18.3.1 this的指向概述
18.3.2 this指向的规律
18.3.3 this指向练习
18.4 原型与原型链
18.4.1 ＿proto＿与prototype
18.4.2 原型链
18.4.3 原型属性与原型方法
18.5 封装
18.5.1 封装的基本概念
18.5.2 JavaScript模拟实现封装
18.6 继承
18.6.1 继承的基本概念
18.6.2 扩展Object的prototype实现继承
18.6.3 使用原型继承
18.6.4 使用call和apply实现继承
18.7 JavaScript中的闭包
18.7.1 闭包的基本概念
18.7.2 闭包的作用
18.7.3 闭包应用实例
18.8 章节案例：定义一个URL信息操作类
封底
📜 SIMILAR VOLUMES
本书从移动Web前端页面开发者的角度，详细地介绍关于前端开发中所涉及的全部知识内容。全书分为四个部分共16章：部分为HTML5与CSS3的基础知识，分别介绍HTML5的基础知识和CSS3的基础应用；第二部分为JavaScript编程，分别介绍JavaScript基本语法、面向对象编程、对象模型和开发框架等内容；第三部分为HTML5与CSS3的高级开发，分别介绍HTML5中的推送、视频、存储和CSS3中的动态布局等进阶内容；第四部分为实战项目，分别介绍移动端、PC端两个完整案例开发的全过程。
本书第3版紧贴互联网行业发展对Web前端开发工程师岗位的新要求,结合众多高校教师的教学反馈意见和建议,在第2版的基础上新增加了HTML5和CSS3相关新特性和新应用.全书详细地介绍了HTML,CSS,DIV,HTML5基础和CSS3应用,JavaScript,DOM与BOM,HTML5高级应用等部分的基本语法和关键应用.内容编排结构合理,由浅入深,循序渐进地引导读者快速入门,并能提高初级及以上读者的实际应用水平,让读者能够快速适应移动互联网行业对Web前端开发工程师岗位的新需求.
本书第3版紧贴互联网行业发展对Web前端开发工程师岗位的新要求，结合众多高校教师的教学反馈意见和建议，在第2版的基础上新增加了HTML5和CSS3相关新特性和新应用。全书详细地介绍了HTML、CSS、DIV、HTML5基础和CSS3应用、JavaScript、DOM与BOM、HTML5高级应用等部分的基本语法和关键应用。内容编排结构合理，由浅入深，循序渐进地引导读者快速入门，并能提高初级及以上读者的实际应用水平，让读者能够快速适应移动互联网行业对Web前端开发工程师岗位的新需求。 本书可作为高等学校计算机科学与技术、软件工程、信息管理与信息系统、网络工程、物联网工程、信息科学技术、数字媒体技术
本书全面介绍了基于HTML5+CSS3的Web前端开发技术，在叙述有关原理时安排了大量的相关实例。本书分为9章，内容包括Web前端开发概述，HTML，HTML5与Web标准，CSS样式美化，CSS布局，表格与表单，响应式网页设计，JavaScript与jQuery基础，Bootstrap响应式网页设计等。附录中安排了作为课程教学的实验。全书面向工程实际，强调原理性与实用性。 本书适合作为高等院校各专业“Web前端开发”或“网页设计”等课程的教材，也可作为网页设计与制作的培训类教材，还可供网站设计和开发人员参考使用。
本书面向Web前端开发初学者，全面系统地讲解了HTML5、CSS3、JavaScript基础知识和编程技巧，为使用各种流行的前端框架打下牢固的基础。 本书分为25章，脚本内容包括JavaScript与ECMAScript基础；HTML5内容包括HTML基础、视频与音频、canvas、SVG、From、File、拖放与桌面通知、本地存储、Communication、Web Workers与Web SQL、WebSocket、地理位置、History等；CSS3内容包括CSS基础、选择器、插入内容、设置文本、设置图片与背景、设置表格与表单、超链接与鼠标样式、滤镜；最后一章为读者提供了两个实战案例。
本书以应用、实践、创新型人才培养方案为指导，以培养学生的实际动手能力为目标，以提高学生的认知能力为前提，从实用的角度出发，以简明生动的语言，采用案例式教学,由浅入深地介绍*的HTML5、CSS3、JavaScript的基本语法，循序渐进地讲述网页前台技术，从基本概念到具体实践、从页面结构建设到页面布局都进行了详细的阐述，并进行了细致的实例讲解。全书共12章，分别介绍网页设计入门、制作网页内容、超级链接、用HTML布局网页、表单、CSS样式表基础、CSS布局、CSS网页元素设计、JavaScript基础、JavaScript核心对象、事件响应及综合实例。每章还精心设计了“上机练习与指导”和“本章