啟航 Coding 之旅:Coding Tutor 初學者完全攻略

歡迎來到程式探索的世界!我是你的導航員。Coding Tutor 是一套專為你設計的「一站式程式語言學習地圖」,在這裡,你不需要安裝任何複雜的編譯軟體,只要開啟瀏覽器,就能展開你的英雄試煉。這份指南將帶領你從零開始,消除所有學習焦慮,一步步插旗你的程式領地。

--------------------------------------------------------------------------------

1. 快速登入:開啟你的程式大門

踏入程式殿堂的第一步,應該是輕鬆且充滿期待的。為了讓你專注於邏輯思維而非記憶繁瑣的帳號密碼,系統全面支援 Google 一鍵登入機制。

核心提示:請認明學校專屬門牌 為了讓你的學習數據能精準對接班級進度,登入時請務必選用學校配發的 Email 網域(例如:學號@school.edu.tw)。

初次登入快速檢查清單:

  • [ ] 網域正確: 是否使用了正確的學校 Google 帳號?
  • [ ] 資料核對: 登入後,系統會自動解析帳號格式並預填你的班級、座號與學號。請確認這些「數位身分證」資訊準確無誤。
  • [ ] 完成儲存: 確認姓名無誤後按下儲存,你的專屬學習地圖將正式解鎖。

順利進入大廳後,你將看到滿載寶藏的課程列表。現在,讓我們拿起地圖,看看如何在這座知識森林中導航。

--------------------------------------------------------------------------------

2. 領地導覽:掌握階層式學習地圖

在 Coding Tutor 中,知識並非雜亂無章的碎片,而是被精心組織成清晰的階層架構,幫助你建立完整的學習路徑。

  • 課程地圖架構 (Hierarchy):
    • 課程 (Course): 你的冒險主題(如:Python 基礎入門)。
    • 章 (Chapter): 核心領地大綱(如:第一章 基礎語法)。
    • 節 (Section): 具體的實戰單元(如:1-1 變數與型別)。

你可以利用側邊欄的手風琴導覽選單,隨時展開或收合章節,在不同單元間自由傳送。

💡 金牌導師的小技巧:

  • 字體縮放工具: 在頁面右下角,我們準備了貼心的「字體縮放」按鈕。無論是想看大一點保護眼睛,還是想一覽全貌,設定後系統會自動記住,跨頁面依然有效!
  • 隨身求助按鈕: 迷路了嗎?點擊右下角的 「?」浮動按鈕,系統會根據你當前的頁面提供即時的操作指引。

掌握了地圖,接下來我們就要進入最具親和力的「即時互動」區,體驗動手做的樂趣。

--------------------------------------------------------------------------------

3. 即時互動:觀念檢核與牛刀小試

學習程式最忌諱「唯讀不寫」。地圖中散佈著互動機關,讓你隨時驗證你的靈感:

特點

隨堂互動測驗

牛刀小試 (Mini-challenge)

互動形式

單選、多選、填充題

黑底的即時程式碼實驗區

操作方式

點選或填寫答案後送出

直接修改 Code 並點擊「執行程式」

計分/紀錄

記錄成績,作為老師的評量參考

不計分,隨寫隨測的「實驗室」

主要目的

檢核你是否掌握了核心觀念

免安裝、免跳轉,即時驗證小點子

紀錄保留

永久保留作答歷史

拋棄式練習,重整頁面即重設

特別值得一提的是,在「牛刀小試」中,我們內建了 「無窮迴圈防呆機制 (Infinite Loop Protection)」,就算你不小心寫錯了迴圈邏輯,也不用擔心會讓瀏覽器當掉,大膽嘗試吧!

在練習區累積足夠的經驗值後,你已經準備好迎接真正的「程式挑戰」了。

--------------------------------------------------------------------------------

4. 實戰挑戰:攻克程式挑戰的英雄流程

「程式挑戰」是證明實力的正式戰場。Coding Tutor 支援 Python、PHP、C、C++ 與 Java 五種語言,你可以依據課程需求自由切換。請遵循以下標準流程來攻克關卡:

  1. 解析題目規範: 仔細研讀「輸入/輸出說明」。除了描述文字,更要看「公開範例測資」來確認資料進出的樣貌。
  2. 在 Ace 編輯器撰寫: 利用語法高亮與自動縮排功能,精煉你的邏輯。
  3. 多重保險檢查: 善用系統工具進行自我健檢(詳見下一節)。
  4. 正式提交批改: 點擊「提交批改 (Submit)」,系統會自動跑過所有公開與隱藏測資

🌟 專家建議:精準對齊的藝術 評測引擎是「字串比對」的邏輯。電腦並不會「讀」你的心,它只會將你的輸出與標準答案逐字比對。多一個空格、少一個換行,或是大小寫不符,都會被判定為 Wrong Answer。養成對照範例格式的習慣,是成為高手的必經之路。

在按下最終提交鈕之前,別忘了我們為你準備的兩道強大防護網。

--------------------------------------------------------------------------------

5. 保險機制:語法檢查與測試執行

為了消除「害怕失敗」的焦慮,我們設計了兩項不計入提交次數、且老師看不到結果的保險工具。這讓你可以放心地在後台進行實驗。

  • 語法檢查 (Syntax Check): 這是一場靜態掃描。系統會像 X 光一樣掃視你的程式碼,找出拼寫錯誤或括號未對齊等結構問題,幫你排除「文法錯誤」。
  • 測試執行 (Test Execution): 這是一場動態模擬。你可以自訂 stdin(輸入資料)並試跑程式,看看結果是否符合預期。這能幫你診斷「邏輯錯誤」,確保程式能照你的想法運行。

這兩項工具能確保你在正式「提交」前,就已經解決掉 90% 的問題,維持完美的 Accepted 紀錄!

如果程式在執行時真的發生了意外,我們的「秘密武器」會跳出來幫你。

--------------------------------------------------------------------------------

6. 除錯導師:💡 藍色燈泡與中文助教

當程式發生 Runtime Error (執行時期錯誤) 時,先別急著抓頭!請將畫面往下滑動至「終端機 (Terminal)」區域,你會在那裡發現一個藍色燈泡 💡。

這是我們的「中文錯誤說明系統」,它會將生澀難懂的系統訊息轉化為親切的修正建議:

系統偵測到 (Detect)

中文解釋 (Explanation)

修正建議 (Suggestion)

NameError

你使用了一個還沒被定義的變數

檢查變數拼寫是否有誤

IndexError

你的索引超出了清單的範圍

確認迴圈邊界是否設定太大了

拼寫建議

偵測到疑似打錯字的情況

顯示 Did you mean: 'print'? 並以綠色高亮標示

有了這位隨身助教,錯誤訊息不再是牆壁,而是通往成功下一關的階梯。

--------------------------------------------------------------------------------

7. 成就追蹤:見證你的英雄之路

你的每一份努力,都會被轉化為視覺化的成長紀錄,保存在「個人儀表板」這座榮譽殿堂中:

  • 實戰進度條: 課程首頁頂端會顯示你已攻克的挑戰百分比,看著它填滿是最大的成就感。
  • 冒險紀錄 (Quest Log): 在章節列表中,尚未完成的任務會標示「紅色小圓點」。當你全數過關,紅點就會消失,象徵這塊領地已被你完全征服。
  • 挑戰明細表: 你可以隨時查看每道題目的狀態(已通過、嘗試中、未挑戰)、提交次數與最後活動時間,這就是你的成長軌跡。

恭喜你,現在你已經完全掌握了 Coding Tutor 的使用秘訣。請記住,程式設計是一場關於「嘗試與修正」的奇幻旅程,而我們將是你冒險路上最可靠的夥伴。

祝你在程式探索的旅途中,享受解題的樂趣,順利奪下滿滿的 ✓ Accepted!