Bootstrap Code Play

เรียนรู้การออกแบบเว็บแบบ Responsive ด้วยบทเรียน Bootstrap ที่คุณสามารถแก้ไขและดูตัวอย่างได้ Bootstrap Code Play เชื่อมโยงคำอธิบาย โค้ดตัวอย่าง และพื้นที่ทดลอง เพื่อให้คุณได้สำรวจว่าการเปลี่ยนแปลงมาร์กอัปส่งผลต่อหน้าเว็บอย่างไร

อ่าน เปลี่ยนแปลง ดูตัวอย่าง

เลือกหัวข้อ อ่านวิธีการทำงาน จากนั้นแตะ ลองใช้ เพื่อเปิดตัวอย่างในโปรแกรมแก้ไข เปลี่ยนคลาส ปรับเนื้อหา หรือเพิ่มองค์ประกอบ เปิดตัวอย่างเพื่อตรวจสอบผลลัพธ์ จากนั้นกลับไปที่โค้ดเพื่อทดลองอีกครั้ง

เรียนรู้ส่วนประกอบพื้นฐาน

ฝึกฝนการสร้างตารางแบบ Responsive การจัดรูปแบบตัวอักษร ปุ่ม การแจ้งเตือน ตาราง และแบบฟอร์ม สำรวจส่วนประกอบต่างๆ เช่น การ์ด แถบนำทาง แอคคอร์เดียน และกล่องโต้ตอบในเส้นทางการเรียนรู้ที่เกี่ยวข้อง บทเรียนแบบมีคำแนะนำประกอบด้วยขั้นตอน ความท้าทาย และข้อผิดพลาดทั่วไป เพื่อช่วยให้คุณเข้าใจโค้ดมากกว่าแค่คัดลอก บทเรียนโครงการจะนำแนวคิดต่างๆ มารวมกันในตัวอย่าง เช่น ส่วนราคาและแดชบอร์ดขนาดกะทัดรัด

เลือกเส้นทางการเรียนรู้

ศึกษาเส้นทางการเรียนรู้ Bootstrap 5.3.8 ที่มาพร้อมกับแอป หรือสำรวจ Bootstrap 4.6.2 และ 3.4.1 สำหรับโปรเจ็กต์เก่าๆ เส้นทางการเรียนรู้รุ่นเก่าๆ นั้นหมดอายุการใช้งานแล้ว และมีไว้สำหรับการเรียนรู้และการย้ายระบบเท่านั้น เส้นทางการเรียนรู้ Bootstrap 6 alpha แยกต่างหากนั้นอยู่ในช่วงทดลองใช้งาน การแสดงตัวอย่างต้องใช้การเชื่อมต่ออินเทอร์เน็ตและ WebView ที่ทันสมัย

ฝึกฝนอย่างต่อเนื่อง

ค้นหาหัวข้อหรือเรียกดูตามหมวดหมู่ ทำเครื่องหมายบทเรียนที่เสร็จสมบูรณ์และดูจำนวนครั้งที่คุณทำเสร็จในแต่ละเวอร์ชัน เปิดพื้นที่ทดลองเพื่อทดลอง HTML ของคุณเอง บันทึกไฟล์ และกลับมาใช้งานได้ผ่านทางไฟล์ที่บันทึกไว้

แก้ไขด้วยเครื่องมือที่มีประโยชน์

ใช้การเน้นไวยากรณ์ เลิกทำและทำซ้ำ ค้นหาและแทนที่ และไปที่บรรทัดขณะทำงานกับตัวอย่าง บันทึกเป็นจะเก็บสำเนาแยกต่างหาก และแชร์โค้ดจะส่งข้อความที่แก้ไขผ่านตัวเลือกการแชร์ที่มีอยู่

สำหรับนักเรียน ผู้เรียนด้วยตนเอง และนักพัฒนาที่กลับมาทบทวนเลย์เอาต์ที่ตอบสนองต่ออุปกรณ์ต่างๆ แอปนี้มีวงจรการเรียนรู้ที่ใช้งานได้จริง: อ่านคำอธิบาย ทำการเปลี่ยนแปลงเล็กน้อย และตรวจสอบผลลัพธ์

แอปนี้มีโฆษณา ตัวอย่างที่อ้างอิงถึงแหล่งข้อมูลภายนอกจำเป็นต้องใช้การเชื่อมต่ออินเทอร์เน็ต และความพร้อมใช้งานของแหล่งข้อมูลระยะไกลอาจแตกต่างกันไป