布魯斯的 TypeScript + React 全攻略｜快速打造仿 Instagram UI、實時聊天室
優惠名額有限，售完為止！
包含 2 堂課
內容簡介
按一下 
進入設定
TypeScript教學系列課程一次學會 TypeScript + React ， 前端技術力再升級！
# 從底層思想到技能提升，深度掌握 TypeScript
TypeScript 是什麼？它解決了 JS 的缺點，大幅增加開發效率！
# 比 Javascript 可讀性更高、更容易重構，增加團隊開發效率
TypeScript 是一個基於 JavaScript 的超集合（superset） 語言，在原本的動態資料類型的 JavaScript 中加入靜態資料類型，解決了原本類型的使用與轉換產生的程式碼問題，將強類型概念帶入 JavaScript，在開發時期就能預先進行靜態的型別檢查，避免預期外的錯誤。
而 TypeScript 大幅增強了物件導向系統，增加程式碼的表達性，進而改善團隊維護成本與開發效率。TypeScript 還結合了 ES5 、 ES6 與本身的擴充內容，完全相容 JavaScript ，學習門檻大幅降低，原本就有接觸 JavaScript 的工程師可以輕鬆入門。
❓ 什麼是超集合 (superset) ?
有點像是原有的「擴充版」， JavaScript 是一個語言的集合，而 TypeScript 又包含了完整的 JavaScript 與自己額外的擴充內容。
❓ 什麼是強類型 ?
幫助你檢查是否有型別不正確的低級錯誤。 JavaScript 是一個弱類型語言，所以在寫的時候並不會幫你檢查「語法是否打錯字」或是「型別對應不正確」的問題。
業界愛用！TypeScript教學究竟有多熱門？
# 社群討論度高、資源豐富，TypeScript課程一躍成為前端黑馬
TypeScript 因為其與 JavaScript 高相容與強型別等特性，在開發者中的使用程度大幅增加，GitHub 的 JavaScript 編譯器領域中更擁有 1.4 萬顆星，開發者社群 Stack Overflow 2020 年度調查中，則是最愛程式語言排行榜的第 2 名，僅次於連貫5年的 Rust。
而在維護方面，TypeScript 語言專案由微軟進行維護和管理，特別是對於開發工具這一塊，微軟自家的開發工具對 TypeScript 的支援都特別友好， Google 、Vue3 也有使用TypeScript 進行重構，生態將會更健全、更完善。
用 JS 開發專案時發現許多 bug，debug 又花許多時間該怎麼辦 ? 自學TypeScript課程可以幫你解決問題
❓ 「弱類型」的定義在開發上會導致無法預測的 bug，例如，有個 string 類型的變數，因為程式碼很龐大，沒有注意到在某個地方被修改成 boolean 類型，這時候就會報出執行上的錯誤
💡 自學TypeScript後，在撰寫程式碼的階段，可以定義各種類型給不一樣的變數，如果修改成錯誤的類型也會即時報錯
❓ 在 Function 調用時，無法預測函數參數的類型
💡 可以在 Function 的參數上定義類型，讓 JavaScript 的函數更清楚該傳入哪些類型的參數
漸進式TypeScript教學課程，從開發環境的建構、進階語法的講解，到設計模式的應用
# 緊跟前端技術趨勢， 錘鍊職場競爭力
TypeScript教學讓你學會提高可靠性的 Type、Interface、Enums 等神器，讓程式碼擁有類型
# 搞懂 TypeScript 類型應用，解決開發時的疑難雜症
讓自己的 JavaScript 程式碼擁有類型，就是我們自學TypeScript 的主要原因之ㄧ！ 想要掌握「類型」的應用，就必須跟 Type、Interface 等語法打好交道。
👉 Type（型別）：
「類型」是內建的特徵，能唯一識別特定值的行為。例如：數字 123 和字串 ‘123’ 就是不一樣的，數字 123 可做數學運算處理，而字串 ‘123’ 可能就是做些顯示到畫面上的操作。內建型別又可分為兩大類-基本型別（primitives）和物件型別（object）。基本型別有 number、string、boolean、null、undefined、symbol，而物件型別就是物件與其子型別（subtype），例如：物件、陣列、函式、日期等。
👉Interface（介面）：
有時候不同類別之間可以有一些共有的特性，這時候就可以把特性提取成介面（interfaces）例如 : 門是一個類別，防盜門是門的子類別。如果防盜門有一個報警器的功能，我們可以簡單的給防盜 門新增一個報警方法。另一個類別，車，也有報警器的功能，就可以考慮把報警器提取出來，作為一個介面，防盜門和車都去實現它。
👉Enums（列舉）：
列舉（Enum）型別用於取值被限定在一定範圍內的場景，比如一週只能有七天，顏色限定為紅綠藍等，做為狀態的判斷所使用。
TypeScript教學讓你學會泛型，重複使用自己寫好的程式碼，減少沒必要的重工 !
# 建立可複用的程式碼元件 !
泛型屬於 TypeScript 裡的進階應用！在很多的開源原始碼都可以看到他的影子，例如 React、Vue3 等等學習好泛型的類型應用。
在 TypeScript 中，泛型是一種建立可複用程式碼元件的工具，這種元件不只能被一種類型使用，而是能被多種類型複用。類似於引數的作用，泛型是一種用以增強類（classes）、型別（types）和介面（interfaces）能力的非常可靠的手段，可以輕鬆的可複用的程式碼元件，適用於各種輸入。
TypeScript課程教你如何在 TypeScript 模組化，方便開發與維護
# Module 模組化，有效簡潔程式內容的方法 !
從開發個人專案到大型專案，如何讓程式碼變的好看簡潔一直是個很重要的課題。 除了 JavaScript 原生的 import export 語法，TypeScript 也提供了像是 namespace 等等的模組化語法，另外也可以在這個章節學習到如何將類型模組化，應用到自己的 TypeScript 專案裡！
專業師資多年前端開發經驗分享，TypeScript教學帶你掌握 TypeScript 開發訣竅
# 帶你輕鬆學習TypeScript課程，少踩開發痛點 !
