API 测验游戏 JavaScript 项目 Google SpreadSheet 数据

API Quiz Game JavaScript Project Google SpreadSheet Data

探索如何连接到 Google Sheet Data JSON feed 并使用该数据创建动态网络测验游戏应用程序

你将学到什么

  • 如何连接到 Web api
  • 如何使用 JavaScript DOM 创建页面元素
  • 循环遍历 JSON 数据
  • 从电子表格中探索 Google Web App 数据

要求

  • JavaScript HTML 和 CSS
  • 计算机访问和互联网
  • 编程经验

描述

探索如何以 JSON 源的形式连接到Google 表格数据并使用该数据创建动态网络测验游戏应用程序

欢迎来到本课程,该课程将向您展示如何应用 JavaScript 连接到 Web API – 获取 JSON 数据并使用来自 Google 电子表格的数据从头开始构建 JavaScript 测验游戏。作为奖励,该课程还将向您展示如何使用 Google 脚本设置您自己的电子表格网络应用程序,以便您可以自定义内容并在应用程序中拥有您自己的问题版本。

您必须具备本课程的 JavaScript 经验。 

包含源代码 – 请在学习课程时尝试该代码。

课程涵盖 JavaScript 代码的应用

  • 如何使用 HTML 和 CSS 设置基本项目 shell
  • 如何使用 JavaScript 查询选择器选择页面元素作为 JavaScript 对象
  • 使用 fetch 连接到数据源的 Web 应用程序 URL
  • JSON 数据以及如何在 JavaScript 中准备它
  • 创建一个在 Web 应用程序中显示数据内容的函数
  • 游戏设计和 Web 应用程序构建的逻辑
  • 玩家的后续步骤和使用游戏数据
  • 调试和推进游戏设计
  • 应用样式以获得更好看的游戏
  • 结束游戏测验 – 使其动态化,由 JSON 数据驱动,并随着数据的变化而灵活地改变。
  • 使用 Google 电子表格数据创建 Google 脚本网络应用
  • 从数组对象构造 JSON
  • 将工作表数据连接到您的 Web 应用程序

享受学习乐趣吧!!!!

亲自尝试代码并探索可以使用 JavaScript 做什么

“问答”部分始终提供快速友好的支持,可帮助回答您可能遇到的任何问题并帮助澄清内容。由拥有 20 多年实际经验的讲师授课,随时帮助您了解更多信息。还包含分步培训资源和源代码,以帮助您快速入门。

本课程适合谁:

  • 网页开发人员
  • 网站管理员
  • 任何想要通过 API 连接练习 JavaScript 的人
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。