Logo
☆☆☆☆☆
0.0
Beginner
22h 10m

使用原生 JavaScript 构建前端 Web 应用程序

本课程教你如何使用原生 JavaScript 构建前端 Web 应用，无需依赖任何第三方框架或库。课程采用“边做边学”的方式，你无需阅读大量关于 JavaScript 复杂细节的文字内容。相反，你将专注于 JavaScript 的核心部分，只需掌握最基础的知识即可开始编写第一个应用。 通过学习课程中提供的示例，你可以快速提升对基本概念和技术的理解。通过逐步分析这些示例应用的代码，并将其作为自己项目的起点，你将掌握最佳实践，体验到亲手构建一个真正运行且完全理解的应用所带来的乐趣。

16 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
View Courses in Subscription
使用原生 JavaScript 构建前端 Web 应用程序
本课程教你如何使用原生 JavaScript 构建前端 Web 应用，无需依赖任何第三方框架或库。课程采用“边做边学”的方式，你无需阅读大量关于 JavaScript 复杂细节的文字内容。相反，你将专注于 JavaScript 的核心部分，只需掌握最基础的知识即可开始编写第一个应用。 通过学习课程...

WHAT YOU'LL LEARN

学习使用原生 JavaScript 构建前端网页应用。

Content

16 Lessons • 0 Quizzes • 0 Challenges

简介
  1. 1

    入门

Web应用的基础
  1. 1

    万维网（WWW）

  2. 2

    HTML、XML 和 Unicode

  3. 3

    HTML 表单

  4. 4

    使用 CSS 样式化网页文档和用户界面

  5. 5

    JavaScript 简史

  6. 6

    Web应用程序的可访问性

  7. 7

    测验：Web 应用基础

JavaScript 基础
  1. 1

    JavaScript 基础

  2. 2

    数据类型测试

  3. 3

    变量

  4. 4

    严格模式

  5. 5

    对象

  6. 6

    数组列表

  7. 7

    映射

  8. 8

    基本数据结构的重要类型

  9. 9

    过程

  10. 10

    类

  11. 11

    localStorage API

  12. 12

    新的 JavaScript 元素

  13. 13

    更多 JavaScript 元素

  14. 14

    测验：JavaScript 基础知识

使用原生 JavaScript 构建一个最小的 Web 应用的七个步骤
  1. 1

    最小应用概述

  2. 2

    步骤 1：设置文件夹结构

  3. 3

    步骤 2：编写模型代码

  4. 4

    步骤 3：初始化应用程序

  5. 5

    步骤 4：实现创建用例

  6. 6

    步骤5：实现检索/列出所有用例

  7. 7

    步骤6：实现更新用例

  8. 8

    步骤 7：实现删除用例

  9. 9

    测验：最小应用

  10. 10

    挑战：电影应用界面

  11. 11

    挑战解决方案：电影应用视图

完整性约束与数据验证
  1. 1

    简介

  2. 2

    完整性约束

  3. 3

    字符串长度限制

  4. 4

    强制值约束

  5. 5

    范围约束

  6. 6

    区间约束

  7. 7

    模式约束

  8. 8

    基数约束

  9. 9

    唯一性约束

  10. 10

    更多约束

  11. 11

    响应式验证

  12. 12

    MVC 应用中的约束验证

  13. 13

    向设计模型添加约束

  14. 14

    总结

  15. 15

    测验：完整性约束与数据验证

原生 JavaScript 中的约束验证
  1. 1

    JavaScript 中的约束验证概述

  2. 2

    添加约束验证的挑战

  3. 3

    创建一个 JavaScript 类模型

  4. 4

    文件夹结构与库文件

  5. 5

    模型代码：构造函数

  6. 6

    模型代码：属性检查与属性设置器

  7. 7

    模型代码：序列化与数据管理

  8. 8

    视图代码

  9. 9

    总结

  10. 10

    测验：JavaScript 中的约束验证

  11. 11

    挑战：模型验证

  12. 12

    挑战解决方案：模型验证

枚举
  1. 1

    枚举

  2. 2

    记录与可扩展枚举

  3. 3

    枚举属性

  4. 4

    计算语言中的枚举

  5. 5

    设计模型中的枚举属性

  6. 6

    总结

  7. 7

    测验：枚举

在原生 JavaScript 中的枚举属性
  1. 1

    枚举实现问题

  2. 2

    类模型

  3. 3

    库文件与元类枚举

  4. 4

    枚举和模型类在模型代码中的应用

  5. 5

    模型代码中的获取器、设置器和检查

  6. 6

    模型代码中的序列化与数据管理

  7. 7

    视图代码

  8. 8

    测验：枚举属性

  9. 9

    挑战：添加枚举

  10. 10

    挑战解答：添加枚举

引用属性与单向关联
  1. 1

    引用属性

  2. 2

    引用和引用属性

  3. 3

    参照完整性

  4. 4

    模型引用属性

  5. 5

    单向关联

  6. 6

    消除单向关联

  7. 7

    从设计模型中消除关联

  8. 8

    UI中的引用属性

  9. 9

    多值引用属性

  10. 10

    总结

  11. 11

    测验：引用属性与单向关联

实现单向函数关联
  1. 1

    单向关联应用简介

  2. 2

    单值引用属性

  3. 3

    创建一个 JavaScript 类模型

  4. 4

    新问题与模型总结

  5. 5

    模型代码

  6. 6

    删除策略、序列化函数与对象到存储

  7. 7

    视图代码

  8. 8

    测验：单向函数关联

实现单向非功能关联
  1. 1

    多值引用属性

  2. 2

    JavaScript 类模型

  3. 3

    新问题

  4. 4

    模型概要

  5. 5

    模型代码

  6. 6

    查看代码

  7. 7

    测验：单向非功能关联

  8. 8

    挑战：单向关联

  9. 9

    挑战解答：单向关联

双向关联
  1. 1

    反向引用

  2. 2

    创建一个面向对象的类模型

  3. 3

    双向关联

  4. 4

    面向对象类模型

  5. 5

    测验：双向关联

实现双向关联
  1. 1

    JavaScript 类模型

  2. 2

    新问题

  3. 3

    逐步实现

  4. 4

    模型代码

  5. 5

    查看代码

  6. 6

    部分-整体关联

  7. 7

    测验：JavaScript 中的双向关联

  8. 8

    挑战：反向引用属性

  9. 9

    挑战解答：反向引用属性

子类型与继承
  1. 1

    子类型

  2. 2

    超类型

  3. 3

    内涵、外延与类型层次结构

  4. 4

    类层次结构合并

  5. 5

    子类型与继承

  6. 6

    XML与OWL中的子类型化与继承

  7. 7

    使用 SQL 的类层次结构

  8. 8

    单表继承

  9. 9

    每个类的继承策略

  10. 10

    联合表继承（concept）

  11. 11

    测验：子类型与继承

使用原生 JavaScript 的子类型关系
  1. 1

    JavaScript中的子类型介绍

  2. 2

    基于构造函数的类

  3. 3

    消除类层次结构并创建类模型

  4. 4

    新问题

  5. 5

    编写模型类

  6. 6

    视图和控制器代码

  7. 7

    类层次结构

  8. 8

    JavaScript 实体表模型

  9. 9

    实现类层次结构：模型类

  10. 10

    测验：子类型化

  11. 11

    挑战：子类型

  12. 12

    挑战解答：子类型

结论
  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)