[前端自學轉職攻略] 11. 完成第一個專案了，然後呢？
更新於 2024/09/06閱讀時間約 1 分鐘
先確認是否對程式開發有興趣，再接著學習進階技術。
想繼續學嗎？
在繼續下去之前，先問自己，寫程式有趣嗎？
每個人喜歡寫程式的理由不盡相同，如同先前文章所提，學習程式不是考大學，痛苦幾年考上後就結束了。要繼續學的話，最好能找到你想學的理由。
- 設計出好的解決方案時的成就感
- 找出錯誤根本原因並成功修復時的滿足感
- 成功實作出複雜功能的樂趣
- ...
怎麼繼續學？
把一知半解的部分逐一釐清
就以先前提供的範本為例：
- package.json、.gitignore、 node_modules 檔案夾...，為什麼需要這些檔案？
- npm run dev 是什麼意思？
- 為什麼要在 main.js 中 import CSS 檔案？
- ...
這些知識都需要慢慢補上，從知道怎麼做，提升到知道為什麼這樣做。
順藤摸瓜，慢慢拓展知識
前端開發有相當多知識可以學習。例如，當專案在特定瀏覽器上跑版時，可以只針對這個問題解決，也可以深入研究跨瀏覽器支援的相關知識，拓展技術深度。
持續寫 side project：優化架構、重構、開發新功能
建議繼續優化 side project，只要不斷嘗試開發不同功能，一定會慢慢進步。程式碼是否能執行，電腦會立即給出反饋，直到你找出解決方案。隨著長時間維護專案，你將會發現哪些功能難以修改或容易出錯，此時就能試著找出更好的解法，逐漸累積經驗與知識。
3會員
31內容數
零基礎到成功轉職，一路上會遇到哪些挑戰、應該如何解決？
- 猶豫階段：「這適合我嗎？薪水如何？...」
- 起步階段：「怎麼開始學？要不要做 side project？...」
- 成長階段：「如何優化開發效率？選擇框架？...」
- 面試階段：「怎麼準備技術和行為面試？...」
留言0
查看全部
你可能也想看
Google News 追蹤
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
在先前的型別文章中，我們曾經聊過 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一直報錯，畫面的邏輯出錯，或是畫面根本出不來，但你卻不知道問題出在哪。
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
在先前的型別文章中，我們曾經聊過 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一直報錯，畫面的邏輯出錯，或是畫面根本出不來，但你卻不知道問題出在哪。