使用 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 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現