建站
咨詢
售后
建站咨詢
新聞中心
本文轉(zhuǎn)載自微信公眾號「前端GitHub」，作者全棧修煉。轉(zhuǎn)載本文請聯(lián)系前端GitHub公眾號。
前言
貓哥是一個常年混跡在 GitHub 上的貓星人，所以發(fā)現(xiàn)了不少好的前端開源項目、常用技巧，在此分享給大家。
平時如何發(fā)現(xiàn)好的開源項目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項目
今天給大家推薦的是學(xué)習(xí) TypeScript 的優(yōu)質(zhì)項目。
TypeScript
TypeScript 是適用于任何規(guī)模應(yīng)用的 JavaScript。
TypeScript 擴展了 JavaScript ，為它添加了類型支持。
TypeScript 可以在您運行代碼之前找到錯誤并提供修復(fù)，從而改善您的開發(fā)體驗。
任何瀏覽器，任何操作系統(tǒng)，任何運行 JavaScript 的地方，完全開源。
| 網(wǎng)站 | 說明 |
|---|---|
| TypeScript | TypeScript 官網(wǎng)，TS 擴展了 JavaScript ，為它添加了類型支持 |
| typescript-tutorial | TypeScript 入門教程，循序漸進的理解 TypeScript |
| TypeScript | TypeScript 使用手冊 |
| typescript-book-chinese | 深入理解 TypeScript |
| clean-code-typescript | 適用于TypeScript的簡潔代碼概念 |
| TypeScript入門 | TypeScript 入門的視頻教程 |
| typescript-tutorial | TypeScript 速成教程（2小時速成） |
1. TypeScript
學(xué)習(xí)一門技術(shù)，最好的方式肯定是看官網(wǎng)的教程啦!
官網(wǎng)上有什么是 TypeScript，為什么要用 TypeScript ，和 api 相關(guān)的文檔，而且還是一手的學(xué)習(xí)資料，無疑是最好的學(xué)習(xí)資料了。
而且還可以通過社區(qū)了解最新的進展。
https://github.com/microsoft/TypeScript
2. typescript-tutorial
從 JavaScript 程序員的角度總結(jié)思考，循序漸進的理解 TypeScript。
與官方手冊不同，本書著重于從 JavaScript 程序員的角度總結(jié)思考，循序漸進的理解 TypeScript，希望能給大家一些幫助和啟示。
適合人群
本書適合以下人群
- 熟悉 JavaScript，至少閱讀過一遍《JavaScript 高級程序設(shè)計》
- 了解 ES6，推薦閱讀 ECMAScript 6 入門
- 了解 Node.js，會用 npm 安裝及使用一些工具
- 想了解 TypeScript 或者想對 TypeScript 有更深的理解
本書不適合以下人群
- 沒有系統(tǒng)學(xué)習(xí)過 JavaScript
- 已經(jīng)能夠很熟練的運用 TypeScript
https://github.com/xcatliu/typescript-tutorial
3. TypeScript
TypeScript 中文使用手冊。
這個好像是 TypeScript 官網(wǎng)的中文翻譯原文，貓哥不是很確定，不過是個學(xué)習(xí) TS 的好倉庫。
- ? TypeScript 語言用于大規(guī)模應(yīng)用的 JavaScript 開發(fā)。
- ? TypeScript 支持類型，是 JavaScript 的超集且可以編譯成純 JavaScript 代碼。
- ? TypeScript 兼容所有瀏覽器，所有宿主環(huán)境，所有操作系統(tǒng)。
- ? TypeScript 是開源的。
https://github.com/zhongsp/TypeScript
4. typescript-book-chinese
TypeScript Deep Dive 中文版，深入理解 TypeScript。
《TypeScript Deep Dive》 是一本很好的開源書，從基礎(chǔ)到深入，很全面的闡述了 TypeScript 的各種魔法，不管你是新手，還是老鳥，它都將適應(yīng)你。
此外，它不同于 TypeScript 官方給出的文檔(當(dāng)然 TypeScript 給出的文檔是很好的)，在此書中，結(jié)合實際應(yīng)用下的場景用例，你將能更深入的理解 TypeScript。
https://github.com/jkchao/typescript-book-chinese
5. clean-code-typescript
將 Clean Code 的概念適用到 TypeScript，靈感來自 clean-code-javascript。
將源自 Robert C. Martin 的 Clean Code 的軟件工程原則適配到 TypeScript 。這不是一個代碼風(fēng)格指南， 它是一個使用 TypeScript 來生產(chǎn) 可讀的， 可重用的， 以及可重構(gòu)的軟件的指南。
這里的每一項原則都不是必須遵守的， 甚至只有更少的能夠被廣泛認(rèn)可。這些僅僅是指南而已， 但是卻是 Clean Code 作者多年經(jīng)驗的結(jié)晶。
我們的軟件工程行業(yè)只有短短的 50 年， 依然有很多要我們?nèi)W(xué)習(xí)。當(dāng)軟件架構(gòu)與建筑架構(gòu)一樣古老時， 也許我們將會有硬性的規(guī)則去遵守。而現(xiàn)在， 讓這些指南做為你和你的團隊生產(chǎn)的 TypeScript 代碼的 質(zhì)量的標(biāo)準(zhǔn)。
比如：使用有意義的變量名
做有意義的區(qū)分，讓讀者更容易理解變量的含義。
反例:
- function between
(a1: T, a2: T, a3: T) { - return a2 <= a1 && a1 <= a3;
- }
正例:
- function between
(value: T, left: T, right: T) { - return left <= value && value <= right;
- }
提醒一下，該倉庫末尾有中文翻譯版。
https://github.com/labs42io/clean-code-typescript
6. TypeScript入門
這個是個視頻課程，介紹了 TypeScript 的基本概念、常用語法和高級特性。
http://www.imooc.com/learn/763
7. typescript-tutorial
這個倉庫的教程以快速工程實踐為目標(biāo)，旨在讓讀者速成，能夠迅速的 GET 到語言的核心知識點，并付諸實踐!
語言始終是一種改進生產(chǎn)力的工具，陌生使用者最迫切的需求應(yīng)該是快速掌握工具的使用，而不是在連工具都沒學(xué)會使用的時候，就先沉迷于細(xì)枝末葉，奇技淫巧。
真正的熟練：應(yīng)該是在實踐中大量使用、在實踐中踩坑、以及在實踐中理解的過程中自然形成的。
這個教程真的非常簡結(jié)，只講經(jīng)常使用的知識點，可以說是 2 小時速成 。
https://github.com/joye61/typescript-tutorial
最后
關(guān)于貓哥，大家可以看看 我的 2020 年終總結(jié)，看看貓哥的臉都被打歪的 。
不知不覺，已經(jīng)寫到第 15 期了呢，已經(jīng)分享超過 100 個好的前端項目了呢，往期精文請看下方寶藏倉庫，點擊很危險，請慎入!
新聞名稱：推薦7個學(xué)習(xí)TypeScript的寶庫，2021是時候給自己加薪了！
分享鏈接：http://m.fisionsoft.com.cn/article/dhcspoj.html
