[前端自學轉職攻略] 30. 就職後怎麼持續進步？
更新於 2024/09/06閱讀時間約 2 分鐘
避免養成一知半解的壞習慣
就職後，會發現有非常多知識需要逐一補上。在找答案的過程中，有人選擇做到 60 分，程式能跑能交差就好。也有人選擇真正搞懂背後邏輯，理解自己寫出來的每一行代碼。
“先求有再求好” 並不是做到 60 分就好
不論是學習或是開發產品，很多時候無法一次到位，只能先求有再求好。這樣的做法並沒有錯，但切記不要因此養成半吊子的習慣。程式不是會動就好，bug 也不是解了就算了。真正理解程式的運作邏輯，才能確保在各種情況下都能正常運作。知道 bug 發生的根本原因，才知道未來要如何避免類似問題再次發生。
目前維護的專案有多了解？
- package.json 中的 scripts ，都知道用處嗎？
- dependencies/devDependencies 中的套件，都知道作用與使用方法嗎？
- 部署方式，CI/CD pipeline
- …
好的學習環境很重要
最好在團隊中有其他資深前端能夠學習，如果有 code review 機制更理想。由於轉職的第一份工作比較難找，好的學習環境可遇不可求。但未來換工作時，建議要優先考慮這點。
持續寫 side project
最好能找到感興趣的題目，持續寫 side project。除了能在個人的專案中嘗試不同的新技術。且從想做功能出發，比較不會不知道該學什麼好。
此外，side project 要一個人全包整個產品開發的所有工作，可以學習從不同角度思考問題（PM, 設計, 行銷, 測試…），增進實際工作中與其他部門的溝通效率。
掌握前端的變化
建議至少每年看這三份報告，了解有哪些新的語法與熱門套件，並從中找幾個感興趣的主題研究：
找出自己喜歡的學習方式
學習的方式很多，不用在意哪種方法學得快、哪種學得扎實，因為能長期堅持下去才是最重要的。
- 喜歡有人一起討論，可以組讀書會
- 喜歡分享學到的知識，可以上網寫文章
- 喜歡跟其他人合作，可以加入開源專案
- …
找出有動力持續做下去的方式，就是最適合你的學習方法。
定期回顧
每個人都會有倦怠的時候，偶而放鬆一下並沒有問題，但要避免慢慢養成了習慣而停止學習。
建議每週回顧自己學了什麼、做了哪些新功能。如果不想給自己太大壓力，也可以每個月或每季回顧一次（不建議再更久）。當發現自己連續幾週(月)都沒有進度，就是時候督促自己努力一下了。
在做回顧時，KPT是一個簡單好用的方法。
- Keep（保持）：在上個週期中，哪些做法是有效的應繼續保留。
- Problem（問題）：出現了哪些困難、挑戰或不理想的情況。
- Try（嘗試）：有哪些方法可以在未來進行嘗試，來改善所遇到的問題。
3會員
31內容數
零基礎到成功轉職，一路上會遇到哪些挑戰、應該如何解決？
- 猶豫階段：「這適合我嗎？薪水如何？...」
- 起步階段：「怎麼開始學？要不要做 side project？...」
- 成長階段：「如何優化開發效率？選擇框架？...」
- 面試階段：「怎麼準備技術和行為面試？...」
留言0
查看全部
你可能也想看
Google News 追蹤
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
在先前的型別文章中，我們曾經聊過 JavaScript 常用的一些型別，但針對布林這個型別，我們沒有做太多的解釋，原因在於布林值在 JavaScript 會有一個特殊的規則：自動轉型 。
自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素，接著就來讓我們來聊聊什麼是自動轉型
CSS 可以用來創建各種風格的 logo。以下是一個簡單的例子，展示如何使用 CSS 創建一個帶有文字的圓形 logo：
HTML：
<div class="logo">
<span>MyLogo</span>
</div>
CSS：
/* Logo 樣式 */
.logo {
我在準備進入切版的第一步通常會是設定好全域樣式，以及整理出有哪些共用樣式，也就是把設計稿上規範好的設計系統，例如顏色、間距、字體等等先寫好 CSS，而我自從會 SCSS 後就習慣用這個方式去寫 CSS，透過分成不同檔案、依序載入，日後在修改跟維護上會比較好管理跟減少時間。
Functional Programming 中文譯作函式程式設計，或是功能性程式設計，常簡稱為：FP，是一種透過使用純函式（Pure Funciton）進行軟體開發，且避免副作用的程式設計典範，比起宣告式的流程控制，在 FP 採用主要以表達式的方式撰寫程式碼。
Hoisting 可以說是 ES6 問世之後，去面試還是會爾偶被問到的面試考題，雖然 Hoisting 離 Modern JavaScript 的技術有點距離，實作上幾乎不太會用到，但透過了解 Hoisting 的概念，可以對這門語言有更深的了解與掌握度。
對於前端工程師來說github上的gh-page是一個很適合放置自己作品的地方
尤其適合想要練練手感的時候可以方便地展示成果的地方
在過去使用手動commit至gh-page的分支上，或是使用deploy.sh檔來部署，對於我這種懶人來說都是多一個步驟，時常會覺得麻煩
現在能夠透過github ac
這一次再分享心得，主要是要跟大家聊聊，在結束 JavaScript 直播班後，我發現自己的切版技能跟不上實作功能的開發速度，於是又再投入了同樣是六角學院開的切版直播班之學習心得。
初學程式的時候，可能會有幾個問題讓你的開發速度低落，腦袋動得很快，但是手卻跟不上想法。
舉例來說： 瀏覽器的DevTool一直報錯，畫面的邏輯出錯，或是畫面根本出不來，但你卻不知道問題出在哪。
前陣子有讀者來信詢問我：「嗨！Vivian，我想要請問妳都是在哪裡學程式的呢？是實體課程嗎？」
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
在先前的型別文章中，我們曾經聊過 JavaScript 常用的一些型別，但針對布林這個型別，我們沒有做太多的解釋，原因在於布林值在 JavaScript 會有一個特殊的規則：自動轉型 。
自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素，接著就來讓我們來聊聊什麼是自動轉型
CSS 可以用來創建各種風格的 logo。以下是一個簡單的例子，展示如何使用 CSS 創建一個帶有文字的圓形 logo：
HTML：
<div class="logo">
<span>MyLogo</span>
</div>
CSS：
/* Logo 樣式 */
.logo {
我在準備進入切版的第一步通常會是設定好全域樣式，以及整理出有哪些共用樣式，也就是把設計稿上規範好的設計系統，例如顏色、間距、字體等等先寫好 CSS，而我自從會 SCSS 後就習慣用這個方式去寫 CSS，透過分成不同檔案、依序載入，日後在修改跟維護上會比較好管理跟減少時間。
Functional Programming 中文譯作函式程式設計，或是功能性程式設計，常簡稱為：FP，是一種透過使用純函式（Pure Funciton）進行軟體開發，且避免副作用的程式設計典範，比起宣告式的流程控制，在 FP 採用主要以表達式的方式撰寫程式碼。
Hoisting 可以說是 ES6 問世之後，去面試還是會爾偶被問到的面試考題，雖然 Hoisting 離 Modern JavaScript 的技術有點距離，實作上幾乎不太會用到，但透過了解 Hoisting 的概念，可以對這門語言有更深的了解與掌握度。
對於前端工程師來說github上的gh-page是一個很適合放置自己作品的地方
尤其適合想要練練手感的時候可以方便地展示成果的地方
在過去使用手動commit至gh-page的分支上，或是使用deploy.sh檔來部署，對於我這種懶人來說都是多一個步驟，時常會覺得麻煩
現在能夠透過github ac
這一次再分享心得，主要是要跟大家聊聊，在結束 JavaScript 直播班後，我發現自己的切版技能跟不上實作功能的開發速度，於是又再投入了同樣是六角學院開的切版直播班之學習心得。
初學程式的時候，可能會有幾個問題讓你的開發速度低落，腦袋動得很快，但是手卻跟不上想法。
舉例來說： 瀏覽器的DevTool一直報錯，畫面的邏輯出錯，或是畫面根本出不來，但你卻不知道問題出在哪。
前陣子有讀者來信詢問我：「嗨！Vivian，我想要請問妳都是在哪裡學程式的呢？是實體課程嗎？」