This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
sClass2 Weblog Vuejs PHP
Chapter 0 เริ่มต้นก่อนเรียนรู้ sClass2 Weblog
แนะนำตัวนักเรียน
ทำความเข้าใจคอร์สเรียนทั้งหมด (11:30)
Chapter 1 เรียนรู้โปรแกรมต่างๆที่จำเป็นต่อการเขียนเว็บไซต์
Ep1.1 Xampp & VScode Extensions (8:12)
Ep1.2 การใช้งาน Browser สำหรับการพัฒนาเว็บไซต์ (9:26)
Ep1.3 การใช้งาน POSTMAN เบื้องต้น (14:30)
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
Ep4.1 สร้าง Footer เกี่ยวกับเรา (19:57)
Ep4.2 สร้าง Copyright © & Social Icons (19:34)
Ep4.3 ปรับแต่ง Navbar on Scroll (15:32)
Ep4.4 สร้าง Progressbar on Scroll (16:17)
Ep4.5 นำ Google Font มาใช้งาน (3:55)
Ep4.6 อัพโหลดเว็บไซต์ขึ้น Firebase Hosting (ส่งผลงานให้ผู้สอน) (10:09)
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 (ต่อ)
Ep6.1 สร้างหน้า Profile ในส่วนของ Header (19:24)
Ep6.2 สร้าง SideBar ในหน้า Profile (13:55)
Ep6.3 สร้าง Form แสดงข้อมูลของ Profile (15:15)
Ep6.4 สร้างหน้าตั้งค่าบัญชี (10:20)
EP6.5 สร้างหน้ารายละเอียดบทความ Blog Detail (22:15)
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
Ep9.1 ขั้นตอนการดาวน์โหลด Master PHP Framework REST API
Ep9.2 ขั้นตอนการติดตั้ง และใช้งาน Composer (13:08)
Ep9.3 อธิบายโครงสร้าง REST API ทั้งหมด (18:31)
Ep9.4 ทดลองเขียน TEST API แบบง่ายๆ (26:46)
Ep9.5 สรุปผลการทดสอบ REST API (10:58)
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
Ep12 เริ่มต้นสร้าง Login ฝั่ง Client ด้วย Axios (6:29)
Ep4.3 ปรับแต่ง Navbar on Scroll
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock