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 易懂的課程來投資你自己擴展你的職涯吧。
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- 點選這個✨優惠連結✨ 課程特價 | Udemy 永久擁有課程 NT330 起( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程
也許你會有興趣
- Javascript 程式設計學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!