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

Created at: 2020-11-10 10:44:00
开发语言: JavaScript
授权协议: MIT

许可证 贡献者 问题 拉取请求 欢迎使用

观察者 GitHub 分叉 吉特哈布斯明星

在视觉工作室代码中打开

初学者网络开发 - 课程

微软的 Azure 云倡导者很高兴提供为期 12 周、24 节课的课程,所有课程都与 JavaScript、CSS 和 HTML 基础知识有关。每节课都包括课前和课后测验,完成课程的书面说明,解决方案,作业等。我们基于项目的教学法允许你在构建的同时学习,这是新技能“坚持”的行之有效的方法。

衷心感谢我们的作者珍·卢珀,克里斯·诺林,克里斯托弗·哈里森,茉莉·格林纳威,约翰·拉索萨,地板德雷斯和素描艺术家伊村智美!

你是学生吗?

开始使用以下资源:

  • 学生中心页面在此页面中,你将找到初学者资源,学生包甚至获得免费证书凭证的方法。这是你想要添加书签并不时检查的一个页面,因为我们至少每月切换一次内容。
  • 微软学生学习大使加入一个由学生大使组成的全球社区,这可能是你进入微软的方式

开始

老师们,我们提出了一些关于如何使用这个课程的建议。我们希望你在我们的论坛中提供反馈!

学生们,要自己使用此课程,请分叉整个存储库并自行完成练习,从课前测验开始,然后阅读讲座并完成其余活动。尝试通过理解课程而不是复制解决方案代码来创建项目;但是,该代码位于每个面向项目的课程的 /solutions 文件夹中。另一个想法是与朋友组成一个学习小组,一起浏览内容。为了进一步学习,我们建议微软学习,并通过观看下面提到的视频。

宣传视频

吉夫,莫希特·贾萨尔

🎥单击上面的图像,获取有关该项目及其创建者的视频!

教育学

在构建此课程时,我们选择了两个教学原则:确保它是基于项目的,并且包括频繁的测验。在本系列结束时,学生将构建一个打字游戏,一个虚拟玻璃容器,一个“绿色”浏览器扩展,一个“太空侵略者”类型的游戏和一个商业类型的银行应用程序,并将学习JavaScript,HTML和CSS的基础知识以及当今Web开发人员的现代工具链。

🎓你可以将本课程中的前几节课作为微软学习的学习路径

通过确保内容与项目保持一致,该过程对学生来说更具吸引力,并且将增加概念的保留。我们还编写了几节 JavaScript 基础知识的入门课程来介绍概念,并配上了“初学者系列到:JavaScript”视频教程集合中的视频,其中一些作者为本课程做出了贡献。

此外,课前的低赌注测验设定了学生学习主题的意图,而课后的第二个测验确保了进一步的保留。该课程旨在灵活而有趣,可以全部或部分进行。这些项目从小开始,到12周周期结束时变得越来越复杂。

虽然我们故意避免引入JavaScript框架,以便在采用框架之前专注于Web开发人员所需的基本技能,但完成本课程的下一步是通过另一个视频集来学习Node.js:“初学者系列:Node.js”。

查找我们的行为准则贡献翻译指南。我们欢迎你的建设性反馈!

每节课包括:

  • 可选草图注释
  • 可选补充视频
  • 课前热身测验
  • 书面课程
  • 用于基于项目的课程,有关如何构建项目的分步指南
  • 知识检查
  • 挑战
  • 补充阅读
  • 分配
  • 课后测验

关于测验的注意事项:所有测验都包含在此应用程序中,总共有48个测验,每个测验有三个问题。它们从课程内部链接,但测验应用程序可以在本地运行;按照文件夹中的说明进行操作。它们正在逐渐本地化。

quiz-app

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

离线访问

你可以使用文档集离线运行此文档。分叉此存储库,在本地计算机上安装 Docsify,然后在此存储库的根文件夹中键入 。该网站将在本地主机上的端口 3000 上提供:。

docsify serve
localhost:3000

下载

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

其他课程

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