Learn by Doing! In this case study, jQM is used to programming a News Reader App that get news categories and articles from Web APIs.
Showing posts with label Learning from Example. Show all posts
Showing posts with label Learning from Example. Show all posts
Jun 12, 2014
Jun 10, 2013
小朋友寫程式 (1-2):由SCRATCH先參考別人作品開始
寫程式先從參考別人作品開始,不然可能永遠不知道學一堆指令能做什麼事?登入Scratch後,直接click 「Try out starter projects」,就可看到幾個由「SCRATCH社群網友」所分享的專案。
Here are example projects that you can play with and change. 所以,大家不只可以參考範例,還可以改範例再度分享,這也是Scratch的開源精神。想向一堆小朋友從小就知道分享、開源、在社群「同儕學習」,這些在十幾二十年後,會有多大影響。
選擇 "Piano" 專案,開啟後就可以按旗子執行。按右上角的 "See inside" 就可以看到原始程式碼。
在網頁最上方也可以 click "Explore" 探索其他人的專案 (Projects),或是多人所組成的工作是 (Studios)。個人帳號也可以建立Studio,吸引其他同好加入某一主題創作。
回到Piano專案的程式碼來學習吧!這是一個很棒的模組化專案,由鋼琴琴鍵說明一個個模組,可以組成一台鋼琴。每個琴鍵 (這台鋼琴共13個琴鍵) 為獨立模組有自己的程式碼,如同class內所定義的methods (稍後說明)。
在 "Sprite (物件角色)" 視窗範圍內,就是顯示程式用到的UI物件 (如同class所產生之object,擁有程式碼控制UI和I/O),可以自行創作。選擇琴鍵後,click "Costumes (造型)" 來設計UI物件,鋼琴的第一個琴鍵命名為c1, c2 (注意:這是物件變數名稱,程式會用到),就是要代表 "Do" 琴鍵 (c1) 以及按下去後要顯示琴鍵陰影 (c2設為灰色)。第二個琴鍵如以下第二、三張圖,是升記號#鍵,分別是物件:c#1, c#2。所有琴鍵當然可以用copy-and-paste快速產生。
看完範例後,很容易懂對不對,但這不代表你會做了。學院派當然很懂理論,但MIT強調創新、技術、實作,不動手做,永遠只能說說而已!下一篇再解說每個琴鍵的程式碼。
選擇 "Piano" 專案,開啟後就可以按旗子執行。按右上角的 "See inside" 就可以看到原始程式碼。
![]() |
| 新增說明文字 |
回到Piano專案的程式碼來學習吧!這是一個很棒的模組化專案,由鋼琴琴鍵說明一個個模組,可以組成一台鋼琴。每個琴鍵 (這台鋼琴共13個琴鍵) 為獨立模組有自己的程式碼,如同class內所定義的methods (稍後說明)。
在 "Sprite (物件角色)" 視窗範圍內,就是顯示程式用到的UI物件 (如同class所產生之object,擁有程式碼控制UI和I/O),可以自行創作。選擇琴鍵後,click "Costumes (造型)" 來設計UI物件,鋼琴的第一個琴鍵命名為c1, c2 (注意:這是物件變數名稱,程式會用到),就是要代表 "Do" 琴鍵 (c1) 以及按下去後要顯示琴鍵陰影 (c2設為灰色)。第二個琴鍵如以下第二、三張圖,是升記號#鍵,分別是物件:c#1, c#2。所有琴鍵當然可以用copy-and-paste快速產生。
看完範例後,很容易懂對不對,但這不代表你會做了。學院派當然很懂理論,但MIT強調創新、技術、實作,不動手做,永遠只能說說而已!下一篇再解說每個琴鍵的程式碼。
Labels:
Kid Programming
,
Learning from Example
,
SCRATCH
,
圖控
,
學範例
,
程式設計
Subscribe to:
Posts
(
Atom
)











