Logo
☆☆☆☆☆
0.0
Beginner
20h

Web开发:深入解析HTML、CSS和JavaScript

HTML、CSS 和 JavaScript:前端开发的三大核心技术。如果你希望快速入门前端开发,这门课程非常适合你。即使你来自软件开发的其他领域,也能从中获益,不过无需具备先验经验。 本课程将从对 HTML、CSS 和 JavaScript 的简要介绍开始。你将通过一系列实例动手实践,理解它们各自的作用与运行机制。随后,课程将深入探讨每一项技术,涵盖 HTML 中的表单与控件、JavaScript 中的面向对象编程,以及让网页外观更出色的最重要 CSS 设计模式。 完成本课程后,你将能够独立开发出响应式、样式美观且性能优良的 Web 应用程序。

12 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
Web开发:深入解析HTML、CSS和JavaScript
HTML、CSS 和 JavaScript:前端开发的三大核心技术。如果你希望快速入门前端开发,这门课程非常适合你。即使你来自软件开发的其他领域,也能从中获益,不过无需具备先验经验。 本课程将从对 HTML、CSS 和 JavaScript 的简要介绍开始。你将通过一系列实例动手实践,理解它们各自...

WHAT YOU'LL LEARN

理解 HTML、CSS 和 JavaScript 在前端开发中的各自作用与协作方式

Content

12 Lessons • 0 Quizzes • 0 Challenges

开启旅程:简介与约定
  1. 1

    简介

  2. 2

    本课程适合谁?

  3. 3

    本课程涵盖的内容

  4. 4

    约定

HTML、CSS 和 JavaScript 简介
  1. 1

    开始学习实时编程!

  2. 2

    动手实践:深入学习 HTML 基础知识

  3. 3

    工作原理:创建一个基本的 HTML 页面

  4. 4

    动手实践:格式化 HTML 页面

  5. 5

    工作原理:格式化我们的 HTML 页面

  6. 6

    内联样式化我们的 HTML 页面

  7. 7

    动手实践:使用嵌入式样式表

  8. 8

    工作原理:使用嵌入式样式表

  9. 9

    动手实践:将样式移至独立文件

  10. 10

    工作原理:将样式移入独立文件

  11. 11

    动手实践:使用 CSS 定义视觉行为

  12. 12

    工作原理:使用 CSS 定义视觉行为

  13. 13

    动手实践:使用 JavaScript 为网页添加交互功能

  14. 14

    工作原理:使用 JavaScript 向网页添加操作

  15. 15

    了解 DOM

  16. 16

    利用页面检查器

  17. 17

    动手实践:使用 jQuery

  18. 18

    jQuery 的工作原理

  19. 19

    调试 JavaScript

  20. 20

    总结

HTML5:初印象与后续发展
  1. 1

    HTML5 的不寻常故事

  2. 2

    HTML5 这个术语背后是什么?

  3. 3

    HTML5 标记基础

  4. 4

    使用 HTML <head>

  5. 5

    定义HTML内容

  6. 6

    练习:内容与结构

  7. 7

    丰富网页内容:文本渲染

  8. 8

    渲染文本:代码同步练习

  9. 9

    在 HTML 中使用保留字符和符号

  10. 10

    在 HTML 中添加段落和文本换行

  11. 11

    丰富网页内容:添加标题

  12. 12

    丰富网页内容:添加列表

  13. 13

    丰富网页内容:添加链接

  14. 14

    丰富网页:添加图片

  15. 15

    列表、链接和图片:附加趣味练习!

  16. 16

    总结

通过 HTML 实现更丰富的用户体验
  1. 1

    它究竟是什么

  2. 2

    旧式:无所不能的 <div>

  3. 3

    结构与语义

  4. 4

    标题

  5. 5

    HTML 页脚

  6. 6

    章节

  7. 7

    页面中的图形

  8. 8

    侧边栏

  9. 9

    导航

  10. 10

    其他语义化元素

  11. 11

    HTML 表格的世界

  12. 12

    在 HTML 中定义一个简单表格

  13. 13

    跨行跨列

  14. 14

    表格标题的标记语法

  15. 15

    定义表格的样式

  16. 16

    表题

  17. 17

    复合表

  18. 18

    动手实践:滚动表格主体

  19. 19

    工作原理:滚动表格主体

  20. 20

    让事物因多媒体而精彩

  21. 21

    新的 HTML5 标记

  22. 22

    工作原理:使用视频标签

  23. 23

    动手实践:使用 Video 标签

  24. 24

    视频格式

  25. 25

    动手实践:支持多种视频格式

  26. 26

    工作原理:支持多种视频格式

  27. 27

    视频、弹性网页与音频标签

  28. 28

    你无法使用 <video> 和 <audio> 做到的事情

  29. 29

    总结

表单和控件
  1. 1

    Web 表单基础

  2. 2

    动手实践:在HTML中表示网页表单

  3. 3

    控制项概览

  4. 4

    动手实践:使用控件构建网页表单

  5. 5

    工作原理:使用控件构建网页表单

  6. 6

    动手实践:使用允许指定选项的控件

  7. 7

    动手实践:发送和处理表单数据

  8. 8

    工作原理:发送和处理表单数据

  9. 9

    动手实践:在服务器端捕获数据

  10. 10

    工作原理:在服务器端捕获数据

  11. 11

    使用 GET 和 POST

  12. 12

    动手实践:使用更多控件

  13. 13

    工作原理:利用更多控件

  14. 14

    使用隐藏字段

  15. 15

    在下拉列表中使用 <optgroup>

  16. 16

    使用按钮

  17. 17

    表单验证

  18. 18

    验证属性

  19. 19

    验证和 JavaScript

  20. 20

    总结

HTML 的一些其他要点
  1. 1

    其他 HTML 元素

  2. 2

    主题分割

  3. 3

    引文

  4. 4

    图像与映射

  5. 5

    可视化进度

  6. 6

    优化标记细节

  7. 7

    内联框架

  8. 8

    自定义属性

  9. 9

    动手实践:绘制画布

  10. 10

    工作原理:绘制画布

  11. 11

    动手实践:让画布生动起来

  12. 12

    工作原理:让画布焕发活力

  13. 13

    动手实践:绘制轨迹

  14. 14

    工作原理:绘制轨迹

  15. 15

    除了绘制图形,你还能用画布做些什么?

  16. 16

    回顾HTML5的过去与未来

  17. 17

    HTML5 新标签的问题

  18. 18

    HTML5 工具与验证

  19. 19

    检查 HTML5 兼容性

  20. 20

    总结

深入探讨文档对象模型
  1. 1

    DOM 基础

  2. 2

    页面表示的通用语言

  3. 3

    交互的基石

  4. 4

    文档对象模型 API

  5. 5

    DOM 涵盖的内容

  6. 6

    动手实践:查询文档

  7. 7

    工作原理:查询文档

  8. 8

    动手实践:修改DOM

  9. 9

    工作原理:更改DOM

  10. 10

    动手实践:完成事件处理

  11. 11

    在文档树中导航

  12. 12

    节点导航基础

  13. 13

    访问元素内容

  14. 14

    简要导航参考

  15. 15

    元素特定属性

  16. 16

    更改文档树

  17. 17

    向文档中添加新的子元素

  18. 18

    添加相邻元素

  19. 19

    删除和替换元素

  20. 20

    更改属性和元素样式

  21. 21

    使用事件参数

  22. 22

    走向全球:全局属性

  23. 23

    走向全球:全局事件

  24. 24

    总结

进入 JavaScript 的世界
  1. 1

    一些 JavaScript 的特殊之处

  2. 2

    JavaScript 简史

  3. 3

    对象与动态性

  4. 4

    函数是一等公民

  5. 5

    正则表达式字面量

  6. 6

    将 JavaScript 嵌入 HTML

  7. 7

    JavaScript 语法基础

  8. 8

    变量

  9. 9

    类型

  10. 10

    参数传递

  11. 11

    理解作用域

  12. 12

    使用布尔类型

  13. 13

    使用数字类型

  14. 14

    转换为数字类型

  15. 15

    数字方法

  16. 16

    使用字符串类型

  17. 17

    转换为字符串

  18. 18

    字符串属性和函数

  19. 19

    处理日期类型

  20. 20

    使用对象类型

  21. 21

    函数原型的快速概述

  22. 22

    实例属性和方法

  23. 23

    使用数组类型

  24. 24

    数组转换

  25. 25

    数组操作:创建栈和队列

  26. 26

    数组方法操作字符串

  27. 27

    数组方法用于改变元素顺序

  28. 28

    高级数组操作

  29. 29

    一元运算符

  30. 30

    算术运算符

  31. 31

    相等运算符

  32. 32

    关系运算符和布尔运算符

  33. 33

    位运算符

  34. 34

    赋值运算符

  35. 35

    条件运算符、逗号运算符、typeof 运算符和 instanceof 运算符

  36. 36

    运算符优先级

  37. 37

    if、while 和 do-while 语句

  38. 38

    for 和 for-in 循环

  39. 39

    switch 和 with 语句

  40. 40

    总结

高级JavaScript编程
  1. 1

    JavaScript 对象表示法

  2. 2

    序列化和解析 JSON

  3. 3

    函数

  4. 4

    指定函数表达式

  5. 5

    递归函数

  6. 6

    闭包

  7. 7

    面向对象编程

  8. 8

    对象属性

  9. 9

    删除对象属性

  10. 10

    实例化对象

  11. 11

    使用对象原型

  12. 12

    对象继承

  13. 13

    模块化

  14. 14

    浏览器对象模型

  15. 15

    window 对象的方法(concept)

  16. 16

    历史对象

  17. 17

    位置对象

  18. 18

    导航器对象

  19. 19

    屏幕对象

  20. 20

    错误处理

  21. 21

    onerror 事件

  22. 22

    处理错误

  23. 23

    摘要

CSS样式入门
  1. 1

    样式与层叠样式表

  2. 2

    页面元素样式设置

  3. 3

    CSS at规则

  4. 4

    层叠的概念

  5. 5

    选择器

  6. 6

    属性选择器

  7. 7

    群组选择器和通配符选择器

  8. 8

    伪元素和伪类选择器

  9. 9

    后代选择器

  10. 10

    子选择器

  11. 11

    兄弟选择器

  12. 12

    其他选择器

  13. 13

    样式属性

  14. 14

    颜色

  15. 15

    长度、大小类型和URL值

  16. 16

    基础样式表

  17. 17

    级联顺序

  18. 18

    选择器组优先级

  19. 19

    计算选择性

  20. 20

    位置优先级

  21. 21

    媒体依赖样式表

  22. 22

    添加媒体样式表

  23. 23

    媒体查询

  24. 24

    总结

基础样式模式
  1. 1

    文本格式化

  2. 2

    字体类型、大小和颜色

  3. 3

    文本样式

  4. 4

    段落

  5. 5

    列表样式

  6. 6

    使用网络字体

  7. 7

    盒模型

  8. 8

    边距和内边距

  9. 9

    边距的特殊行为

  10. 10

    设置边框

  11. 11

    盒子的高度和宽度

  12. 12

    装箱内联元素

  13. 13

    使用浮动元素

  14. 14

    使用背景图片

  15. 15

    定位背景图片

  16. 16

    背景图片与边框及内边距的对齐

  17. 17

    背景图片的尺寸调整

  18. 18

    背景简写语法

  19. 19

    表格样式

  20. 20

    基本字体和颜色

  21. 21

    调整文本

  22. 22

    设置表特定属性

  23. 23

    表单样式技巧

  24. 24

    总结

前方的航程
  1. 1

    课程后的职业发展路径

  2. 2

    本课程之后的学习路径

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)