新潮的 JavaScript 從初級學起

Contents

使用純 JavaScript (無框架或程式庫) 學習和建構專案

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

模組化學習和 10 個純 JavaScript 實戰專案
掌握沒有 jQuery 的 DOM（Document Object Model）操作
使用 Ajax 、Fetch API、Promises 和 Async / Await 進行非同步程式設計
包括 ES5 原型和 ES2015 類別(classes)的 OOP
學習 JavaScript 設計模式
正規表示式 ( regular expression ) 、錯誤處理，localStorage 等等

要求

基礎 HTML / CSS 知識

課程說明

這絕對是給任何人從前端到後端皆包含的 JavaScript 課程。我們從基本的基礎開始，一路學到進階的程式設計，完全不依賴框架或程式庫。無論你是初學者還是熟練的 JS 程式設計師，你都將學習大量純粹的 JavaScript。每個人都能由此受益…

涵蓋主題

基本知識和基礎：資料類型、let＆const 變數、函數、條件、迴圈、object literal、陣列等
DOM 操作：選擇器、DOM 走訪、顯示/隱藏、建立和移除元素、事件監聽器
物件導向設計 (OOP)：ES5 原型、繼承、ES2015 類別和子類別、constructors
Async JS：Ajax＆XHR、Fetch API、callbacks 、promises、async/await
ES2015 +：箭頭函數、模板字串、生成器、迭代器、地圖和集合、符號等等
JavaScript 設計模式：模組、工廠( Factory )、狀態 ( State )、觀察者、調解員、單例等模式
其他：local 和 session 的儲存、正規表達式、try /catch 錯誤處理
10 個各類型的專案

專案

Task List With Local Storage
Loan Calculator
Number Guess Game
OOP Book Listing App ( ES5 Prototype & ES2015 Classes Version)
Chuck Norris Joke Generator
EasyHTTP – Custom HTTP Library (3 Versions – Callbacks / Promises / Async & Await)
Github Finder
WeatherJS App
Calorie Tracker (Module Pattern)
Microposts – Frontend CRUD for REST API (Webpack & Babel)

目標受眾

從初學到進階想學習現代 JavaScript，不用程式庫 (libraries) 和框架(frameworks) 的任何人

講師簡介

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

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