免費學 coding！踏入工程師倒數，從 freeCodeCamp 開始！

想轉行當工程師？從 freeCodeCamp 開始，零成本打造你的程式技能！(2024 最新台灣入門指南)

想學寫程式，卻不知道從何開始？ 總是覺得課程很貴、內容太難？ 別擔心，今天就來介紹一個完全免費、內容紮實的線上學習平台： freeCodeCamp (fCC)。 這篇文將會帶領你從零開始認識 freeCodeCamp，讓你了解它如何幫助你一步步成為一位合格的軟體工程師。

為什麼要選擇 freeCodeCamp？

在眾多的線上學習資源中，freeCodeCamp 有它獨特的優勢，特別適合台灣的初學者：

• 完全免費！ 這絕對是最大的優點。不用花大錢，就能接觸到高品質的程式課程。
• 紮實的 Full-Stack 課程： 從前端到後端，從網頁設計到機器學習，課程涵蓋範圍廣泛，讓你一次到位學習完整技能。
• 實作導向的學習方式： 強調邊做邊學，透過大量的互動式練習和專案實作，讓你真正掌握程式技能，而不只是紙上談兵。
• 友善的社群： 擁有龐大的全球社群，遇到問題可以隨時在論壇、Discord 尋求幫助，學習路上不孤單。
• 證照認證： 完成課程後，可以獲得 freeCodeCamp 的認證，增加你在求職市場上的競爭力。

freeCodeCamp 到底是什麼？

簡單來說，freeCodeCamp 是一個由捐款支持的非營利組織，目標是幫助更多人免費學習程式設計。 他們提供了一套完整的學習路徑，包含各種程式語言、框架和工具的課程。 不只如此，freeCodeCamp 也是一個開源專案，這代表你可以參與程式碼的貢獻，一起讓這個平台變得更好！

• 網址： https://www.freecodecamp.org/
• 捐款網址： https://www.freecodecamp.org/donate

如何開始使用 freeCodeCamp？給台灣初學者的入門指南

1. 註冊帳號： 首先，到 freeCodeCamp 官網 (https://www.freecodecamp.org/) 點擊 “Sign In”，可以用 Email、Google、GitHub 等方式註冊。
2. 選擇你的學習路徑： 登入後，你會看到許多證照課程。 對於初學者，我推薦從以下幾個開始：
   • Responsive Web Design (響應式網頁設計)： 學習 HTML、CSS，打造美觀且能在各種裝置上正常顯示的網頁。 (網址：https://www.freecodecamp.org/learn/2022/responsive-web-design/)
   • JavaScript Algorithms and Data Structures (JavaScript 演算法與資料結構)： 學習 JavaScript 基礎，以及程式設計中重要的演算法和資料結構概念。 (網址：https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures-v8/)
   • Front End Libraries (前端函式庫)： 學習 Bootstrap、React、Redux 等流行的前端框架，加速網頁開發效率。(網址：https://www.freecodecamp.org/learn/front-end-development-libraries/)
3. 跟著課程進度學習： 每個證照課程都包含許多小的挑戰 (Challenges)，一步一步引導你學習新的概念。
4. 積極參與社群： 遇到問題時，可以到 freeCodeCamp 的論壇 (https://forum.freecodecamp.org) 或 Discord 伺服器 (https://discord.gg/PRyKn3Vbay) 發問，尋求幫助。 台灣也有不少學習者，可以嘗試用中文發問，會有熱心的人協助解答。
5. 完成專案： 每個證照課程都要求你完成 5 個專案，這是驗證你學習成果的最佳方式。 不要害怕挑戰，勇敢地將所學應用到實際專案中。

freeCodeCamp 的課程內容有哪些？

freeCodeCamp 提供了非常豐富的課程內容，涵蓋了前端、後端、資料科學等領域。 以下列出幾個主要的證照課程：

1. Responsive Web Design Certification (響應式網頁設計認證)
   • 核心技術： HTML、CSS、Flexbox、Grid
   • 專案範例： 建立個人履歷網頁、產品登陸頁面、技術文件頁面等。
   • 適合對象： 適合完全沒有網頁設計基礎的初學者。
2. JavaScript Algorithms and Data Structures Certification (JavaScript 演算法與資料結構認證)
   • 核心技術： JavaScript、演算法、資料結構 (陣列、物件、鏈結串列、樹)
   • 專案範例： 建立迴文檢查器、羅馬數字轉換器、電話號碼驗證器等。
   • 適合對象： 適合想要深入學習 JavaScript，並為後端開發打下基礎的學習者。
3. Front End Libraries Certification (前端函式庫認證)
   • 核心技術： Bootstrap、jQuery、Sass、React、Redux
   • 專案範例： 建立隨機名言產生器、Markdown 預覽器、鼓機等。
   • 適合對象： 適合想要使用現代前端框架加速網頁開發的學習者。
4. Data Visualization Certification (資料視覺化認證)
   • 核心技術： D3.js、JSON APIs、Ajax
   • 專案範例： 建立長條圖、散佈圖、熱圖等。
   • 適合對象： 適合對資料分析和視覺化有興趣的學習者。
5. Relational Database (關聯式資料庫)
   • 核心技術: Bash, SQL, Git
   • 專案範例: 建立預約排程系統、建立星體資料庫、建立週期表資料庫等
   • 適合對象: 適合想要學習資料庫設計和管理的學習者。
6. Back End Development and APIs Certification (後端開發與 API 認證)
   • 核心技術： Node.js、Express、MongoDB、Mongoose
   • 專案範例： 建立時間戳記微服務、請求標頭解析器、網址縮短器等。
   • 適合對象： 適合想要學習後端開發，建立 API 服務的學習者。
7. Quality Assurance Certification (品質保證認證)
   • 核心技術： Chai、Node.js、Express
   • 專案範例： 建立單位轉換器、問題追蹤器、個人圖書館等。
   • 適合對象： 適合想要學習測試和除錯技巧的學習者。
8. Scientific Computing with Python Certification (Python 科學計算認證)
   • 核心技術： Python
   • 專案範例： 算術運算格式器、時間計算器、預算應用程式
   • 適合對象： 適合想要利用 Python 進行科學計算的學習者。
9. Data Analysis with Python Certification (Python 資料分析認證)
   • 核心技術： Python、NumPy
   • 專案範例： 平均值-方差-標準差計算器、人口統計數據分析器、醫療資料視覺化工具
   • 適合對象： 適合想要利用 Python 進行資料分析的學習者。
10. Information Security Certification (資訊安全認證)
    • 核心技術： HelmetJS、Python
    • 專案範例： 股票價格檢查器、匿名留言板、連接埠掃描器
    • 適合對象： 適合想要學習資訊安全相關知識的學習者。
11. Machine Learning with Python Certification (機器學習認證)
    • 核心技術： TensorFlow
    • 專案範例： 剪刀石頭布遊戲、貓狗圖片分類器、書籍推薦引擎
    • 適合對象： 適合想要學習機器學習相關知識的學習者。
12. College Algebra with Python (使用Python的大學代數)
    • 核心技術： Python
    • 專案範例： 多功能計算機、繪圖計算機、三個數學遊戲
    • 適合對象： 適合想要學習大學代數相關知識的學習者。

個人實作心得與錯誤排除指南

• 善用瀏覽器的開發者工具： 在學習網頁設計時，Chrome 或 Firefox 的開發者工具是你的好朋友。 可以即時查看 HTML 結構、CSS 樣式，並進行修改，幫助你理解網頁的運作原理。
• 遇到 Bug 不要慌張： 程式出錯是很正常的。 仔細閱讀錯誤訊息，利用 Google 搜尋相關資訊，或到 freeCodeCamp 社群發問，通常都能找到解決方案。
• 不要害怕看英文： 雖然 freeCodeCamp 有提供一些翻譯，但很多技術文件、社群討論都是英文的。 嘗試閱讀英文，可以幫助你更快地找到答案，並與國際社群接軌。 可以使用 Google 翻譯輔助閱讀。
• CodePen 和 Replit 的妙用： freeCodeCamp 允許你在 CodePen (https://codepen.io/) 和 Replit (https://replit.com/) 這類線上程式碼編輯器上完成專案。 這讓你不用安裝任何開發環境，就能開始寫程式，非常方便。
• 定期備份你的程式碼： 使用 Git 和 GitHub，可以幫助你管理程式碼版本，並隨時備份你的專案。 這是一個工程師必備的技能。可以透過 freeCodeCamp 學習 Git 的使用。

freeCodeCamp 的認證真的有用嗎？

雖然 freeCodeCamp 的認證不像大學文憑那樣被廣泛認可，但它仍然具有一定的價值：

• 證明你的學習成果： 認證可以證明你已經完成了相關課程，並掌握了一定的技能。
• 增加面試機會： 在履歷上列出 freeCodeCamp 的認證，可以讓你的履歷更吸引人資的目光，增加面試機會。
• 建立作品集： 完成 freeCodeCamp 的專案，可以將它們作為你的作品集，展示你的實際能力。
• 建立自信心： 獲得認證可以讓你更有自信，相信自己有能力勝任相關工作。

除了 freeCodeCamp，還有哪些學習資源？

• MDN Web Docs: Mozilla 開發者網路，提供詳盡的 Web 技術文件。(網址: https://developer.mozilla.org/zh-TW/)
• W3Schools: 提供各種 Web 技術的教學和範例。(網址: https://www.w3schools.com/)
• Hahow 好學校： 台灣的線上課程平台，提供豐富的程式設計課程。(網址: https://hahow.in/)
• Udemy: 全球知名的線上課程平台，提供各種程式設計課程。(網址: https://www.udemy.com/)
• YouTube: 許多程式設計師會在 YouTube 上分享教學影片，可以搜尋相關關鍵字，找到適合你的學習資源。

總結： 用 freeCodeCamp 開啟你的程式設計之旅！

freeCodeCamp 是一個非常棒的免費學習平台，適合所有想要學習程式設計的朋友。 透過紮實的課程、實作導向的學習方式和友善的社群，你可以一步步成為一位合格的軟體工程師。

不要再猶豫了，現在就開始你的 freeCodeCamp 之旅吧！ 祝你學習順利，早日成為一位優秀的工程師！

額外建議：

• 設定明確的學習目標： 在開始學習之前，先想清楚你想要學習什麼，例如想要成為前端工程師、後端工程師還是資料科學家。 這樣可以幫助你更有效地選擇課程，並保持學習動力。
• 保持耐心和毅力： 學習程式設計需要時間和努力。 不要因為遇到困難就輕易放棄，保持耐心和毅力，相信你一定能成功。
• 多練習、多實作： 程式設計是一門實作的學問。 只有透過不斷的練習和實作，才能真正掌握程式技能。
• 持續學習： 科技日新月異，程式設計領域也在不斷發展。 要保持競爭力，就需要持續學習新的技術和工具。

希望這篇文章對你有幫助！ 如果你有任何問題，歡迎在下方留言，我會盡力解答。 也歡迎分享你的 freeCodeCamp 學習經驗，一起交流學習心得！

參考閱讀

https://github.com/freeCodeCamp/freeCodeCamp