[前端自學轉職攻略] 19. 要學 TypeScript 嗎？
閱讀時間約 1 分鐘
Yes，但等上手前端框架後再學
從 2023 的 state-of-js 數據可知，TypeScript 的使用已經相當普及，在工作中用到機率相當高。
等 JavaScript 有一定基礎再學
JavaScript、前端框架（React, Vue, ...）、TypeScript，每一項都需要時間上手，如果同時學習，容易感到混亂而事倍功半。因此，建議按照以下順序逐次學習：
- JavaScript → React or Vue → TypeScript
讓 TypeScript 真正發揮作用
非必要時少用 any、as、ts-ignore 等語法，讓 TypeScript 的型別系統發揮效果，體會 TypeScript 所帶來的好處。
使用 TypeScript 時，除非是開發 library，否則型別定義通常不需要寫的太複雜。善用 TypeScript 提供的 Utility Types ，保持程式碼的簡潔和可讀性，降低 TypeScript 帶來的開發成本。
JavaScript 將支援靜態類型檢查？
有人可能知道已經有提案要將 type annotations 加入 JavaScript 中。姑且不論該提案實際落實還需要多久，即便在導入後，語法也會與 TypeScript 有相當程度的相容。因此，現階段 TypeScript 仍是相當值得學習的技能。
3會員
31內容數
零基礎到成功轉職，一路上會遇到哪些挑戰、應該如何解決？
- 猶豫階段：「這適合我嗎？薪水如何？...」
- 起步階段：「怎麼開始學？要不要做 side project？...」
- 成長階段：「如何優化開發效率？選擇框架？...」
- 面試階段：「怎麼準備技術和行為面試？...」
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
在先前的型別文章中，我們曾經聊過 JavaScript 常用的一些型別，但針對布林這個型別，我們沒有做太多的解釋，原因在於布林值在 JavaScript 會有一個特殊的規則：自動轉型 。
自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素，接著就來讓我們來聊聊什麼是自動轉型
我在準備進入切版的第一步通常會是設定好全域樣式，以及整理出有哪些共用樣式，也就是把設計稿上規範好的設計系統，例如顏色、間距、字體等等先寫好 CSS，而我自從會 SCSS 後就習慣用這個方式去寫 CSS，透過分成不同檔案、依序載入，日後在修改跟維護上會比較好管理跟減少時間。
柯文哲表示綠營為了選戰進行政治操作，民進黨的台北市議員更開始張冠李戴，指出柯為了還債，挪用教育基金及捷運重置基金，犧牲市民權。柯文哲指出這些皆為假消息，且詳細解釋、破除謠言，下面就讓我們一起來看看柯文哲的說法吧。
蔡英文自稱最有財政紀律的政府
蔡英文在2019年稱，在他執政下，台灣22年來第一次
玉溪有容，是博物館也是展演空間，自成一格，跟環境融合，像是無邊沼澤，生養獨立的姿態及美學。玉溪有容有兩個地點，一是91二為94，佇立於仰德大道二段路旁，隔路相望，宛如綠林聖地，沒得令牌閒人禁入。
從身邊最小的事物開始吧!
這是我學習完基礎JavaScript後第一個做成的Project，應該是每個前端都一定會做過的project，但對於自學的我非常有挑戰性，我需要訓練自己在短時間內熟悉JS event並且運用他做出我的第一個搭配大量JS程式碼的網頁作品。
教到了JS event，非常實用的一堂課程，開始進入監聽階段，可以跟使用者互動，也慢慢建立UX的概念，讓我可以開始自行設計動態網頁，並且優化了第二個靜態網頁，加入了滾動變化的效果。
Hoisting 可以說是 ES6 問世之後，去面試還是會爾偶被問到的面試考題，雖然 Hoisting 離 Modern JavaScript 的技術有點距離，實作上幾乎不太會用到，但透過了解 Hoisting 的概念，可以對這門語言有更深的了解與掌握度。
對於前端工程師來說github上的gh-page是一個很適合放置自己作品的地方
尤其適合想要練練手感的時候可以方便地展示成果的地方
在過去使用手動commit至gh-page的分支上，或是使用deploy.sh檔來部署，對於我這種懶人來說都是多一個步驟，時常會覺得麻煩
現在能夠透過github ac
初學程式的時候，可能會有幾個問題讓你的開發速度低落，腦袋動得很快，但是手卻跟不上想法。
舉例來說： 瀏覽器的DevTool一直報錯，畫面的邏輯出錯，或是畫面根本出不來，但你卻不知道問題出在哪。
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
在先前的型別文章中，我們曾經聊過 JavaScript 常用的一些型別，但針對布林這個型別，我們沒有做太多的解釋，原因在於布林值在 JavaScript 會有一個特殊的規則：自動轉型 。
自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素，接著就來讓我們來聊聊什麼是自動轉型
我在準備進入切版的第一步通常會是設定好全域樣式，以及整理出有哪些共用樣式，也就是把設計稿上規範好的設計系統，例如顏色、間距、字體等等先寫好 CSS，而我自從會 SCSS 後就習慣用這個方式去寫 CSS，透過分成不同檔案、依序載入，日後在修改跟維護上會比較好管理跟減少時間。
柯文哲表示綠營為了選戰進行政治操作，民進黨的台北市議員更開始張冠李戴，指出柯為了還債，挪用教育基金及捷運重置基金，犧牲市民權。柯文哲指出這些皆為假消息，且詳細解釋、破除謠言，下面就讓我們一起來看看柯文哲的說法吧。
蔡英文自稱最有財政紀律的政府
蔡英文在2019年稱，在他執政下，台灣22年來第一次
玉溪有容，是博物館也是展演空間，自成一格，跟環境融合，像是無邊沼澤，生養獨立的姿態及美學。玉溪有容有兩個地點，一是91二為94，佇立於仰德大道二段路旁，隔路相望，宛如綠林聖地，沒得令牌閒人禁入。
從身邊最小的事物開始吧!
這是我學習完基礎JavaScript後第一個做成的Project，應該是每個前端都一定會做過的project，但對於自學的我非常有挑戰性，我需要訓練自己在短時間內熟悉JS event並且運用他做出我的第一個搭配大量JS程式碼的網頁作品。
教到了JS event，非常實用的一堂課程，開始進入監聽階段，可以跟使用者互動，也慢慢建立UX的概念，讓我可以開始自行設計動態網頁，並且優化了第二個靜態網頁，加入了滾動變化的效果。
Hoisting 可以說是 ES6 問世之後，去面試還是會爾偶被問到的面試考題，雖然 Hoisting 離 Modern JavaScript 的技術有點距離，實作上幾乎不太會用到，但透過了解 Hoisting 的概念，可以對這門語言有更深的了解與掌握度。
對於前端工程師來說github上的gh-page是一個很適合放置自己作品的地方
尤其適合想要練練手感的時候可以方便地展示成果的地方
在過去使用手動commit至gh-page的分支上，或是使用deploy.sh檔來部署，對於我這種懶人來說都是多一個步驟，時常會覺得麻煩
現在能夠透過github ac
初學程式的時候，可能會有幾個問題讓你的開發速度低落，腦袋動得很快，但是手卻跟不上想法。
舉例來說： 瀏覽器的DevTool一直報錯，畫面的邏輯出錯，或是畫面根本出不來，但你卻不知道問題出在哪。