疑難雜症萬事通
在網路上遇到任何問題都可以在這邊找找看唷

Search

關於 google blockly ，我們在網路上蒐集到這些相關的討論、資訊與評價

相關標籤 相關照片 相關影片
在google blockly這個產品中，有9篇Facebook貼文，粉絲數超過3萬的網紅張宏陸，也在其Facebook貼文中提到， ┏━━━━━━━━━━━┓ ┃在家玩遊戲，學習不無趣┃ ┗━━━━━━━━━━━┛ 停課不停學兩週過去 全台灣多了很多實況主跟Youtuber 讓小朋友專注學習也是費盡不少心力 今天跟大家分享四個實用的線上小遊戲 不用付費！不用額外安裝！ 讓您的孩子玩遊戲也學習！ 1️⃣The Word se...

google blockly 在 張宏陸 Facebook 的最佳解答

張宏陸 By 張宏陸

2021-05-30 11:00:03 有 296 人按讚
  • Share this:

┏━━━━━━━━━━━┓
┃在家玩遊戲，學習不無趣┃
┗━━━━━━━━━━━┛

停課不停學兩週過去
全台灣多了很多實況主跟Youtuber
讓小朋友專注學習也是費盡不少心力

今天跟大家分享四個實用的線上小遊戲
不用付費！不用額外安裝！
讓您的孩子玩遊戲也學習！

1️⃣The Word search
→ https://thewordsearch.com/
適用年齡：中年級、高年級
說明：依照主題分類的英文尋字遊戲
主題包羅萬象，難度適中
從ＮＢＡ，到ＤＮＡ
從皮克斯，到泰勒絲
什麼都有什麼都不奇怪

2️⃣兒童文化館
→ https://children.moc.gov.tw/index
適用年齡：低年級、中年級
說明：由文化部開發的「兒童文化館」網頁
收藏了各式各樣的中文繪本，並且將其動畫化
看完動畫還可以遊玩繪本專屬小遊戲
並提供延伸閱讀，提供家長更多參考書單！

3️⃣Supercoloring
→http://www.supercoloring.com/
適用年齡：學齡前、低年級
說明：包含了上萬張的連連看、著色圖範本
提供免費下載並列印
也可以直接於網頁塗色並且匯出
※有繁體中文介面可選擇

4️⃣Blockly Games
→ https://blockly.games/
說明：由Google推出的Blockly Games
將介面圖形化並佐以闖關的模式
讓小朋友可以逐步上手程式語言的邏輯
踏上成為一代鍵客的路途！
※有繁體中文介面可選擇

Tags:
張宏陸

About author
板橋西區立法委員 | 張宏陸 代表一種改革，一種希望、一股力量。 讓我們一起共同來關心板橋大小事，一起改變未來，點亮台灣。
28283 followers 27800 likes "https://page.line.me/hunglu"
View all posts

google blockly 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最讚貼文

โปรแกรมเมอร์ไทย Thai programmer By โปรแกรมเมอร์ไทย Thai programmer

2019-09-28 11:42:57 有 314 人按讚
  • Share this:


🔆 12 ซอฟต์แวร์ฟรี !!! สำหรับเรียนรู้การเขียนโค้ด (โค้ดดิ้ง) เริ่มต้นจากการต่อบล็อกเชิงกราฟิก ไปสู่การเขียนโค้ดในภาษาคอมพิวเตอร์ที่ทันสมัย และเชื่อมต่อกับฮาร์ดแวร์ได้
.
หลังจากได้ศึกษาหาข้อมูลและทดลองใช้ซอฟต์แวร์ต่าง ๆ (เน้นฟรี และถ้าเป็น Open Source ก็ยิ่งดี) มาสัก 1 ปี เพื่อนำมาเป็นตัวเลือกในการเรียนรู้ ทั้งในและนอกห้องเรียน ก็พอจะมองเห็นตัวเลือกที่น่าสนใจ
.
ถ้าเริ่มต้นจาก คนที่ไม่เคยเขียนโค้ดมาก่อน ก็คงจะเริ่มด้วยการต่อบล็อกหรือเขียนโปรแกรมเชิงกราฟิก เน้นการใช้คำสั่งพื้นฐาน วางแผนขั้นตอนในการแก้ปัญหาด้วยคอมพิวเตอร์ หลาย ๆ โรงเรียนก็เริ่มแบบนี้กันแล้ว เช่น ใช้ Scratch หรืออื่น ๆ
.
เมื่อมีความเข้าใจหลักการ 'โค้ดดิ้ง' ได้ระดับหนึ่งแล้ว ถัดไปคือ การเปลี่ยนผ่านไปสู่การเขียนโค้ดด้วยภาษาคอมพิวเตอร์ ซึ่งจะเป็นพื้นฐานในการนำไปใช้ได้จริง เช่น ภาษา Python, JavaScript หรือ C/C++ เป็นต้น ซึ่งจะยากขึ้น เพราะต้องเข้าใจคำสั่ง รูปแบบประโยค เป็นต้น
.
ในโลกของเทคโนโลยีสมัยใหม่ ไม่ว่าจะเป็น IoT หรือหุ่นยนต์ (Robotics) หรือระบบงานอัตโนมัติต่างๆ (Automation Systems) จำเป็นต้องเชื่อมต่อกับฮาร์ดแวร์หรืออุปกรณ์ (บางทีก็เรียกว่า Devices หรือ Things) การเขียนโค้ดเพื่อสื่อสารหรือปฏิสัมพันธ์กับอุปกรณ์ต่าง ๆ ในรูปแบบที่แตกต่างกันไป ก็ถือว่า เป็นความรู้และทักษะในการพัฒนาบุคลากรทางด้านนี้
.
ซอฟต์แวร์ที่ได้สำรวจและนำเสนอมาดังกล่าว จะเป็นตัวช่วยในการกำหนดแนวทางการเรียนรู้ ออกแบบเส้นทางการเรียนรู้ ตั้งแต่ระดับเริ่มต้น หรือเด็ก ๆ ไปสู่ระดับที่สูงขึ้นไป ... เทคโนโลยีเปลี่ยนแปลงไปเรื่อย ๆ ตัวเลือกสำหรับการเรียนรู้ก็คงเช่นกัน
.
หวังว่าจะเป็นประโยชน์ต่อผู้ที่สนใจ ...
.
References
- Google Blockly Games
🔗 https://blockly-games.appspot.com/
- Scratch 3.0:
🔗 https://scratch.mit.edu/
- Scratch Link Extensions
🔗 https://scratch.mit.edu/microbit
🔗 https://scratch.mit.edu/ev3
- Microsoft Makecode for Microbit
🔗 https://makecode.microbit.org/
- Micropython for Microbit
🔗 https://microbit.org/code/
- Wyliodrin
🔗 https://www.wyliodrin.org/
🔗 https://wyliodrin.com/
- STEMpedia PictoBlox
🔗 https://thestempedia.com/product/pictoblox/
🔗 https://thestempedia.com/prod…/pictoblox/download-pictoblox/
- MicroBlocks
🔗 http://microblocks.fun/
🔗 http://microblocks.fun/download
- Arduino IDE
🔗 https://www.arduino.cc/en/main/software
- Arduino Create
🔗 https://create.arduino.cc/
- Mu Editor for Python / MicroPython / CircuitPython
🔗 https://codewith.mu/en/download
🔗 https://microbit.org/code/
- AUTODESK Tinkercad
🔗 https://www.tinkercad.com/circuits
🔗 https://www.tinkercad.com/learn/circuits
.
👉 IoT Engineering Education @ KMUTNB, Bangkok / Thailand
.

Tags:
โปรแกรมเมอร์ไทย Thai programmer

About author
เพจนี้เปิดใช้งานเมื่อ 22 มิถุนายน 2014 เพจนี้เน้นหนักไป ทางการเขียนโปรแกรม คอมพิวเตอร์ และไอที ล้วน ๆ แบบฮาร์ดคอ หรือจะไร้สาระ มุกตลกขำ
ให้สาระด้านไอที คอมพิวเตอร์ และอาชีพโปรแกรมเมอร์ และสายงานด้านคอมพิวเตอร์
160760 followers 154764 likes "https://www.patanasongsivilai.com/blog/"
View all posts

google blockly 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳貼文

โปรแกรมเมอร์ไทย Thai programmer By โปรแกรมเมอร์ไทย Thai programmer

2018-08-17 02:50:21 有 263 人按讚
  • Share this:


การเขียนโปรแกรมแบบจินตภาพด้วยบล็อกคำสั่ง: จาก MIT Scratch สู่ Google Blockly
‍‍‍‍‍‍ ‍‍
เทคโนโลยีซอฟต์แวร์ HTML5/CSS/JavaScript และอื่น ๆ ที่เกี่ยวข้อง ทำให้เกิดรูปแบบการใช้งานซอฟต์แวร์ผ่านเว็บเบราว์เซอร์และอินเทอร์เน็ต อย่างเช่น "Software as a Service" (SaaS), "Coding in the Cloud" เป็นต้น มีการพัฒนาเครื่องมือหรือซอฟต์แวร์ที่ใช้สำหรับเขียนหรือสอนการเขียนโปรแกรมตามมาอีกมากมาย โดยทั่วไป ผู้ใช้ไม่จำเป็นต้องติดตั้งซอฟต์แวร์ในเครื่องคอมพิวเตอร์ของตนเอง
‍‍‍‍‍‍ ‍‍
💡 MIT Scratch, Berkeley Snap! และ MIT App Inventor 2 for Android
‍‍‍‍‍‍ ‍‍
จากโพสต์คราวที่แล้ว "การเขียนโปรแกรมแบบจินตภาพด้วยบล็อกคำสั่ง: MIT Scratch และ Berkeley Snap! สู่การเชื่อมต่อกับ Arduino" ได้กล่าวถึง MIT Scratch (https://scratch.mit.edu) ซึ่งเป็นซอฟต์แวร์ Open Source มีการใช้งานแบบ Desktop App สามารถนำไปสอนเยาวชนในช่วงอายุ 8 - 16 ปี เรียนรู้ Coding เป็นทักษะพื้นฐาน เน้นการสร้างเรื่องราวแบบปฏิสัมพันธ์ สร้างเกมส์ หรือ ภาพเคลื่อนไหว กราฟิก 2 มิติ
‍‍‍‍‍‍ ‍‍
นอกจาก Scratch ก็ได้กล่าวถึง Berkeley BYOB/Snap! (https://snap.berkeley.edu) ซึ่งเป็นอีกหนึ่งตัวเลือก (Open Source) สำหรับฝึกเขียนโปรแกรมแบบกราฟิก ซึ่งอันที่จริงแล้ว ในตอนเริ่มต้น Snap! ก็เกิดจากการดัดแปลงโค้ด Scratch แต่ต่อมาได้พัฒนาใหม่ และใช้ภาษา JavaScript
‍‍‍‍‍‍ ‍‍
โลกของเทคโนโลยีเปลี่ยนแปลงพัฒนาไปตลอดเวลา ล่าสุด Scratch เวอร์ชัน 3.0 ก็ใช้งานเป็นแบบ Web App ได้แล้ว โดยใช้ภาษา JavaScript (ใช้ไลบรารี Scratch Blocks) ในการพัฒนา
‍‍‍‍‍‍ ‍‍
MIT Scratch และ Berkeley Snap! เป็นสองตัวเลือกที่ได้เลือกมานำเสนอ และใช้สำหรับฝึกเขียนโค้ดได้ด้วยวิธีลากบล็อกมาวาง (Drag & Drop Visual Programming) แต่ไม่ได้ใช้สำหรับเขียนโค้ดภาษาคอมพิวเตอร์โดยตรง (Text-Based Programming) และก็ไม่ได้ใช้สำหรับการสร้างโค้ดแล้วคอมไพล์หรือแปลงให้เป็นแอปพลิเคชันโดยอัตโนมัติ
‍‍‍‍‍‍ ‍‍
แต่ถ้าอยากจะสอนเด็ก ๆ ให้ลองสร้าง Android App สำหรับสมาร์ทโฟน หรือแท็บเล็ต ด้วยวิธีการเดียวกับ Scratch และ Snap! และไม่จำเป็นต้องเขียนโค้ด ก็มีตัวเลือกอย่างเช่น MIT App Inventor 2 for Android (http://appinventor.mit.edu/explore/) โครงการนี้ เริ่มราวปีค.ศ. 2010 โดย Google และพัฒนาต่อโดยทีมงานจาก MIT ในปีค.ศ. 2012 และเผยแพร่เวอร์ชัน "App Inventor 2" ในเดือนธันวาคม ค.ศ. 2013 ... ปัจจุบัน สามารถเข้าใช้งานแบบออนไลน์ได้ที่ http://ai2.appinventor.mit.edu/ ถ้าลองสืบค้นในอินเทอร์เน็ต จะเห็นมีตัวอย่างในหลายเว็บที่สร้าง Android App โดยใช้ MIT App Inventor 2 เพื่อเชื่อมต่อกับบอร์ด Arduino ผ่าน Bluetooth เช่น รับค่าจากเซ็นเซอร์ที่ต่อกับบอร์ด Arduino มาแสดงผลใน App หรือควบคุมหุ่นยนต์ หรือส่งข้อมูลต่อไปยัง Google Firebase เป็นต้น
‍‍‍‍‍‍ ‍‍
💡 เมื่อ Scratch ต้องเปลี่ยนมาใช้ Google Blockly
‍‍‍‍‍‍ ‍‍
Scratch 3.0 เปลี่ยนมาใช้ JavaScript (แทน ActionScript และ Adobe Flash Player) และได้ใช้ไลบรารีที่ชื่อว่า Scratch Blocks (https://github.com/LLK/scratch-blocks) ซึ่งมาจากโปรเจกต์ Blockly (https://developers.google.com/blockly/) พัฒนาโดย Google เริ่มต้นในเดือนมิถุนายน ค.ศ. 2012 และเป็น Open Source (Apache License 2.0)
‍‍‍‍‍‍ ‍‍
Blockly เป็นไลบรารี หรือ API ที่ใช้ JavaScript / HTML5 / CSS สำหรับนำไปใช้พัฒนา Web App สำหรับผู้ที่ต้องการสร้างโปรแกรมด้วยการต่อบล็อก (Scratch-like, Visual Block Programming) และแตกต่างจาก Scratch ซึ่งเป็นแอปพลิเคชัน (Web App)
‍‍‍‍‍‍ ‍‍
ถ้าอยากทราบว่า จะใช้ Blockly สร้าง Web App อย่างไรได้บ้าง ลองดูตัวอย่าง ให้ดูเว็บ "Blockly Games" (https://blockly-games.appspot.com/) ที่มีตัวอย่างเกมส์ ผู้ใช้หรือผู้เล่นต้องนำบล็อกที่มีให้เลือก มาวางต่อกันเพื่อแก้ปัญหา
‍‍‍‍‍‍ ‍‍
Blockly สามารถแปลงโปรแกรมที่ได้จากการต่อบล็อกต่าง ๆ ให้กลายเป็นโค้ดในภาษาคอมพิวเตอร์ ซึ่งมีหลายภาษาให้เลือกเป็นเอาต์พุต เช่น JavaScript, Python เป็นต้น ดังนั้น ผู้เรียนสามารถเปรียบเทียบและเชื่อมโยงระหว่างโปรแกรมที่เกิดจากการต่อบล็อก และโค้ดที่ได้จากโปรแกรมในภาษาคอมพิวเตอร์ตามที่เลือกให้เป็นเอาต์พุต (ตรงนี้ก็ถือว่า สำคัญในการเรียนรู้ Coding)
‍‍‍‍‍‍ ‍‍
💡 BBC Micro:bit, Microsoft MakeCode
‍‍‍‍‍‍ ‍‍
โครงการ BBC Micro:bit (https://microbit.org/) จากประเทศอังกฤษ ได้พัฒนาบอร์ดไมโครคอนโทรลเลอร์ Micro:bit เพื่อส่งเสริมการเรียนรู้ด้านคอมพิวเตอร์ให้แก่เยาวชน ผู้เรียนสามารถใช้เขียนโค้ดโดยการนำบล็อกมาต่อกัน ใช้งานผ่านเว็บเบราว์เซอร์ โดยเข้าไปที่เว็บ Micro:bit's Code Kingdoms (https://www.microbit.co.uk/app/) หรือ Microsoft MakeCode for Micro:bit (https://makecode.microbit.org/)
‍‍‍‍‍‍ ‍‍
MakeCode ของ Microsoft ก็ใช้ Google Blockly เป็นพื้นฐาน (a fork of Blockly) ในการสร้าง Web-based Block editor และใช้วิธีแปลงบล็อกเหล่านั้น ให้เป็นโค้ดในภาษา "Static TypeScript (STS) / TypeScript" จากนั้นจึงแปลงให้เป็นไฟล์โปรแกรม (.hex) ที่นำไปใช้ได้กับบอร์ด Micro:bit
‍‍‍‍‍‍ ‍‍
ผู้ที่อยากจะใช้ Scratch ร่วมกับบอร์ด Micro:bit ก็มีตัวเลือกอย่างเช่น "Scratch 3.0 micro:bit experimental extension" ซึ่งสามารถเชื่อมต่อโปรแกรม Scratch ผ่าน Bluetooth ไปยังบอร์ด Micro:bit ได้ โดยต้องโปรแกรมไฟล์ scratch-firmware-combined.hex ลงในบอร์ดก่อน
‍‍‍‍‍‍ ‍‍
💡 Arduino กับการเขียนโค้ดเชิงกราฟิกแบบออนไลน์ในสไตล์ Blockly
‍‍‍‍‍‍ ‍‍
ลองมาดูว่า มีตัวอย่างเว็บที่ใช้ Blockly มาสร้าง Web App สำหรับสร้างโปรแกรมเพื่อนำไปใช้กับบอร์ดไมโครคอนโทรลเลอร์ อย่างเช่น Arduino อะไรบ้าง
‍‍‍‍‍‍ ‍‍
◻️ BlocklyDuino (https://github.com/gasolin/BlocklyDuino)
- เป็น Web-based visual programming editor for Arduino
- ได้แรงบันดาลใจมาจาก ( inspired by) "ArduBlock" ซึ่งเป็น Arduino Plug-in สำหรับเขียนโค้ดด้วยบล็อก
- พัฒนาโดย Fred Lin ตั้งแต่ปีค.ศ. 2012
- เป็น Open Source (Apache License 2.0)
- ใช้ Google Blockly สำหรับพัฒนาในส่วนที่เป็น Web App
- สามารถรันเป็น Web server (เขียนด้วย Python) ในเครื่องของผู้ใช้ได้ และเข้าใช้งานผ่านหน้าเว็บได้ แต่จะต้องติดตั้งซอฟต์แวร์ Arduino IDE & tools ในเครื่องของผู้ใช้ เพื่อใช้ในการคอมไพล์โค้ดและอัปโหลดไปยังบอร์ด Arduino
- ใช้สำหรับบอร์ด Arduino Uno, Mega, Nano เป็นต้น
- มีการเพิ่มบล็อกให้เลือกใช้สำหรับฮาร์ดแวร์ของ Groove เช่น RC Servo, Motor, Relay, Button, Tilt Switch เป็นต้น และสามารถใช้งานออนไลน์ได้ที่ BlocklyDuino "Grove Edition" https://bit.ly/2mPqDwq

◻️ BlocklyProp (http://blockly.parallax.com/blockly/)
- เผยแพร่ครั้งแรกในเดือนกันยายน ค.ศ. 2016
- พัฒนาโดยบริษัท Parallax Inc. (USA)
- เป็น Open source (Apache License 2.0)
- ได้แรงบันดาลใจมาจาก (inspired by) BlocklyDuino
- ใช้ Google Blockly สำหรับพัฒนาในส่วนที่เป็น Web App
- สามารถรันเป็น Web server (เขียนด้วย Java) ในเครื่องของผู้ใช้ได้ และเข้าใช้งานผ่านหน้าเว็บได้
- ใช้ได้เฉพาะบอร์ด Parallax เท่านั้น เช่น บอร์ด Propeller Multicore(http://www.parallax.com/microcontrollers/propeller)
- เข้าใช้งานแบบออนไลน์ผ่านเว็บได้ที่ http://blockly.parallax.com/blockly/ และผู้ใช้ต้องติดตั้งซอฟต์แวร์ชื่อ "BlocklyProp Client" เพื่อใช้ในการเชื่อมต่อบอร์ดผ่านทาง USB สำหรับการอัปโหลดโปรแกรม

◻️ ArduBlockly (https://ardublockly.embeddedlog.com/)
- ได้แรงบันดาลใจมาจาก ( inspired by) และพัฒนาต่อยอดจาก BlocklyDuino
- ใช้ Google Blockly สำหรับพัฒนาในส่วนที่เป็น Web App
- เป็น Open source (Apache License 2.0)

◻️ Blockly@rduino (http://www.techmania.fr/BlocklyDuino/)
- พัฒนาต่อยอดจาก BlocklyDuino เริ่มต้นราวปีค.ศ. 2016
- เป็น Open Source (Apache License 2.0)
- ใช้ Google Blockly สำหรับพัฒนาในส่วนที่เป็น Web App
- ใช้สำหรับบอร์ด Arduino Uno, Mega, Nano เป็นต้น

◻️ Webduino Blockly (https://blockly.webduino.io/)
- ใช้สำหรับบอร์ด BPI:bit (ESP32-based) จากบริษัทในประเทศจีน
- เป็น Open Source


🤔 เพิ่มเติม:
- การสร้างระบบซอฟต์แวร์ในทางวิศวกรรมแบบใช้บล็อก ก็มีให้เห็น อย่างเช่น MATLAB / Simulink และ LabView เป็นต้น สามารถจำลองการทำงาน แล้วแปลงเป็นโค้ดคอมไพล์ไปใช้งานสำหรับบอร์ดไมโครคอนโทรลเลอร์ได้ แต่ก็เป็นซอฟต์แวร์ที่ต้องเสียค่าลิขสิทธิ์ ไม่ฟรี และไม่ใช่ Open Source
- การเขียนโปรแกรมโดยใช้บล็อกสำหรับไมโครคอนโทรลเลอร์ เช่น Arduino ความสะดวกอยู่ที่การเลือกใช้บล็อกที่มีการเตรียมไว้แล้ว ก็เหมือนกับการสร้างไลบรารีสำหรับ Arduino ไว้ให้เรียกใช้งาน คนอื่นทำไว้ให้ เราก็แค่นำมาใช้งานให้เป็น
- ถ้าชุดของบล็อกเหล่านั้น (หรือเรียกว่า Block Set) มีอย่างจำกัด ก็จะจำกัดความยืดหยุ่นหรือความสามารถในการสร้างโปรแกรมของเราได้ แต่ถ้าบล็อกเซตมีจำนวนมาก เช่น มีจำนวนของบล็อกหลักร้อยหรือหลักพัน ก็ต้องใช้เวลาเรียนรู้ว่า แต่ละบล็อกใช้งานอย่างไร
- บางกรณีมีการสร้าง Custom Block (Blockly-based) ให้ผู้ใช้ เขียนโค้ดเองลงในบล็อกนั้นก็ได้ หรือถ้าสามารถสร้างบล็อกเพิ่มเติมไว้ใช้งานได้เอง ก็น่าสนใจ
- การสร้างบล็อกสำหรับใช้งานกับอุปกรณ์ฮาร์ดแวร์ แม้ว่าจะเป็นอุปกรณ์ประเภทเดียวกัน ก็มีความแตกต่างกันได้ เหมือนในกรณีของไลบรารีสำหรับ Arduino จากผู้พัฒนาหลายแหล่งและมีชื่อฟังก์ชันหรือคำสั่งซึ่งแตกต่างกัน
‍‍‍‍‍‍ ‍‍
🤔 ข้อคิดเห็น:
- ตัวเลือกซึ่งเป็นซอฟต์แวร์สำหรับการเรียนรู้ ที่ได้นำเสนอมานั้น เป็นแค่บางส่วน (Open Source ทั้งหมด) ยังมีตัวเลือกอื่น ๆ อีกสำหรับการเรียนรู้
- ควรส่งเสริมความหลากหลาย เพื่อให้เกิดการเปรียบเทียบ พิจารณาความเหมือนความต่าง และความเชื่อมโยง
- มีตัวเลือกให้มากมายและใช้ได้ฟรี แต่ถ้าไม่เริ่มและลงมือจริงจัง ก็ไม่ก่อให้เกิดประโยชน์
‍‍‍‍‍‍ ‍‍
References / Credit
- MIT Scratch
🔗 https://scratch.mit.edu
- Berkeley Snap!
🔗 https://snap.berkeley.edu
- MIT App Inventor 2 for Android
🔗 http://appinventor.mit.edu/explore/
- MIT App Inventor 2 online editor
🔗 http://ai2.appinventor.mit.edu/
- Google Blockly
🔗 https://developers.google.com/blockly/
- Google Blockly: Sourcecode
🔗 https://github.com/google/blockly
- Scratch Blocks: Sourcecode
🔗 https://github.com/LLK/scratch-blocks
- BBC Micro:bit
🔗 https://microbit.org/
- Micro:bit's Code Kingdoms
🔗 https://www.microbit.co.uk/app/
- MakeCode: Microsoft's JavaScript Blocks editor for Micro:bit
🔗 https://makecode.microbit.org/
- Scratch 3.0 micro:bit experimental extension
🔗 https://llk.github.io/microbit-extension/iste18/
- ArduBlock: Sourcecode
🔗 https://github.com/taweili/ardublock
- BlocklyDuino: Sourcecode
🔗 https://github.com/gasolin/BlocklyDuino
- BlocklyProp
🔗 http://blockly.parallax.com/blockly/
- BlocklyProp Starter Kit, Parallax Inc.
🔗 https://www.parallax.com/educ…/teach-blocklyprop-starter-kit
- BlocklyProp: Sourcecode
🔗 https://github.com/parallaxinc/BlocklyProp
- ArduBlockly
🔗 https://ardublockly.embeddedlog.com/
- ArduBlockly: Sourcecode
🔗 https://github.com/carlosperate/ardublockly/
- BlocklyDuino "Grove Edition"
🔗 https://blocklyduino.github.io/Blockly…/…/apps/blocklyduino/
- Blockly@rduino
🔗 http://www.techmania.fr/BlocklyDuino/
- Blockly@rduino: Sourcecode
🔗 https://github.com/technologiescollege/Blockly-at-rduino
- Webduino: Sourcecode
🔗 https://github.com/webduinoio
‍‍‍‍‍‍ ‍‍
#IoT #STEM #VisualProgramming #KruBright
‍‍‍‍‍‍ ‍‍

Tags:
โปรแกรมเมอร์ไทย Thai programmer

About author
เพจนี้เปิดใช้งานเมื่อ 22 มิถุนายน 2014 เพจนี้เน้นหนักไป ทางการเขียนโปรแกรม คอมพิวเตอร์ และไอที ล้วน ๆ แบบฮาร์ดคอ หรือจะไร้สาระ มุกตลกขำ
ให้สาระด้านไอที คอมพิวเตอร์ และอาชีพโปรแกรมเมอร์ และสายงานด้านคอมพิวเตอร์
160760 followers 154764 likes "https://www.patanasongsivilai.com/blog/"
View all posts
社群媒體上有些相關的討論：

google blockly 在 google/blockly: The web-based visual programming editor. 的推薦與評價

Google's Blockly is a library that adds a visual code editor to web and mobile apps. The Blockly editor uses interlocking, graphical blocks to represent ... ... <看更多>

google blockly 在 Google Blockly積木愛玩 的推薦與評價

Google Blockly 積木愛玩. Public group. ·. 135 members. Join group. About. Discussion. Events. Media. More. About. Discussion. Events. Media. Join group. ... <看更多>

你可能也想看看
google blockly解答
google blockly教學
Blockly
blockly積木程式編輯器
blockly中文
blockly程式
Blockly Games
Blockly demo
搜尋相關連結

#1. Blockly 遊戲

Block-based programming lessons for beginners. Free from Google. ... Blockly Games. 為了明日的程式設計師所設計的遊戲。 給教育者的資訊.

#2. Blockly | Google Developers

The Blockly library adds an editor to your app that represents coding concepts as interlocking blocks. Blockly generates simple, syntactically-correct code ...

#3. 碧華國小程式教育中心- Blockly Game

Google Blockly Game · 程式碼- Blockly Demo · Webduino Blockly 教學 · Blockly | Google Developers · GitHub - google/blockly: The web-based visual programming editor.

#4. Blockly - 維基百科，自由的百科全書

Blockly 是一款運行在網頁客戶端的JavaScript 庫，目的是用來打造以積木塊為基礎，附帶編輯器的視覺化 ... Google Blockly - A Graphical Language with a Difference.

#5. Google Blockly Games，讓火星文變積木 - 科技新報

Google 2012 年時推出Blockly，是開源圖像式程式編輯工具，特色是將程式設計具像化為積木拖曳和組合，不用手動輸入程式碼就能做到基礎程式設計應用， ...

#6. Blockly Games 解答- 迷宮 - Webduino 基礎教學

Blockly Games 總共有七個主題遊戲，第二個主題是迷宮，迷宮裡又分成十個不同的關卡，由簡到難，學習如何運用迴圈及條件的概念，點擊進去後會從第一關開始，一樣會有 ...

#7. google/blockly: The web-based visual programming editor.

Google's Blockly is a library that adds a visual code editor to web and mobile apps. The Blockly editor uses interlocking, graphical blocks to represent ...

#8. google-blockly has Moved!

google -blockly has Moved! This project has moved to a new location on the internet. Its new home is at: https://developers.google.com/ ...

#9. Google Blockly Games，讓火星文變積木 - T客邦

Google 在2012年時推出Blockly，是一款開源的圖像式程式編輯工具，特色是將程式設計具像化為積木的拖曳和組合，不用手動輸入程式碼就能實現基礎的程式 ...

#10. Google發表Blockly Games，讓小學生邊玩邊學習程式設計概念

Blockly 是一個以網頁為基礎的圖像設計編輯工具，只要拖曳圖塊就能打造應用程式，完全不需輸入文字，並可將Blockly程式匯出成JavaScript、Python或XML ...

#11. Blockly遊戲破關: 迷宮10

#12. mBlock Blockly - Google Play 應用程式

mBlock Blockly, renamed from the mBlock App, is a graphical programming software made by Makeblock for STEAM education. It introduces users to the world of ...

#13. Google Blockly積木愛玩

Google Blockly 積木愛玩. Public group. ·. 135 members. Join group. About. Discussion. Events. Media. More. About. Discussion. Events. Media. Join group.

#14. Blockly - Google Groups

Welcome to the Blockly developers group! Feel free to post questions about developing with Blockly, demos of things you've built, or make suggestions for ...

#15. Blockly Games 解答- 烏龜 - Webduino 基礎教學

Blockly Games 第四個主題是烏龜，一樣有從簡到難的十個關卡，利用正多邊形角度和長度，搭配重複執行的積木，畫出指定的圖形。左下方的烏龜與兔子圖示可以調整畫圖的 ...

#16. 程式碼 - Blockly Demo

Blockly ‏ > Demos‏ > 程式碼. Bahasa Melayu, Brezhoneg, Català, Dansk, Deutsch, Eesti, English, Español, Français, Hrvatski, Hunsrik, Interlingua, Italiano ...

#17. Blockly – opensource.google

Blockly is a library for adding drag and drop block coding to an app. This is primarily used for computer science education, but can also give users a way ...

#18. Google Blockly - Coggle

Google Blockly (BLOCKs (Sound, Animation, Light, Control, Look, Variables,…: Google Blockly (BLOCKs, SETTING, 新增裝置, 畫布)

#19. 第二次:圖形化程式語言-Blockly

Blockly 目前主要分為7個小遊戲包含飛機座位計算(Plane Seat Calculator)、迷宮(Maze)、圖形計算 ... https://sites.google.com/site/warkeyli/blockly(原始碼.程式碼).

#20. Google Blockly - 點點滴滴

Google Blockly 他是一個由google開發的服務最初主要是想要讓App inventor後台程式碼的編輯更加方便所創造出來的視覺化程式碼編輯器

#21. blockly - 知乎

题外话:自从科学上网后，翻看Google blockly文档那些就舒服多了~~ 翻看了很久Google blockly文档，发现很少有关于ContextMenu的一些内容，经过一翻的搜索，终于找到 ...

#22. blockly - npm

Blockly is a library for building visual programming editors. ... Install. npm i blockly. Repository. github.com/google/blockly. Homepage.

#23. Google 玩遊戲學程式中文化線上課程Blockly Games - 電腦玩物

「 Blockly Games 」並非新服務， Google 在2014 年年底就已經將這個網站上線，但為什麼我現在才介紹呢？ 因為前一陣子這個網站的內容才真正有了比較完整 ...

#24. Google Blockly Games，讓火星文變積木| T客邦

Google 在2012年時推出Blockly，是一款開源的圖像式程式編輯工具，特色是將程式設計具像化為積木的拖曳和組合，不用手動輸入程式碼就能實現基礎的程式 ...

#25. Google Blockly on 'node-blockly' - dynamic number of inputs

So i'm using 'node-blockly' package to implement Google Blockly to my ... Does standard Google's block library support something like this?

#26. Blockly: Google's Programming Gift to Children, Teachers, and ...

Buy Blockly: Google's Programming Gift to Children, Teachers, and Parents: Read Kindle Store Reviews - Amazon.com.

#27. Review of Google Blockly and its Innovative Use

Download Citation | On Jun 30, 2018, Uttara Athawale and others published Review of Google Blockly and its Innovative Use | Find, read and ...

#28. 第一章Google Blockly教学应用手册 - yinhang2

1.1 Google Blockly概述. 美国计算科学教育一直认为计算机作为当今各个领域的基础技术工具，有必要让学生尽早的了解和学习计算机工作原理 ...

#29. google blockly _ 搜索结果

点击查看更多相关视频、番剧、影视、直播、专栏、话题、用户等内容；你感兴趣的视频都在B站，bilibili是国内知名的视频弹幕网站，这里有及时的动漫新番，活跃的ACG氛围 ...

#30. 使用Google Blockly訓練邏輯思考

Google Blockly 是一款Web-based，以圖形拖拉組合、類似堆積木的方法，來寫程式的一個圖形化程式語言（graphical programming language）。

#31. Google Introduces Kids to Coding Through Blockly Games ...

Google has unveiled a special collection of online Blockly Games that are built as playful ways to engage children in their first efforts at ...

#32. Scratch and Google Blockly: How Girls' Programming Skills ...

We use and compare two environments based on Scratch and Google Blockly in fostering the students' programming skills and changing their ...

#33. 七歲小孩都能編程：Google Blockly讓用戶通過圖形模塊拖放來 ...

這是我見過的最傻瓜的編程學習工具了！Google Blockly，一個網頁應用，通過擺積木一樣的拖放各種編程模塊，七歲小孩都能輕鬆創建一小段程序。

#34. 初識基於Web 的視覺化程式設計工具Google Blockly - IT閱讀

整個過程只需要滑鼠的拖曳，不需要鍵盤敲擊。適用於在編碼方面“小白”使用者，Google Blockly類似Google放棄的App Inventor，不清楚Blockly與App Inventor ...

#35. google可視化編程工具blockly入門 - ZH中文网

什麽是blockly？blockly是google發布的可視化編程工具，是一個基于web技術構建的庫；blockly的目的是幫助客戶創建app，使得用戶（app的使用者）編程就 ...

#36. Google Blockly 初體驗 - 每週一進

Blockly is a web-based, graphical programming editor. ... Google提供Blockly 語言，設計Blocky的目的是要取代App Inventor，也是使用的「區塊編輯 ...

#37. Blockly编程教程-Google Blockly入门与介绍_LitTwoTwo的博客

介绍blockly是google发布的可视化编程工具，基于web技术构建。在功能/设计上和MIT的儿童编程语言Scratch类似使用blockly的时候，用户可以通过拖曳模块 ...

#38. Blockly for iOS - Google Developers Blog

At Google I/O, we announced our ongoing investment in Blockly with the release of a native Android version. We also highlighted significant ...

#39. Blockly - 来自Google的可视化编程工具 - IT笔录

Google Blockly 是一款基于Web的、开源的、可视化程序编辑器。你可以通过拖拽 块 的形式快速构建程序，而这些所拖拽的每个 块 就是组成程序的基本单元 ...

#40. Google's Blockly enhances block-based programming - Open ...

Google has released a new version of its open source library Blockly. The update brings code generation in new programming languages to ...

#41. 試玩~Google's Blockly 離線版 - 曾令燊Davis@Blog部落格

首先，到 https://github.com/google/blockly 查看其說明... Google's Blockly is a web-based, visual programming editor. Users can drag blocks ...

#42. google視覺化程式設計工具blockly入門 - 劇多

什麼是blockly？ blockly是google釋出的視覺化程式設計工具，是一個基於web技術構建的庫；blockly的目的是幫助客戶建立app，使得使用者（app的使用 ...

#43. Solutions to Blocky Game Music (Blockly 音樂遊戲參考解法)

Get the Medium app. A button that says 'Download on the App Store', and if clicked it. A button that says 'Get it on, Google Play', and if clicked.

#44. Getting started with Blockly

Blockly is a library for building block programming apps. Block programming allows users to create scripts and programs by using visual blocks, even if they do ...

#45. fChart程式設計教學工具+Blockly中文離線版

Thonny+ESP8266工具箱可攜式套件: Google MEGA 使用說明 ... Blockly程式積木編輯器是使用源於"雲林SONG"的精簡版本，只保留Code部分 * 謝謝Ping-Lun Liao的授權使用。

#46. blockly | Yarn - Package Manager

Google's Blockly is a library that adds a visual code editor to web and mobile apps. The Blockly editor uses interlocking, graphical blocks to represent ...

#47. Blockly – 來自Google的可視化編程工具 - 每日頭條

Google Blockly 是一款基於Web的、開源的、可視化程序編輯器。你可以通過拖拽塊的形式快速構建程序，而這些所拖拽的每個塊就是組成程序的基本單元。

#48. Google Releases Blockly 1.0 for Android and iOS - XDA ...

Over the years, Google has released many open-sourced projects to aid developers in coding for their platforms. One such project is called ...

#49. Auto-generating Google Blockly visual programming elements ...

Auto-generating Google Blockly visual programming elements for peripheral hardware. Abstract: There are plenty of tools that allow users to create their own ...

#50. Webduino Blockly 「積木方城市」：如何將Blockly 體驗版程式 ...

Webduino 雲端平台可以使用Email 信箱註冊或是透過Google 帳號授權登入， ... 在Webduino Blockly 程式積木，每個帳號有20 個免費的專案數量上限！

#51. google/blockly-games - githubmemory

Google's Blockly Games is a series of educational games that teach programming. It is based on the Blockly library. All code is free and open source.

#52. Google Blockly - a visual programming language | Hacker News

It was pretty fun. JS generated isn't so bad.. var n; var A; var i; var x; var j; n = 100; A = []; ...

#53. Blockly_百度百科

2012年6月，Google发布了完全可视化的编程语言Google Blockly，类似MIT的儿童编程语言Scratch， 你可以通过类似玩乐高玩具的方式用一块块图形对象构建出应用程序。

#54. 拼图也能写代码？快来试试这个谷歌开源的工具！

【导语】：Blockly 是Google 开源的基于web 的可视化程序编辑器，用户可以将一些定义好的图形块拼接在一起，用来构建应用程序。

#55. Blockly? Google? Google Blockly - wow!! How did I miss That!

Google Blockly - wow! ... The right click menu for the Blockly blocks has a "help" option at the bottom for each block that opens another ...

#56. Google Blockly Lets You Hack With No Keyboard | WIRED

Google has released a completely visual programming language that lets you build software without typing a single character.

#57. Google Blockly Summit 2019 Recap - MIT App Inventor

Last week I attended the Google Blockly Summit 2019. For those of you who might not know what Blockly is, it is the JavaScript library that ...

#58. 堆積木寫程式：Google Blocky

「Blocky」這東西，是Google 所推出的一個感覺頗好玩，可以在網頁上、以 ... 在Google Prjoect 上找到：http://code.google.com/p/google-blockly/.

#59. Google Blockly 視覺化程式設計入門 - 學聯網

Google Blockly 程式語言：以視覺化程式語言Google Blockly取代傳統C/C++/Java等傳統程式語言，避開初學者對程式語法的學習障礙。 融合程式邏輯概念的遊戲：以內含程式概念 ...

#60. 跟我玩Blockly——Blockly环境搭建与基本介绍

Google Developer Groups GDG Lanzhou presents 跟我玩Blockly——Blockly环境搭建与基本介绍| Oct 28, 2017. Find event and ticket information.

#61. 第一章Google Blockly教學應用手冊 - GetIt01

第一章Google Blockly教學應用手冊來自專欄blockly1.1 Google Blockly概述美國計算科學教育一直認為計算機作為當今各個領域的基礎技術工具，有必要...

#62. Google開發Blockly遊戲蕭學宏：在遊戲中學習寫程式 - PeoPo ...

日前Google開發了一個簡單的Blockly遊戲，長榮大學媒體設計學系助理教授 ... 的邏輯思考能力，Google也將持續開發更多不同的遊戲來讓孩童學習，另外還 ...

#63. 谷歌开源项目blockly的使用----采坑之路- 掘金

blockly 能做什么：通过拖动块产生代码；生产的代码可以是JS,Python,PHP,Lua ... https://github.com/google/blockly/tree/master/msg/js](https:// ...

#64. Google Blockly - Heron's Note - Heron Yang

今天在WIRED（http://www.wired.com/wiredenterprise/2012/06/google-blockly/）上頭看的Google Blocky，說是視覺化的程式語言，於是玩了他的名叫Maze ...

#65. blockly - ROS Wiki

This package provides web-based visualization and block programming tools for robots and drones based in blockly (github.com/google/blockly) ...

#66. How to code with Google Blockly - Tech Advisor

Thought computer programming was difficult? Think again. We show you how to write a computer program using Google Blockly, a free online ...

#67. Code.org: Learn today, build a brighter tomorrow.

... Bill and Melinda Gates Foundation, PricewaterhouseCoopers, Vista Equity Partners, Google, Ali and Hadi Partovi, Ballmer Group, Quadrivium Foundation, ...

#68. Blockly - 第 17 頁 - Google 圖書結果

He worked so hard that when he presented the finished project to Google, his boss gave him back his vacation time! Blockly was a special hobby project for ...

#69. Human-Computer Interaction. Multimodal and Natural ...

Our system combines components from Google's Blockly, a visual programming language with a drag-and-drop puzzle piece interface, and Microsoft's Xbox Kinect ...

#70. Parallel Processing and Applied Mathematics: 12th ...

Multi-agent Systems Programmed Visually with Google Blockly Szymon Górowski, Robert Maguda, and Pawel Topa(B) Department of Computer Science, AGH University ...

#71. 國立故宮博物院

facebook · instagram · youtube · Google Arts & Culture · podcast · 南部院區. 612008嘉義縣太保市故宮大道888號. 交通指南. (05)3620-777. [email protected].

#72. ScratchJr - Home

In the process, they learn to solve problems, design projects, and express themselves creatively on the computer. Download on the App Store · Get it on Google ...

#73. Tynker: Coding For Kids, Kids Programming Classes & Games

... community that is built around encouraging students to gain confidence in their abilities and do so without fear of failure. Apple. Google for Education.

#74. 華碩Zenbo開發者計畫上線 - My-CTE

... 其中「對話編輯器」是幫助開發者設計、測試及發佈App對話腳本的平台；「圖形化編程工具」則是依Google blockly視覺化程式編輯器原型基礎，為Zenbo ...

#75. JavaScript 基礎語法01 - 全網搜

... https://ide.codemao.cn/. 以下需要科學上網. https://developers.google.com/blockly/. https://blockly-games.appspot.com blockly迷宮 ...

#76. 桃園市大溪區田心國民小學全球資訊網- 根植大溪田心懷全世界

Office 365 · Google for Education ... Office 365 · google for education ... Microsoft MakeCode for micro:bit · Blockly 遊戲 · 教育部運算思維推動計畫 ...

#77. Vybrali jsme 20 programovatelných hraček a stavebnic pro děti

Pokročilejším příkazům říkáme blokové programování a většina takových jazyků vychází z MIT Scratch a Google Blockly.

#78. Concours Castor Informatique — Plateforme

Le concours Algoréa fonctionne avec les navigateurs web suivants : Google Chrome à partir de la version 35 ;; Firefox à partir de la version 43 ;; Microsoft ...

#79. сайт Константина Полякова: Преподавание, наука и жизнь

Опубликована среда «Чертёжник-Blockly». 26.10.2021. Опубликован доклад «Язык Python в школьной информатике» на семинаре для учителей г. Тула. 29.08.2021.

#80. Opera games download

Blockly The Blockly library adds an editor to your app that represents ... Blob Opera - Google This game based on the original story of The Phantom of the ...

#81. Probleme de informatică | www.pbinfo.ro

Blockly este un mediu de programare vizual, gândit special pentru începători! Processing. Desenează, colorează, explorează! Top 100. Cei mai harnici utilizatori ...

#82. Battlefield Portal Isn't Going To Save 2042, Here's Why

... Free-for-All are the only two modes that support Portal's logic editor, akin to Unreal Engine 4's Blueprint system or Google's Blockly.

#83. 5.Sınıf Ders İçerikleri

Blok temelli programlama araçlarından Blockly Oyunlar uygulamasını ve özelliklerini öğrenecekler,; Blockly Oyunlar'da sunulan hedeflere ulaşmak için doğru ...

#84. Leveraging Applications of Formal Methods, Verification and ...

Google : Blockly (2011). https://developers.google.com/blockly/. Accessed 26 Mar 2018 9. Haverbeke, M., et al.: CodeMirror text editor (2011).

#85. Free K–12 Resources to Help with Remote and Blended ...

Blockly offers educational games using visual block language, to help young ... Code with Google provides free lessons for K-12 and college, ...

#86. Covid-19 Information and Resources – Welcome to Tackley

https://blockly.games learn computer programming skills for free ... https://artsandculture.google.com/partner/the-white-house The White House

#87. Prototyping of User Interfaces for Mobile Applications

Retrieved 3 June 2014 from http://www.limesurvey.org/en/ Blockly (2016) Google developers. Retrieved 12 Feb 2016 from https://developers.google.

#88. M5Flow

Blockly Python. ACCOUNT. Devices Logout. NEW FILE OLD FORUM · DOCS Examples Undo Redo closeDropdownListOpen Cloud Run Download

#89. BBC Micro:bit入門與學習(電子書) - 第 3-9 頁 - Google 圖書結果

圖 3-15 MakeCode 使用 google 的 Blockly 內核,使用方法和 blockly 是一樣的,和 scratch 也非常相像。圖示模組使用方法和外觀與大多數圖形化程式設計軟體一致, ...

#90. Information Science and Applications (ICISA) 2016

1–8. IEEE (2013). doi:10.1109/6710368 8. Valvachev, A.N.: http://www.rsdn.ru/article/Delphi/ 9. Google Blockly: http://www.habrahabr.ru/post/145067/ Islamic ...

#91. Dart packages

The official package repository for Dart and Flutter apps. Supported by Google. Flutter Favorites. Some of the packages that demonstrate the highest levels of ...

#92. Blockly编程教程-Google Blockly入门与介绍 - Element UI

介绍blockly是google发布的可视化编程工具，基于web技术构建。在功能/设计上和MIT的儿童编程语言Scratch类似使用blockly的时候，用户可以通过拖曳模块 ...

#93. Nashare pro code

Sign in - Google Accounts Please enable JavaScript to view the page content. ... between Google and MIT's Scratch Team — building on Google's Blockly ...

#94. Dash and Dot - 第 19 頁 - Google 圖書結果

Blockly : Programming on Your Own Blockly is the most fun and challenging app you can use with Dash ... Blockly is a programming language created by Google.

#95. DEV Community ‍ ‍

A constructive and inclusive social network for software developers. With you every step of your journey.

#96. Computer Supported Education - 第 175 頁 - Google 圖書結果

Fraser, N.: Blockly: A visual programming editor (2013). https://code.google.com/p/blockly 32. Meerbaum-Salant, O., Armoni, M., Ben-Ari, M.: Habits of ...

#97. Programming in the Primary Grades: Beyond the Hour of Code

Using Tickle app or Blockly, student drafts a program of the full scene. day Two ... Student shares the film with group members in a Google Drive folder or ...

#98. GeeksforGeeks | A computer science portal for geeks

A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, ...

#99. Cherokee County School District: Home

... Support Staff Employees of the Year. Facebook Twitter LinkedIn YouTube Instagram Report Tips · Employees · Jobs @ CCSD. Search site using Google ...