Chapter 0 เริ่มต้นก่อนเรียนรู้ sClass2 Weblog
Chapter 1 เรียนรู้โปรแกรมต่างๆที่จำเป็นต่อการเขียนเว็บไซต์
Chapter 2 เริ่มต้นวิเคราะห์ Project และทำเอกสาร
-
Ep2.0 การสนทนาทำโปรเจคกับลูกค้า (5:32)
-
Ep2.1 การวิเคราะห์โปรเจคทั้งหมด (25:03)
-
Ep2.2 สอนการใช้งาน Flowaccount สำหรับทำเอกสาร (13:18)
-
Ep2.3 สร้างใบเสนอราคาและวิธีการคำนวณราคาโปรเจค (13:34)
-
Ep2.4 สร้างใบเสนอราคา ข้อตกลงการจ้างจัดทำเว็บไซต์ (7:47)
-
Ep2.5 ส่งเอกสารใบเสนอราคา และ สร้างเอกสารใบวางบิล/ใบแจ้งหนี้ (12:00)
-
Ep2.6 สร้างใบเสร็จรับเงินงวดแรก 50% (9:11)
Chapter 3 สร้างตัวอย่างเว็บไซต์ Demo
-
Ep3.0 ดูเอกสารตัวอย่างบทความของลูกค้า (3:07)
-
Ep3.1 เริ่มต้นสร้าง Project ด้วย Bootstrap5 (19:01)
-
Ep3.2 สร้าง Navbar & Header (10:58)
-
Ep3.3 เทคนิคจัดตำแหน่งของรูปภาพโลโก้ให้สวยงาม (10:16)
-
Ep3.4 เทคนิคการแก้ปัญหาการ Active ของ Navbar (10:37)
-
Ep3.5 สร้างช่องกรอกข้อมูลค้นหาบทความ และติดตั้ง FontAwesom v.5 (8:45)
-
Ep3.6 เริ่มต้นสร้าง Card บทความ (7:17)
-
Ep3.7 เทคนิคการตกแต่ง Image Card ให้สวยงาม (13:27)
-
Ep3.8 สร้าง Star Rating (20:45)
-
Ep3.9 แก้ปัญหาและจัดการ Card บทความ (18:29)
Chapter 4 Deploy เว็บไซต์ Firebase Hosting
Chapter 5 สร้างตัวอย่างเว็บไซต์ Demo (ต่อ)
-
Ep5.1 สร้าง Card ใหม่ด้วย Bootstrap5 อย่างเดียว (19:06)
-
Ep5.2 เพิ่ม Menu Profile ใน Navbar (9:39)
-
Ep5.3 เพิ่ม Menu Profile ใน Dropdown (7:21)
-
Ep5.4 Menu Profile Navbar Responsive (14:39)
-
ตอนพิเศษ ทำความเข้าใจกับ Bootstrap5 Version ตัวอย่างปัญหาที่เจอ (9:44)
-
Ep5.5 สร้างหน้าเข้าสู่ระบบ (Form Login) (11:44)
-
Ep5.6 ตกแต่ง Form Login และฝึกใช้ Polygon CSS Shapes (12:09)
-
Ep5.7 สร้างหน้าสมัครสมาชิก (Form Register) (8:47)
Chapter 6 สร้างตัวอย่างเว็บไซต์ Demo (ต่อ)
Chapter 7 การใช้งาน Vuejs ร่วมกับเว็บไซต์
-
Ep7.1 เริ่มต้นการติดตั้ง Bootstrap5 Vuejs FontAwesome และเริ่มปรับโครงสร้าง (19:45)
-
Ep7.2 เรียนรู้การใช้งาน Object (11:37)
-
Ep7.3 แสดงข้อมูล blogs ในรูปแบบของ Array of objects (v-for) (16:34)
-
Ep7.4 เรียนรู้การใช้งาน Basic Components (10:02)
-
Ep7.5 การใช้แบบ x-template และเรียนรู้การส่งค่าผ่าน props (10:06)
-
Ep7.6 ตัวอย่างการสร้าง Components กับ workshop จริงๆ (10:08)
-
Ep7.7 เรียนรู้การเขียนแบบ Single File Components (SFC) (10:22)
-
Ep7.8 เปลี่ยน Blog, Navbar, Footer ให้เป็น Component (7:54)
-
Ep7.9 เรียนรู้ Lifecycle Diagram Vuejs และใช้งานจริง (11:30)
Chapter 8 การใช้งาน Axios กับเว็บไซต์
-
Ep8.1 เรียนรู้การใช้งาน Axios เบื้องต้น เทียบกับ Ajax และ fetch (9:04)
-
Ep8.2 การใช้งาน Axios กับโปรเจค ด้วยการ GET blog.json (14:10)
-
Ep8.3 การใช้งาน this ร่วมกับ function และ arrow function (9:30)
-
Ep8.4 ปรับเปลี่ยนทุกหน้าเว็บให้เป็นแบบ Components (17:39)
-
Ep8.5 เรียนรู้การใช้งาน Method Event Handlers (Demo Login) (12:59)
-
Ep8.6 ทดลองสร้าง Credentials ไว้ใน localStorage หลังจาก Login (9:29)
-
Ep8.7 สร้าง Demo Register (8:33)
-
Ep8.8 จัดการ Authentication และใช้งาน v-if (13:37)
-
Ep8.9 เคลียร์โค้ดเว็บไซต์ทั้งหมดพร้อมส่งเป็นตัวอย่าง (13:17)
-
Ep8.10 Deploy เว็บไซต์ขึ้น Firebase Hosting (ส่งการบ้านให้ผู้สอน) (3:54)
Chapter 9 Master PHP Framework REST API
Chapter10 เริ่มต้นการสร้างระบบบทความ ส่วนของหน้าบ้าน
-
Ep10.1 สร้างและออกแบบฐานข้อมูล Category (8:24)
-
Ep10.2 สร้างและออกแบบฐานข้อมูล Blogs (10:39)
-
Ep10.3 เพิ่มข้อมูลใหม่ใน Table Blogs, Categories (12:42)
-
Ep10.4 สร้าง BlogController พื้นฐานการใช้งาน API (14:11)
-
Ep10.5 เริ่มต้นใช้งาน Method index เพื่อดึงข้อมูล และตั้งค่า ENV (11:38)
-
Ep10.6 เรียนรู้การใช้งาน Class Response เพื่อส่งข้อมูลให้ Client (10:28)
-
Ep10.7 เรียนรู้การ JOIN Table อย่างง่ายจากตัวอย่าง Blogs (9:59)
Chapter11 การแสดงบทความ Blog Detail API
-
Ep11.1 จัดการข้อมูลหน้า blog-detail ในส่วนของหน้าบ้าน (5:51)
-
Ep11.2 ตั้งค่าการดึงข้อมูลบทความด้วย Axios (6:05)
-
Ep11.3 จัดการข้อมูลบทความ ฝั่ง Server ในรูปแบบของ PHP REST API (10:36)
-
Ep11.4 สร้าง Query ข้อมูลบทความ API (10:50)
-
Ep11.5 แสดงข้อมูลบทความของทางหน้าจอ (9:57)
-
Ep11.6 ดึงข้อมูลจาก Query String หรือ Query Params มาใช้ (5:57)
Chapter 12 เริ่มต้นสร้าง Login Authentication Service
