5.1 Framework คืออะไร
Framework คือ เครื่องมือที่ช่วยให้การพัฒนาเว็บไซต์ง่ายและรวดเร็วขึ้น โดยมีโค้ดสำเร็จรูปให้ใช้งาน
Bootstrap คือ Framework ที่นิยมมากที่สุด
5.2 Bootstrap คืออะไร
Bootstrap เป็น Framework สำหรับ CSS และ JavaScript ที่ช่วยให้สร้างเว็บไซต์สวยงามและ Responsive ได้ง่าย
5.3 ตัวอย่างปุ่ม Bootstrap
<button class="btn btn-primary">ปุ่ม</button>
5.4 Alert
<div class="alert alert-success">
Success
</div>
5.5 Card
<div class="card">
<div class="card-body">
Hello
</div>
</div>
5.6 Grid System
<div class="row">
<div class="col">1</div>
<div class="col">2</div>
</div>
5.7 Form
<input class="form-control">
Workshop 1: สร้าง Card โปรไฟล์
<div class="card">
<div class="card-body">
<h5>สมชาย</h5>
<p>Student</p>
</div>
</div>
Workshop 2: สร้าง Layout 3 Column
Column 1
Column 2
Column 3
สรุป
- Bootstrap ช่วยให้พัฒนาเร็วขึ้น
- มี Component สำเร็จรูป
- รองรับ Responsive
- ใช้งานง่าย