Hello Svelte

Svelte

<script>
	let name = 'world';
</script>

<h1>Hello {name}!</h1>

ตัวอย่างข้างต้น เป็นการประกาศตัวแปร name แล้วนำตัวแปรดังกล่าวมาแสดงที่ HTML ด้านล่างโดยมีผลลัพธ์ดังนี้

Hello world!

หลังจากสร้าง Hello World แบบง่ายแล้วขั้นต่อไปให้ศึกษาหัวข้อประมาณนี้

1. การสร้างปุ่ม การใช้ Tag script, style
2. การกดปุ่มแล้วบวกเลขเพิ่มขึ้นเรื่อยๆ (Couter) หรือเกี่ยวกับการจัดการ state
3. การจัดการ Input และ binding ข้อมูลกับ Label
4. การสร้าง Component การรับส่งข้อมูลระหว่างแม่กับลูก
5. การสร้าง Layout ุ6. การใช้ Form ในการส่งข้อมูลให้ Server
6. การสร้าง REST API
7. การเรียกใช้ API