fbpx

使用 HTML、 CSS 和 JavaScript 建構一個 Quiz App

Contents

通過使用 HTML、 CSS 和 JavaScript 構建 Quiz App 來提高你的核心開發技能

從這 2 小時的課程,你會學到

  • ES6 的 JavaScript 特性包括箭頭函式、 spread 操作元、 const 和 let 以及樣板文字字串
  • 如何使用 Fetch API 從一個 Open Trivia DB API 中載入瑣事問題
  • 如何在本地儲存中儲存最高分數
  • 如何在 CSS 中使用 Flexbox,Animations 和 REM 單元
  • 如何從頭建立進度條
  • 如何從頭建立旋轉的載入中圖示

要求

  • 文字編輯器(建議使用 Visual Studio Code)
  • Google Chrome 瀏覽器
  • 一種學習的興奮感

課程說明

想要提高你的核心 Web 開發技能嗎? 想要提高你對 HTML、CSS 和 JavaScript 的了解嗎? 在本課程中,你將學習如何在沒有程式庫或框架的幫助下建構 Quiz APP。 以下是我們將討論的一些主題!

  • 在本地存儲中保存高分
  • 創建進度條
  • 創建一個旋轉裝載機圖標
  • 在 JavaScript 中動態生成 HTML
  • 從 Open Trivia DB API 獲取瑣事問題

目標受眾

  • 希望學習核心 Web 開發技能的初學者或有抱負的 Web 開發人員
  • 希望提高核心 Web 開發技能的中級 Web 開發人員

講師簡介

James Quick 開發者。 演講者。 老師 ( 更多講師主講課程介紹 )

James 對 Web 開發、工具和設計有著真正的熱情。 他關注最新的部落格,在社群活動中發表演講,並參加 Hackathons 的活動。 James 在微軟工作了三年,在紐約和邁阿密擔任技術佈道者,目前在孟菲斯的聯邦快遞服務公司擔任全端 Web 開發人員。 他認為自己是一個”社會開發者”,因為他喜歡和別人一起工作,在業餘時間,他參加每週一次的午餐籃球比賽,訓練半程馬拉松,並在兩分鐘內解決一個魔術方塊。

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

  • 點選這個 Network & Security 課程✨優惠連結✨ ( NT390 起特價中 ) | 新客戶✨ 優惠連結| Udemy 永久擁有課程 ( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
  • Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
  • 手機上點選優惠連結看到的價格比電腦上看到的貴
  • $代表當地貨幣, 如在台灣為 NT
  • 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程 | 免費中

Sponsored by Udemy


也許你會有興趣

不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: