fbpx

使用 Vanilla JavaScript 的 20 個 Web 專案

使用 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 的課程來投資你的知識。

英文字幕:有

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

報名參加課程

Sponsored by Udemy

也許你會有興趣

 歡迎使用 App / Email | Telegram 訂閱 網站更新

Spread the love

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

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: