รายละเอียดเนื้อหา
Tips : บนหน้าจอขนาดเล็ก สามารถ Scroll ด้านซ้ายขวาในตารางข้างล่างนี้เพื่ออ่านข้อมูลได้ ใครอยากรู้ว่าเขียนโค้ดยังไง ถามใน Facebook, Line, หรือ Discord ได้เลย
โปรเจ็คเว็บร้านกาแฟ Day 1 - Homepage
หัวข้อ
|
รายละเอียด
|
Start |
เริ่มต้นสร้างเว็บเพจด้วย Bulma Framework |
Hero |
เปิดตัวอย่างยิ่งใหญ่ด้วย Banner ต้อนรับคุณลูกค้า |
Navbar |
สร้างแถบเมนูบนสุดของเว็บ + Function เปิด/ปิดเมนู |
Featured products |
จัดเรียงสินค้าแนะนำอย่างเท่ห์ด้วย Flexbox |
Location and times |
ภาพบรรยากาศและพิกัดร้านด้วย Flexbox อีกรูปแบบหนึ่ง |
Footer |
แถบด้านล่างสำหรับปิดท้ายเว็บ |
โปรเจ็คเว็บร้านกาแฟ Day 2 - Products page
หัวข้อ
|
รายละเอียด
|
Start |
เอาโค้ดหน้า Homepage มาใช้ใหม่ในหน้าใหม่ |
Products |
สร้างหน้าแสดงสินค้าทั้งหมด + ปุ่มเลือกหมวดหมู่ |
Filter products |
สร้าง Function แสดงสินค้าที่อยู่ในหมวดหมู่ที่เลือก |
Filter products with animation |
ใส่ Animation ให้กับการแสดงสินค้า |
Link pages together |
เชื่อมทุกหน้าเข้าด้วยกัน และเก็บรายละเอียด |
โจทย์พร้อมโค้ดเฉลยเพิ่มเติม - After class
นอกจากเนื้อหาในโจทย์เว็บร้านกาแฟ Day 1-2 แล้ว คอร์สนี้จะมีโจทย์พร้อมโค้ดเฉลยเพิ่มเติมได้แก่
- โจทย์โปรเจ็คเว็บสถาปัตยกรรม ที่มีหน้าตาคล้ายกับเว็บร้านกาแฟ แต่รายละเอียดบางส่วนจะแตกต่างกัน สำหรับฝึกสกิลการเขียนเว็บอย่างต่อเนื่อง
- โจทย์การสร้าง UI และใส่ลูกเล่นต่างๆ มีมาให้เลือกเล่นมากมายหลายข้อ สามารถนำไปหัดเขียนโค้ดทำความเข้าใจต่อ และเอาโค้ดเหล่านี้ไปใช้งานจริงได้
สิทธิพิเศษเข้าร่วม Discord
ผู้ที่ซื้อคอร์สเรียนนี้ จะได้รับสิทธิในการเข้า Discord server ของทาง Zinglecode เพื่อเข้าร่วม Community พูดคุย สอบถาม รับชมสิ่งที่น่าสนใจ หรือแม้แต่ร่วมเล่นเกมส์มันส์ๆกับทางทีมงานก็ยังได้