【好站分享】 – 「 Code.org 」網站,在遊戲中學程式!

哈囉大家好!9月已經過了一半,不管大朋友還是小朋友都開學了,正是一個學習的好時機!

這次要介紹的網站,跟以往所分享的網路資源不太一樣,
Code.org 」這個美國的網站,主要是推廣並設計給(4歲以上)學齡孩童們,
讓使用者可以藉由不同程度的遊戲互動過程中,練習運用邏輯思考的能力,來達到「學習如何寫程式」的最終目的。

最重要的一點是:有中文版本耶!

稍微瀏覽了一下,網站裏頭大部分的遊戲介面是中文的,其中甚至包含了大家熟悉的「憤怒鳥」、「冰雪奇緣」 等…知名角色;
不只吸引小孩們的目光,像小編這種對學寫程式感到陌生卻又不知如何親近的成人,其實也會想要每個關卡玩看看~

現在就讓我們一起認識一下這個富有教育意義的網站吧~

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - intro-00


【一】選擇語言

第一次進入網站時,會跳出語言清單可供選擇,沒有要順便練英文的話,直接選擇「繁體中文」版就可以囉~

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 01-2

再來,直接點擊右上角的漢堡選單,會發現網站的主結構很簡單:

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 02-2

【二】「 Course Catalog 」(課程目錄)

我們先來看看最重要的「 Course Catalog 」(課程目錄),也就是遊戲區,有哪些內容吧!

首先會看到的是「建立一個帳戶」的按鈕,不過我們可以先省略這一步。

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 03-2

【三】選擇課程與關卡

再下來看到的這個欄位,是列舉了最…最基礎的前4個教程,上頭有標註適合年齡與課程簡介。

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 04-1-1

點進「課程 1」 之後,可依下方圖示直接開始遊戲(免建帳戶);或是,我們也可以利用課程清單,快速跳到後面較難的遊戲關卡。

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 05-1-1

開始遊戲之前,會自動播放一段影片,是跟目前所選擇的程式遊戲相關的說明或是提示。

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 06-2

關閉影片之後,就可以正式開始這一個課程/遊戲囉~
(編按 : 第一關真的是適合4歲小孩啊….太簡單了~ XD )

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 07-2


幼幼班的小朋友,很適合照著網站給的課程順序來學習。

【速成課程】

但是針對不想花太多時間,程度較好的大朋友們,網站也有一套共20小時可結束的速成課程喔~

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 08-1-1

同樣也可以利用課程清單,快速跳到後面的遊戲關卡。

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 09-2

隨便點開一個關卡,是憤怒鳥耶!而且,遊戲中,還包含了「程式碼」的檢視功能。

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 11-1

【一小時玩程式】

此外,網站中還設有「一小時玩程式」的遊戲專區,列舉了以下幾款中文版本:

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 12-1

英文版本的話,有更多遊戲體驗可以選擇~

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 15-1

點進之後,如下圖:

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 16-1


除了上述所介紹的這些遊戲功能之外,這個網站還有其他的線上編程體驗 (例如: 用 JavaScript 製作 App 遊戲、Web Lab 的簡易網頁設計 … 等等),但多數都是全英文的介面:

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 17-1

並且需要有帳號才能使用,所以點進之後會自動跳轉至用戶註冊以及登入頁面:

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 19-1

如果是已註冊的用戶,最後還可以上傳個人的專案作品,供大家互相觀摩學習呢。

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 20-1


最後,回到網站首頁,不知道大家是否有發現一個「支援」的按鈕?

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 22-1

點擊之後,會出現下方這個表單內容:

Free Resource 好康報報 Good Design 好站報報  - 【好站分享】 - 「 Code.org 」網站,在遊戲中學程式! - 23-1

在經過以上的網站基本認識之後,相信大家應該都會支持這樣一個有意義的簽署活動~   🙂
不只是美國,也期許台灣能夠有更多學童,可以在更充足的電腦資源之下,學習程式設計。

這次的好站分享到此告一段落,祝大家遊戲愉快,快樂學程式囉!

 

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

posted in Free Resource 好康報報, Good Design 好站報報 and tagged , , .

留言功能已關閉。