กลับไปหน้ารวมไฟล์
write-programs-with-the-arduino-web-editor-dcc832.md

โอเคน้องๆ เริ่มแรกเลย เราจะเปิด [Arduino](https://s.shopee.co.th/7fUgFAWSki) Create กันก่อน หลังจากนั้นก็จะได้หน้าตาประมาณนี้:

ภาพที่ 1.1 (Arduino Create)

ต่อมาให้เลือกที่ arduino web editor ไปเลย หน้าจอก็จะเปลี่ยนเป็นแบบนี้:

ภาพที่ 1.2 (Arduino Web Editor)

จากนั้นก็เลือกบอร์ดในช่อง Drop down ด้านบน หน้าตาจะประมาณนี้:

ภาพที่ 1.3 (หน้าจอเลือกบอร์ด)

เลือกเสร็จแล้วกด OK ไป หน้าจอเลือกบอร์ดก็จะหายไป:

ภาพที่ 1.4 (หลังจากเลือกบอร์ดแล้ว)

เขียนโปรแกรมลงในช่องว่างใต้ Toolbox ได้เลย หลังจากนั้นก็ Verify / Compile โปรแกรมกัน สำหรับการอัปโหลดโปรแกรมที่เขียนเสร็จแล้ว ขั้นแรกให้ดาวน์โหลดและติดตั้ง [Arduino](https://s.shopee.co.th/7fUgFAWSki) Create Agent ลงเครื่องก่อน เสร็จแล้วก็เชื่อม Arduino เข้ากับ Laptop พอ [Arduino](https://s.shopee.co.th/7fUgFAWSki) เชื่อมต่อกับ Laptop แล้ว ใน Arduino Web Editor จะขึ้นข้อความว่าเชื่อมต่อแล้ว จากนั้นก็อัปโหลดโปรแกรมได้เลย งานนี้จัดไป!

ง่ายใช่ไหมล่ะน้อง?

ข้อมูล Frontmatter ดั้งเดิม 

title: "Write programs with the Arduino Web Editor"
description: "Hello, all! This time, I will teach you how to write programs in the Arduino Web Editor. Curious? Come on, follow!"
author: "amalbanyus"
category: ""
tags:
  - "getting started guide"
views: 3119
likes: 1
price: 699
difficulty: "Easy"
components:
  - "1x Arduino Nano R3"
  - "1x Arduino Mega 2560"
  - "1x Arduino Due"
  - "1x Arduino Micro"
  - "1x Arduino 101"
  - "1x Arduino UNO"
tools: []
apps:
  - "1x Arduino Create Agent"
  - "1x Arduino Web Editor"
downloadableFiles: []
documentationLinks: []
passwordHash: "508c71d6f6dc84485a2da341abbd68d721605df72f353552f0d983a486a3b654"
encryptedPayload: "U2FsdGVkX18Qx3kf9aRBxV3vU3adr3LFvcBfN0imev07IqXYFH5/5e4t0oxS2sMHJ2fsh9NSmg6ceV6WoQhJnbr+/XGMXulzgWk68yKDU88qRx1kcn0mKTL31bIs8gpPnN9vrJ6Fjq6B2sgmQ0lPLg=="
seoDescription: "Learn how to write programs using the Arduino Web Editor. A simple guide to coding your Arduino online without any software installation."
videoLinks: []
heroImage: "https://cdn.jsdelivr.net/gh/bigboxthailand/arduino-assets@main/images/projects/write-programs-with-the-arduino-web-editor-dcc832_cover.jpg"
lang: "th"