[前端自學轉職攻略] 12. 如何管理專案版本?

閱讀時間約 1 分鐘
學習 Git & GitHub ,並實際應用在 side project


為什麼需要版本管理?


版本管理工具不光在多人協作時非常重要,也能運用在個人專案中。使用 Git 後,無論是開發功能還是修復 bug,都可以毫無顧慮的修改程式碼,進行各種測試。只要定期提交 commit,無論怎麼修改代碼,都可以輕易的查看修改的內容,或回復到先前版本,大幅提高開發時的彈性。



Git


Git 是版本管理的主要工具,建議在 side project 中,練習幾個常見的 Git 操作:

  • 新增分支(branch)→ 開發功能 → merge 回主分支(main or master)
  • 若新完成的功能有問題,如何回復到前一個版本?
  • 若幾個月前開發的功能有問題,如何使用 Git 找出當時的修改紀錄?


解決合併衝突(merge conflict)也是常見的操作之一,不過在個人專案中比較難遇到。



GitHub


GitHub 是用於軟體開發和協作的雲端版本控制平台,實際工作中的主要工具之一。也有其他替代方案,如 GitLab、Bitbucket 等。

建議可以練習幾個 PR(pull request)相關操作:

  • 建立 PR
  • 確認修改的程式碼(PR review)
  • 合併(PR merge)


有人可能認為個人專案沒必要用 pull request,甚至直接在主分支上開發即可。但我建議至少在一個專案練習這樣的流程,原因是:

  • 未來工作中多半會用到
  • 即便是一人專案,最好也養成習慣,在建立 PR 後自己先 review 一次
  • PR 是很實用的文件。當程式有問題時,可以找出當初修改內容與原因(PR description)。當需要在其他專案實作類似功能時,也能作為參考範例。


有些面試官會參考求職者的 GitHub ,來評斷這個人的技術水平。因此充實自己的 GitHub 內容,也能對求職帶來幫助。



avatar-img
3會員
31內容數
零基礎到成功轉職,一路上會遇到哪些挑戰、應該如何解決? - 猶豫階段:「這適合我嗎?薪水如何?...」 - 起步階段:「怎麼開始學?要不要做 side project?...」 - 成長階段:「如何優化開發效率?選擇框架?...」 - 面試階段:「怎麼準備技術和行為面試?...」
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
前端轉職經驗談 的其他內容
【猶豫階段】 1. 轉職前端適合我嗎? 2. 轉職前端能拿到多少薪水? 3. 前端工程師實際的工作內容是什麼? 4. 從開始到轉職成功要多久? ...
先確認是否對程式開發有興趣,再接著學習進階技術。
安裝程式 → 下載範本 → 列出專案的功能清單 → 開始開發
【猶豫階段】 1. 轉職前端適合我嗎? 2. 轉職前端能拿到多少薪水? 3. 前端工程師實際的工作內容是什麼? 4. 從開始到轉職成功要多久? ...
先確認是否對程式開發有興趣,再接著學習進階技術。
安裝程式 → 下載範本 → 列出專案的功能清單 → 開始開發
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
在先前的型別文章中,我們曾經聊過 JavaScript 常用的一些型別,但針對布林這個型別,我們沒有做太多的解釋,原因在於布林值在 JavaScript 會有一個特殊的規則:自動轉型 。 自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素,接著就來讓我們來聊聊什麼是自動轉型
Thumbnail
我在準備進入切版的第一步通常會是設定好全域樣式,以及整理出有哪些共用樣式,也就是把設計稿上規範好的設計系統,例如顏色、間距、字體等等先寫好 CSS,而我自從會 SCSS 後就習慣用這個方式去寫 CSS,透過分成不同檔案、依序載入,日後在修改跟維護上會比較好管理跟減少時間。
Thumbnail
柯文哲表示綠營為了選戰進行政治操作,民進黨的台北市議員更開始張冠李戴,指出柯為了還債,挪用教育基金及捷運重置基金,犧牲市民權。柯文哲指出這些皆為假消息,且詳細解釋、破除謠言,下面就讓我們一起來看看柯文哲的說法吧。 蔡英文自稱最有財政紀律的政府 蔡英文在2019年稱,在他執政下,台灣22年來第一次
Thumbnail
玉溪有容,是博物館也是展演空間,自成一格,跟環境融合,像是無邊沼澤,生養獨立的姿態及美學。玉溪有容有兩個地點,一是91二為94,佇立於仰德大道二段路旁,隔路相望,宛如綠林聖地,沒得令牌閒人禁入。
Thumbnail
從身邊最小的事物開始吧! 這是我學習完基礎JavaScript後第一個做成的Project,應該是每個前端都一定會做過的project,但對於自學的我非常有挑戰性,我需要訓練自己在短時間內熟悉JS event並且運用他做出我的第一個搭配大量JS程式碼的網頁作品。
Thumbnail
教到了JS event,非常實用的一堂課程,開始進入監聽階段,可以跟使用者互動,也慢慢建立UX的概念,讓我可以開始自行設計動態網頁,並且優化了第二個靜態網頁,加入了滾動變化的效果。
Thumbnail
Hoisting 可以說是 ES6 問世之後,去面試還是會爾偶被問到的面試考題,雖然 Hoisting 離 Modern JavaScript 的技術有點距離,實作上幾乎不太會用到,但透過了解 Hoisting 的概念,可以對這門語言有更深的了解與掌握度。
Thumbnail
對於前端工程師來說github上的gh-page是一個很適合放置自己作品的地方 尤其適合想要練練手感的時候可以方便地展示成果的地方 在過去使用手動commit至gh-page的分支上,或是使用deploy.sh檔來部署,對於我這種懶人來說都是多一個步驟,時常會覺得麻煩 現在能夠透過github ac
Thumbnail
初學程式的時候,可能會有幾個問題讓你的開發速度低落,腦袋動得很快,但是手卻跟不上想法。 舉例來說: 瀏覽器的DevTool一直報錯,畫面的邏輯出錯,或是畫面根本出不來,但你卻不知道問題出在哪。
Thumbnail
台灣從西元2017年開始,規劃推動前瞻基礎建設,建設密集鐵道路網改善大眾運輸......
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
在先前的型別文章中,我們曾經聊過 JavaScript 常用的一些型別,但針對布林這個型別,我們沒有做太多的解釋,原因在於布林值在 JavaScript 會有一個特殊的規則:自動轉型 。 自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素,接著就來讓我們來聊聊什麼是自動轉型
Thumbnail
我在準備進入切版的第一步通常會是設定好全域樣式,以及整理出有哪些共用樣式,也就是把設計稿上規範好的設計系統,例如顏色、間距、字體等等先寫好 CSS,而我自從會 SCSS 後就習慣用這個方式去寫 CSS,透過分成不同檔案、依序載入,日後在修改跟維護上會比較好管理跟減少時間。
Thumbnail
柯文哲表示綠營為了選戰進行政治操作,民進黨的台北市議員更開始張冠李戴,指出柯為了還債,挪用教育基金及捷運重置基金,犧牲市民權。柯文哲指出這些皆為假消息,且詳細解釋、破除謠言,下面就讓我們一起來看看柯文哲的說法吧。 蔡英文自稱最有財政紀律的政府 蔡英文在2019年稱,在他執政下,台灣22年來第一次
Thumbnail
玉溪有容,是博物館也是展演空間,自成一格,跟環境融合,像是無邊沼澤,生養獨立的姿態及美學。玉溪有容有兩個地點,一是91二為94,佇立於仰德大道二段路旁,隔路相望,宛如綠林聖地,沒得令牌閒人禁入。
Thumbnail
從身邊最小的事物開始吧! 這是我學習完基礎JavaScript後第一個做成的Project,應該是每個前端都一定會做過的project,但對於自學的我非常有挑戰性,我需要訓練自己在短時間內熟悉JS event並且運用他做出我的第一個搭配大量JS程式碼的網頁作品。
Thumbnail
教到了JS event,非常實用的一堂課程,開始進入監聽階段,可以跟使用者互動,也慢慢建立UX的概念,讓我可以開始自行設計動態網頁,並且優化了第二個靜態網頁,加入了滾動變化的效果。
Thumbnail
Hoisting 可以說是 ES6 問世之後,去面試還是會爾偶被問到的面試考題,雖然 Hoisting 離 Modern JavaScript 的技術有點距離,實作上幾乎不太會用到,但透過了解 Hoisting 的概念,可以對這門語言有更深的了解與掌握度。
Thumbnail
對於前端工程師來說github上的gh-page是一個很適合放置自己作品的地方 尤其適合想要練練手感的時候可以方便地展示成果的地方 在過去使用手動commit至gh-page的分支上,或是使用deploy.sh檔來部署,對於我這種懶人來說都是多一個步驟,時常會覺得麻煩 現在能夠透過github ac
Thumbnail
初學程式的時候,可能會有幾個問題讓你的開發速度低落,腦袋動得很快,但是手卻跟不上想法。 舉例來說: 瀏覽器的DevTool一直報錯,畫面的邏輯出錯,或是畫面根本出不來,但你卻不知道問題出在哪。
Thumbnail
台灣從西元2017年開始,規劃推動前瞻基礎建設,建設密集鐵道路網改善大眾運輸......