課程簡介

網頁前端設計在現代越來越重要，是許多程式設計師的第一門課程、青壯年轉換職業跑道的門路、平面設計師的必修。此課程會一步一步帶者你走，讓你能夠從頭開始架設屬於你自己的網頁!你不需要有任何的程式設計經驗，也不需要有相關的背景知識。開始學習網頁前端技術，讓你學會一技之長，能夠開啟網頁技術的大門。

在這堂課程結束之後，你將能夠使用:

1 前端網頁技術開發
2 VS Code 操作技巧以及實用熱門Extension
3 HTML5 – HTML5 – 超文件標記語言
4 CSS3 – CSS3 – 階層式樣式表
5 JavaScript – 網頁前端後端程式語言
6 了解DOM, Hoisting, Scope, Closure, Prototype Inheritance, execution context, callbacks, this keyword, bind call apply functions等進階JS觀念與運用
7 Bootstrap
8 Git and GitHub, Source Tree 版本控制
9 Figma – UI/UX設計工具
10 打造有形網站，架構出自己的現代風格網頁
11 將網站架構到雲端主機，讓大家看到你的作品
12 Flexbox開發技術，讓你做RWD事半功倍
13 學習進階前端開發技術，解決你對前端網頁排版的諸多疑惑

https://softnshare.com/html5-css3-z/

--課程已於 2020 年 12 月更新--

本課程是這個領域多年積累的成果，結合了最好的資源、工具和教學內容創建而成的 JavaScript 課程，它將教會你成為高階 JavaScript 開發人員所需的一切知識。
無論你是 Ｗeb 開發人員、 React、 Angular、 Vue.js 開發人員(前端開發人員) ，還是 Node.js 後端開發人員，你都將從本課程中受益，因為 Javascript 是這些技術背後的核心。
從這 23.5 小時的課程，你會學到
1. 進階 JavaScript 實踐
2. 物件導向程式設計( OOP )
3. 函數程式設計( Functional Programming )
4. 作用範圍( Scope ) 和執行環境 ( Execution Context )
5. 繼承 + 原型鏈
6. 最新功能 : ES6，ES7，ES8，ES9
7. 閉包( Closures )
8. 非同步 JavaScript + 事件迴圈
9. JavaScript 模組
10. `this` 關鍵字
11. JavaScript 引擎和執行時期( Runtime )
12. 錯誤處理
13. 堆疊溢位( Stack Overflow )
14. 記憶體洩漏( Memory Leaks )
15. 複合( Composition ) vs 繼承( Inheritance)
16. 強制轉型( Type Coersion )
17. 傳址( Pass By Reference ) vs 傳值( Pass by Value )
18. 高階函數( Higher Order Functions )
19. IIFE ( Immediately Invoked Function Expression，一個定義完馬上就執行的 JavaScript 函數)
20. .call(), .apply(), .bind()
21. 直譯器 / 編譯器 / JIT 編譯器
22. 垃圾回收
23. 變數宣告提升( Hoisting )
24. JavaScript 最佳實踐
https://softnshare.com/advanced-javascript-concepts/

--課程已於 2020 年 11 月更新--

課程說明

✅ 組合( Composition ) vs 繼承( Inheritance )？ 你會明白的。 建立自己的 Web 框架？ 你會做到的。 使用 React / Redux 的 Typescript？ 課程也有包含！
——————–
✅這是線上學習 Typescript 最好的課程。
其它所有線上課程都會教你 Typescript 的基本語法和特性，但只有這門課程會告訴你如何將 Typescript 應用到實際專案中，通過範例指導你如何構建大型成功的專案。
✅ Typescript 是 Javascript 的”超級集合”。 這意味著如果你已經知道了 Javascript，你就可以開始學習這門課程了。 在 Javascript 中增加了幾個重要的特性，包括一個型別系統。 這種型別的系統旨在幫助您在開發過程中捕獲錯誤，而不是在執行程式碼時捕獲錯誤。 這意味著通過在開發早期捕獲 Bug，您的生產率將提高一倍。 但是除了型別系統之外，Typescript 還提供了一些構造大型程式碼庫和編寫真正可重複使用程式碼的工具。
✅ 僅僅通過閱讀文件來精通 Typescript 是一個挑戰。 雖然您可能知道什麼是”型別化陣列”或”介面”，但是文件(和其它課程!) 不會告訴你要在哪裡使用這些功能，或者如何有效地使用它們。 本課程的目的是幫助你理解每個 Typescript 功能存在的理由，以及在哪裡使用它們。
✅ 頂尖的公司急需 Typescript 開發者。 如今一些最大的網頁應用程式正在用 Typescript 開發。 僱主們正在爭先恐後地尋找能熟練掌握這一尖端系統的工程師。 透過課程給你一個其他工程師少擁有的獨特技能，建立紮實的 Typescript 知識將使你更容易被聘僱，
✅ 打算開發自己的應用程式嗎？ 使用 Typescript 可以幫助你從一開始就正確地構建你的專案，確保你不會在公司的某個關鍵階段被技術債壓垮。 在本課程中，您將學習如何編寫可重複使用的程式碼，特別強調利用類別和介面來建立可置換的”widgets”。 您將能夠飛快地重新配置您的應用程式，只需要最少的努力以建立廣泛不同的功能，
✅ 向一個曾參與過世界上最大的 Typescript 專案之一的人學習。 在我自己的專業專案中，我開發了一個基於瀏覽器的開放原始碼編輯器 Theia 的外掛。 Theia 專案在規模上絕對是巨大的，包含了成千上萬行的程式碼，都是用 Typescript 寫的。 多虧了 Typescript 的力量，這個專案才能成功。
但是不要僅僅相信我的話——看看這門課的評論吧！ 您將看到其他工程師，就像您自己一樣，已經取得了巨大的成功，並對如何構建可擴展的 Web 應用程式有了新的理解。

https://softnshare.com/typescript-the-complete-developers-guide/