Practice.dev – 免費線上學習前後端程式語言，邊做邊學適合初學者的開源線上學習平台

Practice.dev 是一個免費開源的線上教學平台，裡面提供了各種前端與後端的挑戰練習，能夠讓初學者輕鬆的一步步學習各種情境下完成前端設計或後端程式編碼的技巧，讓你做中學，學中做。

Practice.dev 的主要提供對象是初級開發人員，沒有經驗的程式設計師往往很難獲得一份實際的工作，也無法接觸到實際的開發過程。因此，無論你是初學者、初級開發人員，甚至是資深的開發人員，都能夠透過此平台學習各種模擬實務上會遇到的各項功能開發的情境，並一步步學會解決這些問題。

Practice.dev 提供了許多面相的專業技能，例如：路由、驗證、錯誤處理、身份驗證、商業邏輯驗證…等等。和其他線上教育平台，像是「Udemy」不同之處在於，對於初學者來說，「Practice.dev」的挑戰會比較難一些，但取而代之的是，你可以立即的進入狀況，並藉由適度的挑戰，獲得更多的經驗與技巧。

網站名稱：Practice.dev
網站網址：https://practice.dev/

Practice.dev 簡介教學

第 1 步

加入免費會員

要開始學習之前，要先註冊免費會員並登入，放心，它是 100% 永久免費的線上開源學習平台：

Pin

你可以透過 Email 信箱註冊，或是直接使用 GitHub 帳號、Google 帳號直接登入：

Pin

第 2 步

選擇挑戰課程

註冊並通過驗證後，你就可以前往挑選你想要學習的挑戰課程。點選「SOLVE」就可以進入該挑戰，查看更多的細節：

Pin

進入挑戰之後，首先可以看到該挑戰主要是要幫助你學習與解決哪個主要的問題：

Pin

第 3 步

查看挑戰範例

在每一個挑戰課程當中，它都會提供你一個正確解答的完整版內容，你可以直接在頁面中演示成果。此外，它還會提供你完整的 HTML 檔案與 CSS 樣式表：

Pin

第 4 步

Demo 影片教學

除了完整的開源程式碼之外，每個挑戰也都會提供 Demo 的影片展示，以及如何在「CodeSandbox.io」或「localhost」當中實現挑戰的內容，你可以根據影片教學來進行操作：

Pin

第 5 步

測試標準

你可以點選上方的「Test Suite」來了解最終測驗所評估的方面有哪些部分，評分的標準就是寫在這裡：

Pin

第 6 步

其他挑戰者答案

點選「Solutions」標籤後，你就可以看到其他完成這個挑戰的人，他們所提交的原始程式碼：

Pin

你可以在這裡看看其他人是怎麼完成這道挑戰的，或許能帶給你不一樣的邏輯思維。

第 7 步

課後討論

你可以在「Discussion」標籤中與其他人一同分享與討論自己的想法：

Pin

第 8 步

提交答案

Practice.dev 是以自動化方式自動幫你進行評估，剛剛有提到所有的挑戰都可以使用「CodeSandbox.io」進行模擬環境，或者你也可以使用自己的「localhost」完成環境的部署。

無論如何，最終你都會有一個網址，能夠讓別人訪問並查看驗證你的程式碼。因此，當你完成後，點選右上方的「SUBMIT」按鈕，就可以輸入網址，系統就會自動驗證你的程式碼是否通過挑戰：

Pin

如果你想要了解更多線上學習平台，透過線上學習來增進自己的技能，那麼你可以參考：Udemy。