Logo
☆☆☆☆☆
0.0
Beginner
20h

完整JavaScript课程:从零开始构建一个真实世界的应用程序

JavaScript 是一种极具影响力的网页编程语言,真正带来了变革。本课程旨在成为任何希望(重新)探索 JavaScript 各个方面的学习者的得力助手。让我们一起踏上这段充满 JavaScript 诸多奇妙之处的旅程,包括: - ES6 基础知识 - 如何遍历 DOM - 修改页面内容并处理事件 - 实现元素动画 你还将学习如何从零开始,使用 HTML、CSS 和 JavaScript 构建一个社交新闻类网页应用。在进入高级概念之前,我们会先夯实基础知识,帮助你牢固掌握核心内容。你还可以动手实验课程中提供的代码,从而更深入地理解其工作原理。本课程非常适合想要学习网页开发、顺利开启 JavaScript 之旅,或跟上最新发展的初学者。让我们一起踏上这段(JavaScript)之路!

29 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
完整JavaScript课程:从零开始构建一个真实世界的应用程序
JavaScript 是一种极具影响力的网页编程语言,真正带来了变革。本课程旨在成为任何希望(重新)探索 JavaScript 各个方面的学习者的得力助手。让我们一起踏上这段充满 JavaScript 诸多奇妙之处的旅程,包括: - ES6 基础知识 - 如何遍历 DOM - 修改页面内容...

Content

29 Lessons • 0 Quizzes • 0 Challenges

简介
  1. 1

    课程简介

  2. 2

    欢迎来到编程

  3. 3

    如何编写程序?

  4. 4

    算法导论

  5. 5

    介绍 JavaScript

  6. 6

    总结

JavaScript 基础
  1. 1

    你的第一个程序

  2. 2

    值与类型

  3. 3

    程序结构

  4. 4

    编程挑战:演示

  5. 5

    解决方案:演示

  6. 6

    编程挑战:极简计算器

  7. 7

    解决方案:极简计算器

  8. 8

    编程挑战:预测显示的值

  9. 9

    测验

变量的使用
  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

    测验

添加条件
  1. 1

    什么是条件?

  2. 2

    其他条件

  3. 3

    添加额外逻辑

  4. 4

    if/else 与 switch 语句

  5. 5

    编程挑战:后一天

  6. 6

    解决方案:后一天

  7. 7

    编程挑战:数字比较

  8. 8

    解决方案:数字比较

  9. 9

    编程挑战:一个月有多少天

  10. 10

    解决方案:一个月有多少天

  11. 11

    编程挑战:向时间中添加秒数

  12. 12

    解决方案:向时间添加秒数

  13. 13

    测验

重复语句
  1. 1

    while 循环

  2. 2

    for 循环

  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

    编程挑战:FizzBuzz

  16. 16

    解决方案:FizzBuzz

  17. 17

    测验

编写函数
  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

    测验

创建你的第一个对象
  1. 1

    JavaScript 和对象

  2. 2

    面向对象编程

  3. 3

    编程挑战:向角色添加新属性

  4. 4

    解决方案:向角色添加新属性

  5. 5

    编程挑战:模拟一只狗

  6. 6

    解决方案:建模一只狗

  7. 7

    编程挑战:建模一个圆

  8. 8

    解决方案:建模一个圆

  9. 9

    编程挑战:模拟银行账户

  10. 10

    解决方案:建模银行账户

  11. 11

    测验

在数组中存储数据
  1. 1

    数组简介

  2. 2

    JavaScript 中的数组操作

  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

    测验

处理字符串
  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

    测验

理解面向对象编程
  1. 1

    上下文:一款多人在线角色扮演游戏

  2. 2

    JavaScript 类

  3. 3

    深入探究:对象与原型

  4. 4

    面向对象

  5. 5

    编程挑战:创建一个 Dog 类

  6. 6

    解决方案:创建一个 Dog 类

  7. 7

    编程挑战:创建一个角色物品栏类

  8. 8

    解决方案:创建角色物品栏类

  9. 9

    编程挑战:创建一个账户类

  10. 10

    解决方案:创建一个账户类

  11. 11

    测验

探索函数式编程
  1. 1

    上下文:一部电影列表

  2. 2

    程序状态

  3. 3

    纯函数

  4. 4

    数组操作

  5. 5

    高阶函数

  6. 6

    JavaScript:一种多范式语言

  7. 7

    编程挑战:老电影

  8. 8

    解决方案:老电影

  9. 9

    编程挑战:政府形式

  10. 10

    解决方案:政府形式

  11. 11

    编程挑战:数组求和

  12. 12

    解决方案:数组求和

  13. 13

    编程挑战:学生成绩

  14. 14

    解决方案:学生的成绩

  15. 15

    测验

项目1:一个社交新闻程序
  1. 1

    功能需求与技术需求

  2. 2

    实现社交新闻程序

创建交互式网页
  1. 1

    什么是网页?

  2. 2

    网页的语言

  3. 3

    测验

探索 DOM
  1. 1

    DOM 简介

  2. 2

    开始使用 JavaScript 操作 DOM

  3. 3

    编程挑战:显示节点的子节点

  4. 4

    解决方案:显示节点的子节点

  5. 5

    测验

遍历 DOM
  1. 1

    示例网页

  2. 2

    选择元素

  3. 3

    通过 CSS 选择器选取元素

  4. 4

    获取元素信息

  5. 5

    编程挑战:统计元素

  6. 6

    解决方案:统计元素

  7. 7

    编程挑战:处理属性

  8. 8

    解决方案:处理属性

  9. 9

    编程挑战:处理类

  10. 10

    解决方案:处理类

  11. 11

    测验

修改页面结构
  1. 1

    修改现有元素

  2. 2

    添加一个新元素

  3. 3

    添加元素的变体

  4. 4

    替换或删除节点

  5. 5

    样式化元素

  6. 6

    DOM 操作与性能

  7. 7

    编程挑战:添加一个段落

  8. 8

    解决方案:添加段落

  9. 9

    编程挑战:报纸列表

  10. 10

    解决方案:报纸列表

  11. 11

    编程挑战:迷你词典

  12. 12

    解决方案:迷你词典

  13. 13

    编程挑战:更新颜色

  14. 14

    解决方案:更新颜色

  15. 15

    编程挑战:元素信息

  16. 16

    解决方案:元素信息

  17. 17

    测验

响应事件
  1. 1

    事件简介

  2. 2

    事件家族

  3. 3

    响应键盘事件

  4. 4

    响应鼠标事件

  5. 5

    响应页面事件

  6. 6

    在事件方面更进一步

  7. 7

    编程挑战 #1:统计点击次数

  8. 8

    解决方案:统计点击次数

  9. 9

    编程挑战:改变颜色

  10. 10

    解决方案:改变颜色

  11. 11

    编程挑战:一份甜点清单

  12. 12

    解决方案:甜点列表

  13. 13

    编程挑战:互动测验

  14. 14

    解决方案:互动测验

  15. 15

    测验

操作表单
  1. 1

    JavaScript 与表单

  2. 2

    表单字段:注册表单

  3. 3

    表单字段:文本区域

  4. 4

    表单字段:选择元素

  5. 5

    表单作为 DOM 元素

  6. 6

    表单验证

  7. 7

    正则表达式

  8. 8

    编程挑战:密码检查器

  9. 9

    解决方案:密码检查器

  10. 10

    编程挑战:角色列表

  11. 11

    解决方案:角色列表

  12. 12

    编程挑战:自动补全

  13. 13

    解决方案:自动补全

  14. 14

    测验

动画元素
  1. 1

    以固定间隔重复执行某个操作

  2. 2

    动画页面元素

  3. 3

    开始/停止动画

  4. 4

    替代方案:CSS 动画

  5. 5

    选择合适的动画技术

  6. 6

    编程挑战:计时器

  7. 7

    解决方案:计时器

  8. 8

    编程挑战:弹跳小球

  9. 9

    解决方案:弹跳小球

  10. 10

    测验

项目2:一个社交新闻网页
  1. 1

    功能需求与技术需求

  2. 2

    实现社交新闻网页

构建Web应用程序
  1. 1

    网页是如何工作的?

  2. 2

    HTTP,即网页协议

  3. 3

    HTTP 状态码与 URL

  4. 4

    从网站到网页应用

  5. 5

    JSON,一种网络数据格式

  6. 6

    测验

查询网络服务器
  1. 1

    在 JavaScript 中创建异步 HTTP 请求

  2. 2

    处理 JSON 数据

  3. 3

    编程挑战:语言列表

  4. 4

    解决方案:语言列表

  5. 5

    编程挑战:著名绘画

  6. 6

    解决方案:著名绘画

  7. 7

    测验

使用 Web API
  1. 1

    介绍 Web API

  2. 2

    调用 Web API

  3. 3

    使用 JavaScript 调用 API

  4. 4

    Web APIs 与身份验证

  5. 5

    基于密钥的身份验证

  6. 6

    编程挑战:再来一杯啤酒

  7. 7

    解决方案:再来点啤酒

  8. 8

    编程挑战:星球大战宇宙

  9. 9

    解决方案:星球大战宇宙

  10. 10

    编程挑战:GitHub 个人主页

  11. 11

    解决方案:GitHub 个人主页

  12. 12

    测验

向Web服务器发送数据
  1. 1

    发送数据:基础

  2. 2

    发送表单数据

  3. 3

    发送 JSON 数据

  4. 4

    编程挑战:新文章

  5. 5

    解决方案:新文章

  6. 6

    编程挑战:访问过的国家

  7. 7

    解决方案:访问过的国家

  8. 8

    测验

探索 Node.js
  1. 1

    介绍 Node.js

  2. 2

    Node.js 模块

  3. 3

    导出类或对象

  4. 4

    Node.js 包

  5. 5

    使用 NPM 进行包管理

  6. 6

    包与模块之间的关系

  7. 7

    编程挑战:再次讨论圆

  8. 8

    解决方案:圆(再次)

  9. 9

    编程挑战:会计模块

  10. 10

    解决方案:会计模块

  11. 11

    编程挑战:日期操作

  12. 12

    解决方案:日期操作

  13. 13

    测验

创建一个Web服务器
  1. 1

    使用框架

  2. 2

    响应请求

  3. 3

    创建一个 API

  4. 4

    数据暴露

  5. 5

    接收数据:处理表单数据

  6. 6

    接收数据:处理JSON数据

  7. 7

    发布网页

  8. 8

    练习题

  9. 9

    测验

项目3:一个社交新闻网页应用
  1. 1

    功能需求与技术需求

  2. 2

    实现社交新闻网页应用

结论
  1. 1

    总结与展望

附录
  1. 1

    风格指南

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)