Learning Path 01
Start Here
先不用急著學 HTML 或 AI。這條路徑會先把完整開發環境、檔案、編輯器、Terminal、程式執行方式與版本控制弄懂,讓後面的課程不再被工具卡住。
Outcome完成後你會做到
建立、執行並保存自己的第一個專案
你會知道開發環境怎麼準備、專案檔案放在哪裡、怎麼用 VS Code 編輯、怎麼在 Terminal 裡操作,以及怎麼用 Git 留下版本並放到 GitHub。
Lessons課程索引
環境設定
準備 Browser、VS Code、Git、Node.js、Python 與 Terminal;再認識 Codex、Claude Code、AGY 等 AI coding CLI。
檔案、資料夾與副檔名
先知道電腦裡的專案到底是什麼:路徑、資料夾、檔名、副檔名,以及為什麼不要把所有東西丟在桌面。
用 VS Code 打開第一個專案
建立專案資料夾、認識檔案樹、分頁、儲存與基本編輯方式。先把編輯器當成工具,而不是一整面看不懂的按鈕。
第一次使用 Terminal
理解目前位置與路徑,學會切換資料夾、查看內容、建立檔案與資料夾,知道指令其實只是在叫電腦做事。
程式到底是怎麼跑起來的?
從瀏覽器、原始碼與 runtime 開始,理解「寫了一個檔案」和「電腦真的執行它」之間還發生了什麼。
Git:先學會留下版本
認識 repository、working tree、staging area、commit 與版本歷史,完成自己的第一組 commits。
把專案放到 GitHub
建立第一個 remote,理解 origin、main、upstream、push、pull 與 clone,讓本機版本真正接上 GitHub。
小專案:從空資料夾到第一個版本
離開逐步教學,自己建立、執行、版本控制並推送一個完整小專案,作為 Start Here 的最終驗收。