Webduino Blockly 基本操作

Webduino Blockly 線上編輯工具是 Webduino 所研發出來的圖像化編輯工具，採用 Google Blockly 設計而成，讓一些對於網頁程式語言比較陌生，或者希望快速實現效果的朋友，可以利用 Webduino Blockly 線上編輯工具極速的實現各式各樣的創意。

完整的 Blockly 教學請參考：Blockly 教學

Hello World

點選「基本功能」的「文字」，把「印出」的積木和「填入文字」的積木拉到畫面中組合，在「填入文字」的積木裡寫上 hello world。

點選右上角紅色的「執行」按鈕，就會執行我們剛剛組合好的積木程式，瀏覽器就會彈出 hello world 的對話視窗。

在網頁裡顯示文字

只是會彈出視窗還不夠，接著我們要在網頁裡面顯示文字或數字，打開網頁互動測試區，下拉選單選擇「顯示文字」，就會有對應的積木可以使用，完成後點選右上角紅色的「執行」按鈕，就會看到文字出現在網頁測試區裡面，同樣的方式不僅限於文字，數字也是可以的。

建立字串

透過建立字串的積木，可以把許多文字連接起來，點選建立字串積木的藍色小齒輪，可以新增連結的缺口，建立字串積木可以從「基本功能 > 文字」目錄裡找到。

依序放入 a、b、c，點選執行按鈕，就可以看到文字已經被聯結起來變成 abc 了。

建立列表

列表可以讓我們依序放入數值，讀取的時候只要指定在列表哪一個位置，就可以讀取對應的資料，可以點選列表的藍色小齒輪增加列表長度，列表相關積木可以從「基本功能 > 列表」目錄裡找到。

邏輯判斷

邏輯是程式裡最重要的觀念，可以點選邏輯積木的藍色小齒輪，就能新增邏輯的判斷條件，邏輯相關積木可以從「基本功能 > 邏輯」目錄裡找到。

透過「大於小於等於」的積木，還有「且/或」的積木，就可以組合出相對應的邏輯判斷式了。

迴圈

迴圈也就是「重複」執行的積木，基本上分成兩種：有限次數的迴圈以及不限次數的迴圈 ( 無窮迴圈 )，可以從「基本功能 > 迴圈」目錄裡找到。

無窮迴圈的設定有兩種，一種是「當」，表示「當發生什麼事情時，會啟動迴圈」，另外一種是「直到」，表示「直到發生什麼事情時，會停止迴圈」。

聯絡我們

如果對於 Webduino 產品有興趣，歡迎透過下列方式購買：

個人線上購買：https://store.webduino.io/ ( 支援信用卡、超商取貨付款 )
企業＆學校採購：來信 [email protected] 或來電 07-3388511。

如果對於這篇教學有任何問題或建議，歡迎透過下列方式聯繫我們：

Email：[email protected] ( 如對於產品有使用上的問題，建議透過 Email 附上照片或影片聯繫 )
Facebook 粉絲團：https://www.facebook.com/webduino/
Facebook 技術討論社團：https://www.facebook.com/groups/webduino/