雖然這篇typescript好處鄉民發文沒有被收入到精華區：在typescript好處這個話題中，我們另外找到其它相關的精選爆讚文章
在 typescript好處產品中有3篇Facebook貼文，粉絲數超過5萬的網紅軟體開發學習資訊分享，也在其Facebook貼文中提到， Slack Desktop 是使用 Electron 開發的 ，但是隨著 codebase 越來越大，Slack 桌面 App 團隊開始將原有的 javascript 轉移到 TypeScript ，這篇文章分享了他們的轉移經驗，還有獲得了哪些好處，在文章看到幾個重點 1. TypeScrip...
同時也有10000部Youtube影片，追蹤數超過2,910的網紅コバにゃんチャンネル，也在其Youtube影片中提到，...
-
typescript好處 在 コバにゃんチャンネル Youtube 的最佳解答
2021-10-01 13:19:08![post-title]()
-
typescript好處 在 大象中醫 Youtube 的精選貼文
2021-10-01 13:10:45![post-title]()
-
typescript好處 在 大象中醫 Youtube 的精選貼文
2021-10-01 13:09:56![post-title]()
typescript好處 在 軟體開發學習資訊分享 Facebook 的最佳解答
Slack Desktop 是使用 Electron 開發的 ，但是隨著 codebase 越來越大，Slack 桌面 App 團隊開始將原有的 javascript 轉移到 TypeScript ，這篇文章分享了他們的轉移經驗，還有獲得了哪些好處，在文章看到幾個重點
1. TypeScript 是有型別的，在安裝了編輯器 plugin 支援下可以動態檢查是否會呼叫到不存在的屬性或是 function
2. TypeScript 可以與 javascript 共存, 所以要從 javascript 轉移到 TypeScript 可以採用漸進式移轉, 而不是將 javascript 完全打掉重練
3. 在將 Javascript 移轉到 TypeScript 過程中，開發者使用 type checker 找到許多 bugs
4. 在 pre-commit hook 使用 TSLint 檢查修改的 code 是否有符合 linting rules
5. 第三方程式庫也必須是 TypeScript 相容，如果有些程式庫沒有型別定義, 這篇文章提到一個 DefinitelyTyped 專案可以找到 The repository for high quality TypeScript type definitions. 可以使用 npm install @types/react 安裝
▶對於 Typescript 有興趣可以參考這門熱門課程 Understanding TypeScript https://goo.gl/Q8GfI2
https://slack.engineering/typescript-at-slack-a81307fa288d
typescript好處 在 愛流浪的小風 Facebook 的最佳貼文
感謝大家過去一年的支持，
在新的一年將到來的時候，有一些新的想法與嘗試。
以往大家比較習慣參與的是實體課程，
實體課程的好處是可以透過面對面的教學，
讓學生完整的吸收，並當場回覆學生的問題。
但除此之外，我還希望在實體課程之外能夠進行更多課程的延伸，
讓上完課學完心法之後，透過線上課程學習可以實戰的招式，
也因此在未來一年中我會嘗試推廣一些線上課程，
課程內容並不會與實體課程有任何衝突，而是更多的相輔相成，
讓大家隨時隨地想要學習時，都可以透過線上的方式進行，
增加自我進修的機會。
這是一個全新的嘗試，
歡迎大家不管是對於課程或是其他內容，
都可以提供意見或反饋，
如果有特別希望上的課程內容也可以跟我說喔！
目前開放的第一門課程為 TypeScript 新手入門，
正式內容預計一月底開放，在 1/8 前特價 $5 USD喔！
typescript好處 在 紀老師程式教學網 Facebook 的最佳貼文
HTML/CSS/JavaScript 開發工具總整理
這篇幫您整理出實作 HTML/CSS/JavaScript 時，一些比較酷的工具、函式庫。非常有用！很推薦大家看！我簡單翻譯一下大綱，不過我會推薦以：
(1) 編輯器：教您用那個工具來撰寫 HTML/CSS/JavaScript 會比較好。
(4) 函式庫：補充 JavaScript 原來不足之處。如同加上「金剛飛翼（函式庫）」後的「鐵金剛（JavaScript）」就突然能飛是一樣的。
(3) 前處理器：把常用、好用、可能高達數百行的 CSS/JavaScript 程式碼，濃縮成一個名字，讓您使用後，彈指之間有如寫出數百行 CSS/JavaScript 般。
(2) 框架：原始碼外觀可能完全不像 JavaScript，但寫完後，會由框架轉換成 JavaScript 去執行。讓您不但「寫得少」，還有「功能多」的好處。有點像「前處理器」+「函式庫」的綜合體。
(5) 工具：一些測試、編譯、模板等工具，可以讓你的程式設計工作，更加自動化、更輕鬆。
這樣的順序來研讀。不過我底下的翻譯為了配合原文，無法調整成我認為理想的順序，請大家見諒囉！
原文連結：
https://tutsplus.com/tutorial/essentials-tools-for-a-modern-front-end-development-workflow/
---------
(1) 編輯器（寫碼之用）：
- 「Sublime Text 3」：
這個我們介紹過好幾次了！個人非常推薦！Sublime Text 3 是要錢的，不過它的前一版 Sublime Text 2，則可以「試用」到天荒地老，不另收費！
- 「Light Table」：
它的好處就是一邊編輯，可以一邊看到結果。不必等到用瀏覽器秀出來才知道對錯。不過這個特性個人沒有覺得有多好，我自己不太推。
- 「WebStorm」：
一個將「寫碼、偵錯、看結果」全部整合在一個視窗的工具。是很不錯！但如果您不喜歡掏錢買軟體，這個可能不是你要的。
- 「Vim」：
已經五十歲的一個老牌編輯器！免費、不太好學、但學會後您不會想換其它編輯器。這有點像開慣手排車的人，要他回來開自排車，簡直要了他的命一樣。
- 「Brackets」
也是整合「寫碼、偵錯、看結果」於一身的工具。Adobe 研發、免費。不過整合得沒有 WebStorm 好，很多功能 Sublime Text 2/3 也做得到。所以個人還是認為學 Sublime Text 比較划算。
(2) JavaScript 程式框架（Frameworks）：
所謂「框架」，就是把本來要自己寫兩三百行程式碼才能實現的功能，讓您在彈指之間就寫出來的工具。如果您的程式碼用了「框架」，外觀上有可能看起來一點都不像 JavaScript 原始碼！不過它在底層「展開」後，仍然是 JavaScript 原始碼無誤！只不過你要寫的是那一兩行「未展開」的框架原始碼，而非「展開後」那兩三百行 JavaScript 原始碼就是了。
用框架來寫程式，就像你包餃子是買做好的「餃子皮（框架）」來包，而非買「麵粉（JavaScript）」從頭做起。時間上省了很多！
比較著名的 JavaScript 框架有（可以混用）：
- Backbone：jQuery （一種函式庫，後述）最流行的框架。
- Ember.js：提供一堆很美麗的 Cocoa UI（一種用 JavaScript 寫成的人機界面），還讓你用少少幾行完成。
- AngularJS：Google 提供！主要用來擴充 HTML 的功能之用。著重在功能面上的一個框架。
- Knockout.js：它著重在「資料綁定」。這是 Backbone 比較弱的一環。Backbone 做資料綁定可能要好幾百行，Knockout.js 大概只要十幾行就完成了。
- Meteor：架構在 Node.js（一種跑在伺服器上的 JavaScript，地位等同 PHP）的框架，目的是希望讓 Node.js 的程式師能少寫幾行程式碼。
- Mocha：一種針對「JavaScript」做「單元測試」的框架。類似 Java 裡的 JUnit。競爭對手包括「Jasmine」與「QUnit」。
(3) 前處理器（Preprocessors）:
所謂「前處理器」，就是把一些常用、複雜的 CSS/JavaScript 寫法，賦予它一個簡短名字。然後只要你在 CSS/JavaScript 原始碼內 寫上這個名字，這些前處理器，就會把它展開，還原成原來 CSS/JavaScript 的樣子。這會讓你大大縮短開發時間！著名的前處理器排列如下（大部份人會慣用其中之一即可，雖然也可以混用）：
以下是 CSS 的三大前處理器：
- Sass
- LESS
- Stylus
以下是 JavaScript 的兩大前處理器：
- CoffeeScript
- TypeScript
以下是全方位的前處理器：
- CodeKit
- LiveReload
(4) 函式庫（Libraries）：
所謂函式庫，就是人家幫你寫好的 JavaScript 副程式。想用時，直接拿來呼叫即可。正如「鐵金剛（JavaScript）」本來不會飛，加上「金剛飛翼（函式庫）」後，就有飛的功能了。著名的函式庫如下所示：
- jQuery：它是用來操縱整個 HTML 節點（或稱 DOM 結構）最棒的函式庫！講到操作 DOM，除了 jQuery 外不作第二人想！
- Underscore：它是用來補足 JavaScript 沒提供「顯而易見」函數而被發明出來的。如 find(), shuffle()...等。它與 Backbone 框架緊密結合。用了 Backbone 的人很少沒聽過 Underscore 的大名的。
- D3：它的拿手好戲就是顯示統計圖表！如果你想用 JavaScript 顯示各類統計圖表，D3 絕對不可錯過！
(5) 工具（Tools & Utilities）
- RequireJS：一個 JavaScript 檔案/模組載入器。允許你把 JavaScript 寫成小小模組，然後像樂高積木一樣載入使用。不好學，但學會後很值得。
- Testem：JavaScript 的測試用工具。
- Grunt：一個可以將 JavaScript 的編譯、載入、測試、執行工作，自動化的命令列工具。類似 C 語言世界裡的 make。
- Normalize：可以將你的程式碼，改到連用 IE 低版本瀏覽器來看，效果都跟 Chrome 或 Firefox 一樣的工具。
- HTML5 Boilerplate：它裡面包含了上百個「模板」，可以讓你「拷貝與貼上」，就能擁有強大的網頁功能，不必寫大量程式碼。
- Twitter Bootstrap：由 Twitter 工程師貢獻的大量模板，也是可以讓你「拷貝與貼上」使用它們。
- Foundation 4：與 Bootstrap 是競爭對手、也有大量模板供你拷貝與貼上使用之。
https://tutsplus.com/tutorial/essentials-tools-for-a-modern-front-end-development-workflow/
---
原文已經率先刊登於 G+ 私密社團「紀老師網頁程式設計」。對 HTML/CSS/JavaScript 感興趣的朋友，可以申請加入：
https://plus.google.com/communities/100793154849235819235
（申請制，審核時間 24 小時內）