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 建立前端。沒有前端框架!
- 這麼多!
專案和小型專案
- Shopping List
- Flix Movie App
- Tracalorie OOP Project
- Tracalorie Webpack Refactor
- Chuck Norris Joke Generator
- RandomIdeas Full Stack APP – API & Frontend
- Webpack Starter Project
- Keycode Mini-Project
- Random User Generator
- Music Player
- Video Player
- Drum Machine
- Profile Scroller
- Polling App
- Joke Generator
- Ball Animation
- Animated Clock
- Typicode Todos
- 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 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- Javascript 程式設計學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
發表迴響