極客時間出品的《TypeScript開發實戰》由樑宵所作,樑宵是搜狗營銷事業部高階架構師。本專欄系統掌握TypeScript核心技術。
訂閱價格:
用我的邀請購買,還會額外返現12元。購買連結:https://time.geekbang.org/column/intro/211?code=CiCfxJXLKPPb-fxwE46KWDkq0CrvTr4msbuV7NyG9Fk%3D也可以掃描頁面 下方圖中的二維碼購買。
購買的朋友請加我微訊號 dismissmewp ,備註:返現。
1296 人已學習 · 約450分鐘,
原價¥129,限時¥99 本課程為視訊+圖文。可在極客時間APP/小程式/網站上永久觀看。
TypeScript開發實戰課程背景
JavaScript 是一門動態弱型別語言,對變數的型別非常寬容,而且不會在這些變數和它們的呼叫者之間建立結構化的契約。
如果你長期在沒有型別約束的環境下開發,就會造成“型別思維”的缺失,養成不良的程式設計習慣。
TypeScript 的出現很好地解決了這個問題,它為JavaScript提供了良好的型別檢查支援,而且能夠編譯成標準的 JavaScript。
目前, Angular 已經使用 TypeScript 重構了程式碼,另一大前端框架 Vue 的新版本也將使用 TypeScript 進行重構。在可預見的未來,TypeScript 將成為前端開發者必須掌握的開發語言之一。
這門課程將從 TypeScript 的基礎語法開始講起,為你詳細解讀 TypeScript 的每個特性以及它與 JavaScript 的區別,並通過工程篇和實戰篇的講解,讓你能夠熟練使用 TypeScript 進行實戰專案的開發。
內容設計思路
這門課程分為三大模組:
模組一,基礎篇:我會為你詳細解讀 TypeScript 的每個特性,它能解決什麼問題?與 JavaScript 的區別在哪裡?一步一步帶你重塑“型別思維”。
模組二,工程篇:學習了語法仍然做不好專案嗎?這是因為 TypeScript 理論和實際開發之間仍然存在不小的鴻溝,讓很多初學者望而生畏。別擔心,在這一部分我將為你趟平它。
模組三,實戰篇: 我將手把手帶你開發四個典型的應用案例,加深你對相關概念的理解。
適合人群
本課程適於具備一定 ECMAScript 6 基礎的終端開發者以及對 TypeScript 感興趣的同學,你將全面瞭解 TypeScript 的核心知識與應用場景。
課程目標
學完這門課程後,我希望能在你的腦中播下“型別思維”的種子。因為思維方式決定了程式設計習慣,程式設計習慣奠定了工程質量,工程質量劃定了能力邊界。面對越來越複雜的前端應用,TypeScript 所提供的思維方法,能夠讓你在未來的開發中長期受益。因此,這門課程的重點不僅在於講解 TypeScript 的知識點和實戰應用,更在於訓練你的思維。
如果你曾飽受動態型別帶來的困擾,並願意為此做出一些改變,那麼現在就加入這門 TypeScript 實戰課程吧。
TypeScript開發實戰講師簡介
樑宵,搜狗營銷事業部高階架構師,負責廣告和運營平臺業務,主導 UI 框架及視覺化工具的研發,同時擁有豐富的企業級中後臺開發經驗。
畢業於吉林大學電腦科學與技術專業,從事前端開發 10 餘年,曾任職於百度,並譯有《hapi.js 實戰》、《JavaScript ES6 函數語言程式設計入門經典》等技術書籍。
課程收穫
- 深入理解 TypeScript 核心概念;
- 熟練進行 TypeScript 工程配置;
- 玩轉四種典型前端應用的開發;
- 重塑“型別思維”,提升程式設計素養。
《Typescript開發實戰》課程目錄
基礎篇
重塑“型別思維”
型別基礎(1):強型別與弱型別
型別基礎(2):靜態型別與動態型別
編寫你的第一個Typescript程式
基本型別
列舉型別
介面(1):物件型別介面
介面(2):函式型別介面
函式相關知識點梳理
類(1):繼承與成員修飾符
類(2):抽象類與多型
類與介面的關係
泛型(1):泛型函式與泛型介面
泛型(2):泛型類與泛型約束
型別檢查機制(1)型別推斷
型別檢查機制(2):型別相容性
型別檢查機制(3):型別保護
高階型別(1):交叉型別與聯合型別
高階型別(2):索引型別
高階型別(3):對映型別
高階型別(4):條件型別
工程篇
ES6與CommonJS的模組系統
使用名稱空間
理解宣告合併
如何編寫宣告檔案
配置 tsconfig.json (1):檔案選項
配置tsconfig.json(2):編譯選項
配置tsconfig.json(3):工程引用
編譯工具:從ts-loader到Babel
程式碼檢查工具:從TSLint到ESLint
使用Jest進行單元測試
實戰篇
Typescript + React實戰:表單查詢
建立專案
元件與型別(1):函式元件與類元件
元件與型別(2):高階元件與Hooks
事件處理與資料請求
列表渲染與路由
Redux與型別
Typescript + Node.js實戰:資料庫操作與檔案下載
搭建服務端開發環境
列表的CRUD
匯出 Excel
Typescript + Vue實戰:元件開發
搭建Vue開發環境
元件封裝
元件釋出
漸進式遷移策略:從JavaScript到Typescript
共存策略
寬鬆策略
嚴格策略
我的公眾號:猿人學 Python 上會分享更多心得體會,敬請關注。
***版權申明:若沒有特殊說明,文章皆是猿人學 yuanrenxue.com 原創,沒有猿人學授權,請勿以任何形式轉載。***