通过我们为期 12 周的综合课程学习 JavaScript、CSS 和 HTML 的基础知识,该课程由Microsoft云倡导者为你带来。24 节课中的每一节课都包括课前和课后测验、详细的书面说明、解决方案、作业等等。我们的课程采用基于项目的学习方法,旨在帮助你通过动手实践来培养实用技能。通过我们有效的基于项目的教学法,提高你的技能并优化你的知识保留。
访问学生中心页面,你可以在其中找到初学者资源、学生包,甚至获得免费证书券的方法。这是你要在我们每月切换内容时不时添加书签和检查的页面。
同学们,为了充分受益于本课程,我们鼓励你分叉整个存储库并进行自学。从讲座前测验开始,然后阅读讲座材料并完成各种活动。强调理解课程,而不仅仅是复制解决方案代码。但是,如果需要,可以在每个基于项目的课程的 /solutions 文件夹中找到解决方案代码。增强学习体验的另一个好方法是与同龄人组成一个学习小组,共同完成课程。为了进一步加深你的教育,我们强烈建议你探索Microsoft学习以获取其他学习材料。
我们的课程设计考虑了两个关键的教学原则:基于项目的学习和频繁的测验。该计划教授JavaScript,HTML和CSS的基础知识,以及当今Web开发人员使用的最新工具和技术。学生将有机会通过构建打字游戏、虚拟玻璃容器、环保浏览器扩展、太空入侵者风格的游戏和面向企业的银行应用程序来发展实践经验。在本系列结束时,学生将对 Web 开发有深入的了解。
🎓 你可以将本课程的前几节课作为Microsoft学习的学习路径!
通过确保内容与项目保持一致,该过程对学生更具吸引力,并且概念的保留将得到增强。我们还编写了几节 JavaScript 基础知识入门课程来介绍概念,并附有“初学者系列到:JavaScript”视频教程集合的视频,其中一些作者为本课程做出了贡献。
此外,课前的低风险测验设定了学生学习主题的意图,而课后的第二次测验可确保进一步的保留。该课程设计灵活有趣,可以全部或部分进行。这些项目从小规模开始,到12周周期结束时变得越来越复杂。
虽然我们有意避免引入JavaScript框架,以专注于在采用框架之前作为Web开发人员所需的基本技能,但完成本课程的下一步是通过另一个视频集合学习Node.js“初学者系列到:Node.js”。
关于测验的说明:所有测验都包含在此应用程序中,总共 48 个测验,每个测验三个问题。它们从课程内链接,但测验应用程序可以在本地运行;按照文件夹中的说明进行操作。它们正在逐渐本地化。
quiz-app
项目名称 | 教授的概念 | 学习目标 | 链接课程 | 作者 | |
---|---|---|---|---|---|
01 | 开始 | 行业编程和工具简介 | 了解大多数编程语言背后的基本基础以及帮助专业开发人员完成工作的软件 | 行业编程语言和工具简介 | 茉莉花 |
02 | 开始 | GitHub 的基础知识,包括与团队合作 | 如何在项目中使用 GitHub,如何在代码库上与他人协作 | GitHub 简介 | 地板 |
03 | 开始 | 可及性 | 了解 Web 辅助功能的基础知识 | 辅助功能基础知识 | 克里斯托弗 |
04 | JS基础知识 | JavaScript 数据类型 | JavaScript 数据类型的基础知识 | 数据类型 | 茉莉花 |
05 | JS基础知识 | 函数和方法 | 了解用于管理应用程序逻辑流的函数和方法 | 函数和方法 | 茉莉花和克里斯托弗 |
06 | JS基础知识 | 使用 JS 做出决策 | 了解如何使用决策方法在代码中创建条件 | 决策 | 茉莉花 |
07 | JS基础知识 | 数组和循环 | 在 JavaScript 中使用数组和循环处理数据 | 数组和循环 | 茉莉花 |
08 | 玻璃容器 | 实践中的网页 | 构建 HTML 以创建在线玻璃容器,专注于构建布局 | 网页简介 | 珍 |
09 | 玻璃容器 | 实践中的云服务器 | 构建CSS以设置在线玻璃容器的样式,重点关注CSS的基础知识,包括使页面响应式 | CSS简介 | 珍 |
10 | 玻璃容器 | JavaScript Closures, DOM manipulation | 构建JavaScript以使玻璃容器功能为拖放界面,专注于闭包和DOM操作 | JavaScript Closures, DOM manipulation | 珍 |
11 | 打字游戏 | 构建打字游戏 | 了解如何使用键盘事件来驱动 JavaScript 应用的逻辑 | 事件驱动编程 | 克里斯托弗 |
12 | 绿色浏览器扩展 | 使用浏览器 | 了解浏览器的工作原理、历史记录以及如何搭建浏览器扩展的第一个元素的基架 | 关于浏览器 | 珍 |
13 | 绿色浏览器扩展 | 构建表单、调用 API 并将变量存储在本地存储中 | 构建浏览器扩展的 JavaScript 元素,以使用存储在本地存储中的变量调用 API | API、表单和本地存储 | 珍 |
14 | 绿色浏览器扩展 | 浏览器中的后台进程,Web 性能 | 使用浏览器的后台进程来管理扩展程序的图标;了解 Web 性能和一些优化 | 后台任务和性能 | 珍 |
15 | 太空游戏 | 使用 JavaScript 进行更高级的游戏开发 | 了解使用类和组合以及发布/订阅模式的继承,为构建游戏做准备 | 高级游戏开发简介 | 克里斯 |
16 | 太空游戏 | 绘制到画布 | 了解画布 API,用于将元素绘制到屏幕上 | 绘制到画布 | 克里斯 |
17 | 太空游戏 | 在屏幕上移动元素 | 了解元素如何使用笛卡尔坐标和画布 API 获得运动 | 移动元素 | 克里斯 |
18 | 太空游戏 | 碰撞检测 | 使用按键使元素相互碰撞和 React ,并提供冷却功能以确保游戏性能 | 碰撞检测 | 克里斯 |
19 | 太空游戏 | 保持分数 | 根据游戏的状态和性能执行数学计算 | 保持分数 | 克里斯 |
20 | 太空游戏 | 结束和重新启动游戏 | 了解如何结束和重启游戏,包括清理资产和重置变量值 | 结束条件 | 克里斯 |
21 | 银行应用程序 | Web 应用程序中的 HTML 模板和路由 | 了解如何使用路由和 HTML 模板创建多页网站架构的基架 | HTML 模板和路由 | 约汉 |
22 | 银行应用程序 | 建立登录和注册表单 | 了解如何构建表单和处理验证例程 | 形式 | 约汉 |
23 | 银行应用程序 | 获取和使用数据的方法 | 数据如何流入和流出应用,如何获取、存储和处置数据 | 数据 | 约汉 |
24 | 银行应用程序 | 状态管理的概念 | 了解应用如何保留状态以及如何以编程方式管理状态 | 状态管理 | 约汉 |
你可以使用 Docsify 脱机运行本文档。分叉此存储库,在本地计算机上安装 Docsify,然后在此存储库的根文件夹中键入 。该网站将在本地主机上的端口 3000 上提供服务:。
docsify serve
localhost:3000
所有课程的PDF可以在这里找到。
我们的团队制作其他课程!退房:
此存储库在 MIT 许可证下获得许可。有关详细信息,请参阅许可证文件。