组件分享之前端组件——初学者的web开发课程Web-Dev-For-Beginners

背景

近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。

组件基本信息

组件：Web-Dev-For-Beginners
开源协议：MIT License

内容

本节分享一个初学者的web开发课程Web-Dev-For-Beginners，该课程是由Microsoft 的 Azure Cloud Advocates 提供，共12周、24节课，其涉及 JavaScript、CSS 和 HTML 基础知识。
每节课包含内容如下：

可选的草图笔记

可选的补充视频

课前热身测验

书面课

对于基于项目的课程，关于如何构建项目的分步指南

知识检查

一个挑战

补充阅读

任务

课后测验

关于测验的说明：所有测验都包含在这个应用程序中，总共 48 个测验，每个测验三个问题。它们是从课程中链接的，但测验应用程序可以在本地运行；按照quiz-app文件夹中的说明进行操作。它们正在逐渐本地化。

课程

	项目名	教授的概念	学习目标	链接课程	作者
01	入门	编程和行业工具简介	了解大多数编程语言背后的基本基础以及帮助专业开发人员完成工作的软件	编程语言和行业工具简介	茉莉花
02	入门	GitHub 基础知识，包括与团队合作	如何在您的项目中使用 GitHub，如何在代码库上与他人协作	GitHub 简介	地面
03	入门	可访问性	了解 Web 可访问性的基础知识	可访问性基础知识	克里斯托弗
04	JS 基础	JavaScript 数据类型	JavaScript 数据类型的基础知识	数据类型	茉莉花
05	JS 基础	函数和方法	了解管理应用程序逻辑流的功能和方法	函数和方法	茉莉和克里斯托弗
06	JS 基础	用 JS 做决定	了解如何使用决策方法在代码中创建条件	做出决定	茉莉花
07	JS 基础	数组和循环	在 JavaScript 中使用数组和循环处理数据	数组和循环	茉莉花
08	玻璃容器	实践中的 HTML	构建 HTML 以创建在线玻璃容器，专注于构建布局	HTML 简介	仁
09	玻璃容器	实践中的 CSS	构建 CSS 以设置在线玻璃容器的样式，重点关注 CSS 的基础知识，包括使页面响应式	CSS 简介	仁
10	玻璃容器	JavaScript 闭包，DOM 操作	构建 JavaScript 以使 terrarium 用作拖放界面，专注于闭包和 DOM 操作	JavaScript 闭包，DOM 操作	仁
11	打字游戏	构建打字游戏	了解如何使用键盘事件来驱动 JavaScript 应用程序的逻辑	事件驱动编程	克里斯托弗
12	绿色浏览器扩展	使用浏览器	了解浏览器的工作原理、它们的历史以及如何搭建浏览器扩展的第一个元素	关于浏览器	仁
13	绿色浏览器扩展	构建表单、调用 API 并将变量存储在本地存储中	构建浏览器扩展的 JavaScript 元素以使用存储在本地存储中的变量调用 API	API、表单和本地存储	仁
14	绿色浏览器扩展	浏览器中的后台进程，Web 性能	使用浏览器的后台进程来管理扩展的图标；了解网络性能和一些优化	后台任务和性能	仁
15	太空游戏	使用 JavaScript 进行更高级的游戏开发	了解使用类和组合以及 Pub/Sub 模式的继承，为构建游戏做准备	高级游戏开发简介	克里斯
16	太空游戏	绘制到画布	了解 Canvas API，用于将元素绘制到屏幕上	绘制到画布	克里斯
17	太空游戏	在屏幕上移动元素	探索元素如何使用笛卡尔坐标和 Canvas API 获得运动	移动元素	克里斯
18	太空游戏	碰撞检测	使用按键使元素相互碰撞和反应，并提供冷却功能以确保游戏性能	碰撞检测	克里斯
19	太空游戏	保持分数	根据游戏的状态和性能进行数学计算	保持分数	克里斯
20	太空游戏	结束并重新开始游戏	了解结束和重新开始游戏，包括清理资产和重置变量值	结束条件	克里斯
21	银行应用	Web 应用程序中的 HTML 模板和路由	了解如何使用路由和 HTML 模板创建多页网站架构的脚手架	HTML 模板和路由	约韩
22	银行应用	建立登录和注册表单	了解构建表单和处理验证例程	形式	约韩
23	银行应用	获取和使用数据的方法	数据如何流入和流出您的应用程序，如何获取、存储和处理它	数据	约韩
24	银行应用	状态管理的概念	了解您的应用如何保留状态以及如何以编程方式对其进行管理	状态管理	约韩