Web-Dev-For-Beginners - 24 节课,12 周,作为 Web 开发人员入门

Created at: 2020-11-10 10:44:00
Language: JavaScript
License: MIT

GitHub 许可证 GitHub 贡献者 GitHub 问题 GitHub 拉取请求 欢迎公关

GitHub 观察者 GitHub 分叉 GitHub 明星

在Visual Studio Code中打开

初学者的Web开发 - 课程

通过我们为期 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

所有课程的PDF可以在这里找到。

其他课程

我们的团队制作其他课程!退房:

许可证

此存储库在 MIT 许可证下获得许可。有关详细信息,请参阅许可证文件。