新潮的 JavaScript 從初級學起 2.0 (2024)

36 小時的大師課程,帶你從初級到高級 JavaScript

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

  • 學習基礎知識(變數、迴圈、函數等)
  • 了解 JavaScript 的工作原理(執行上下文、呼叫堆疊、非同步 JS)
  • 掌握文件物件模型和事件(互動性)
  • 非同步 JavaScript(回呼、Promise、Fetch、Ajax)
  • OOP(建構子、原型、類別)
  • 現代工具和工作流程(Webpack、Babel、檔案結構、NPM、外掛和載入器)
  • 包含 Webpack、Node、Express 和 MongoDB 的全端專案
  • 5 個真實世界專案和 10 多個迷你專案

要求

  • 基礎 HTML / CSS 知識

課程說明

這是一門超過 36 小時的深入課程,將帶您從 JavaScript 的絕對開始,學習資料類型、函數和迴圈,到學習 DOM 操作、帶有 Promise 的非同步 JS、async/await 等等。你甚至將學習如何編寫演算法的單元測試。我們深入了解 JavaScript 的底層工作原理,包括執行上下文、呼叫堆疊、事件循環等。我們了解 Webpack 工具以及如何創建現代開發環境。最後,我們使用自訂 Webpack 前端建立 Node.js/Express API。這絕對是給任何人從前端到後端皆包含的 JavaScript 課程。 我們從基本的基礎開始,一路學到進階的程式設計,完全不依賴框架或程式庫。無論你是初學者還是熟練的 JS 程式設計師,你都將學習大量純粹的 JavaScript。每個人都能由此受益…

學習模組中的所有程式碼都將放入一個名為「JavaScript Sandbox」的資料夾中。這樣我們就可以讓事情井井有條,並且你可以隨時參考它以獲取您可能需要的任何程式碼片段。包含專案的所有最終程式碼和起始程式碼以及 GitHub 儲存庫的連結。

你將學到什麼

  • 基礎 – 資料型態、let 和 const 變數、函數、條件、迴圈、物件字面量等。
  • 資料結構 – 陣列、物件、映射、集合以及自訂資料結構,如堆疊和佇列
  • DOM 操作 – 選擇器、遍歷 DOM、顯示/隱藏、建立和刪除元素、事件偵聽器
  • OOP – 建構子、原型、繼承、類別、受保護的屬性、getter/setter
  • 非同步 JS – Ajax 和 XHR、獲取 API、回呼、承諾、非同步/等待
  • 錯誤處理 – Try…Catch、HTTP 錯誤
  • Web 和瀏覽器 API – 畫布、地理定位、音訊/視訊、Web 動畫 API
  • 模組和工具 – CommonJS 和 ES 模組、Webpack、外掛、載入器、現代開發環境和工作流程
  • 單元測試演算法 – 學習 Jest 測試函式庫和演算法,例如回文和字謎
  • Node.js 和 Express – 了解 Node 模組、NPM 套件並使用 Express 和 MongoDB 建立 REST API
  • 全端開發 – 我們使用 Express 建立 API 並使用 Webpack 建立前端。沒有前端框架!
  • 這麼多!

專案和小型專案

  1. Shopping List
  2. Flix Movie App
  3. Tracalorie OOP Project
  4. Tracalorie Webpack Refactor
  5. Chuck Norris Joke Generator
  6. RandomIdeas Full Stack APP – API & Frontend
  7. Webpack Starter Project
  8. Keycode Mini-Project
  9. Random User Generator
  10. Music Player
  11. Video Player
  12. Drum Machine
  13. Profile Scroller
  14. Polling App
  15. Joke Generator
  16. Ball Animation
  17. Animated Clock
  18. Typicode Todos
  19. Text To Speech

目標受眾

  • 想要從初級到高級學習現代 JavaScript 的人,包括工具和設定現代工作流程

講師簡介

Brad Traversy    Traversy Media 的全端 Web 開發者與講師 ( 更多講師主講課程介紹 )

Brad Traversy 有12 年以上的程式設計經驗和近5年的教學經驗。 他創立 Traversy Media ,一個成功的 Web 開發 YouTube 頻道,擅長前端框架 (從 HTML5 到 Angular 等),以及 Node.js、PHP和 Python 等伺服器端技術。 Brad 清楚掌握如何將非常複雜的話題簡單說明,讓聽眾容易了解。 通過 Brad 易懂的課程來投資你自己擴展你的職涯吧。

字幕:簡中、英文

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

  • Udemy 永久擁有課程 許多課程約 NT400(點擊連結看更多)
  • 年訂閱每月 NT350(再享特別優惠:年度訂閱首年享 25% 折扣) 🌈 悠遊 Udemy 的 26000+ 門課,最大化學習 ( 原價 NT635/月 )
  • Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
  • 手機上點選優惠連結看到的價格比電腦上看到的貴
  • $代表當地貨幣, 如在台灣為 NT
  • 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程 

Sponsored by Udemy


也許你會有興趣


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

發表迴響

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

由 WordPress.com 建置.

Up ↑

探索更多來自 Soft & Share 的內容

立即訂閱即可持續閱讀,還能取得所有封存文章。

Continue reading