使用 Vanilla JavaScript 的 20 個 Web 專案

Contents

使用 HTML5、 CSS 和 JavaScript 從頭開始建構 20 個迷你前端專案(沒有框架或程式庫)

從這 16 小時的課程，你會學到

從零開始建構 20 個前端專案
沒有 JS 或 CSS 框架
現代 JavaScript (ES6 +) – Arrows、Fetch、Promises 等
DOM 操縱和事件
使用 CSS 和 JavaScript 製作動畫
通過第三方 API 的 Fetch 和 JSON
HTML5 Canvas, Speech API, 音訊和視訊
初學者友好

要求

基本的 HTML、CSS 和 JavaScript 知識

課程說明

這是一個有趣、實用和以專案為基礎的課程，適合任何技能等級的人。本課程的專案旨在讓你使用 HTML5、 CSS 和 JavaScript 建構事物，不需要任何框架( frameworks )或程式庫( libraries )。每個專案都是從零開始建構的，有一些動態功能，從小遊戲到費用追蹤到呼吸放鬆應用程式。

雖然這是一個以專案為基礎的課程，但是我仍然會在實作過程中解釋一切。這些都是為你設計的在幾個小時內完成的小專案。

你應該有一些 HTML/CSS/JS 的基本知識。如果你需要這方面的知識，我推薦我的從基礎開始學習最新的 HTML & CSS (包含 Sass) 和 / 或新潮的 JavaScript 從初級學起的 Udemy 課程。這門課是兩者的混合。

在這些專案中你將學到:
使用 HTML/CSS 建立佈局和 UI (沒有 CSS 框架)
CSS 動畫(帶有 JS 觸發器的過渡 Transitions、關鍵幀 CSS等)
基礎 JavaScript
選擇和操縱 DOM
Javascript 事件(表格 Forms、按鈕 buttons、滾動 scrolling 等)
Fetch API 和 JSON
HTML5 Canvas
音訊和視訊 API
拖放( Drag & Drop )
Web 語音 API (合成 Syth & 辨識)
和本地儲存庫合作
高階陣列方法 – forEach，map，filter，reduce，sort
setTimout, setInterval
箭頭函數( Arrow Functions )
還有更多！

目標受眾

想要由建立一些有趣專案輕鬆理解的任何人

講師簡介

Brad Traversy 全端 Web 開發人員 & Traversy Media 講師 ( 更多講師主講課程介紹 )

Brad Traversy 已經從事程式設計工作 12 年，教學工作近 5 年。他是 Traversy Media 的所有者，這是一個成功的網路開發 YouTube 頻道，專注於從 HTML5 到像 Angular 這樣的前端框架以及像 Node.js、 PHP 和 Python 這樣的伺服器端技術。 Brad 已經掌握了用簡單的方式解釋非常複雜的話題，這是非常容易理解的。通過觀看Brad 的課程來投資你的知識。