Introduction
Introduction
แนะนำการติดตั้ง ตอนที่ 1
แนะนำการติดตั้ง ตอนที่ 2 - ดาวน์โหลดและติดตั้งโปรแกรม
แนะนำการติดตั้ง ตอนที่ 3 - Extension ที่จำเป็นสำหรับเขียนโปรแกรม
การสร้างโปรเจ็คใหม่
ไฟล์ต่างๆที่เกี่ยวข้องกับการพัฒนาระบบ
สร้างโปรเจค Backend
สร้างโปรเจค Frontend
Start โปรเจค Backend และ Frontend ไปพร้อมกัน
ติดตั้ง Package ที่จำเป็นสำหรับ Backend
ตั้งค่า Package ที่จำเป็นสำหรับ Backend
ติดตั้ง Package ที่จำเป็นสำหรับ Frontend
ตั้งค่า Package ที่จำเป็นสำหรับ Frontend
การเชื่อมต่อกับฐานข้อมูล
การสร้างฐานข้อมูล MySQL จาก ER Diagram
ติดตั้ง Package ของ MySQL สำหรับ Backend
การสร้างหน้าลงทะเบียน
แนะแนวการติดตั้ง Adobe XD
Backend - สร้าง Route
Backend - Validation และ Middleware
Backend - บันทึกข้อมูลลงฐานข้อมูล
Frontend - สร้าง Route
Frontend - สร้างหน้าเว็บจาก UI ตอนที่ 1
Frontend - สร้างหน้าเว็บจาก UI ตอนที่ 2
Frontend - ทำ Validation ด้วย VeeValidate
Frontend - ส่งข้อมูลไปยัง Backend
การสร้างหน้าเข้าสู่ระบบ
Backend - สร้าง Route และ Validate
Backend - เชื่อมต่อกับฐานข้อมูล
Frontend - สร้างหน้าเว็บตาม UI
Frontend - เชื่อมต่อกับ Backend
หน้าออกจากระบบ
Backend - การออกจากระบบ
Frontend - สร้าง Navbar ตาม UI
Frontend - ติดตั้ง Icon Font-awesome และเชื่อมต่อ Backend
Frontend - ตรวจสอบการเข้าถึงหน้าและการใช้งาน Store Vuex
วิดีโอพิเศษ
ปรับแต่งหน้าเว็บให้ตรงกับ UI
ปรับแต่งหน้าเว็บ ติดตั้ง Alertifyjs เพื่อทำ popup dialog
หน้าจัดการข้อมูลอุปกรณ์ห้องประชุม
Backend - สร้าง Route
Backend - แปลง Base64 String เป็นรูปภาพ
Backend - ส่วนของการเพิ่มข้อมูล
Backend - ส่วนของการลบข้อมูล
Backend - ส่วนของการแก้ไขข้อมูล
Backend - ส่วนของการแสดงข้อมูลและ Paginatio
Backend - ส่วนของการแสดงข้อมูลและ Search
Frontend - สร้างหน้า Layout โดยใช้ Slot
Frontend - สร้างหน้า Sidebar ใส่ Layout
Frontend - สร้างหน้า Sidebar ปรับแต่ง
Frontend - สร้างหน้ารายการข้อมูลตาม UI
Frontend - สร้างหน้ารายการข้อมูลตาม UI ตอนท
Frontend - ดึงข้อมูลจาก Backend มาแสดงรายกา
Frontend - ตกแต่งรูปภาพให้อยู่ใน Table แบบส
Frontend - สร้าง Pagination ตอนที่ 1
Frontend - สร้าง Pagination ตอนที่ 2
Frontend - สร้าง Search box ตอนที่ 1
Frontend - สร้าง Search box ตอนที่ 2
Frontend - สร้าง Search box ตอนที่ 3
Frontend - การเพิ่มข้อมูล (สร้างหน้า Form)
Frontend - การเพิ่มข้อมูล (การทำ Validation
Frontend - การเพิ่มและลบข้อมูล
Frontend - การแก้ไขข้อมูล
แก้ไขข้อผิดพลาดก่อนเข้าบทเรียนถัดไป
หน้าจัดการข้อมูลห้องประชุม
Backend - Introduction และการสร้าง Route
Backend - Install ESLint ให้ตรวจสอบ Error ช่วยเรา
Backend - การเพิ่มข้อมูล
Backend - การลบข้อมูล
Backend - การแก้ไขข้อมูล
Backend - การแสดงข้อมูล Pageination และ Search
Frontend - สร้าง Route และสร้างหน้า ตาม UI
Frontend - การแสดงข้อมูล Pagination และ Search
Frontend - การลบข้อมูล
Frontend - การเพิ่มข้อมูล
Frontend - การแก้ไขข้อมูล
การแก้ไขข้อผิดพลาดเรื่องรูปภาพอัพโหลดเกิน
หน้าส่วนของการจองสำหรับสมาชิก
Backend - อธิบายและแก้ไข UI
Backend - แสดงรายการห้องประชุม
Backend - การเพิ่มการจองห้องประชุม สร้าง Route
Backend - การเพิ่มการจองห้องประชุม Custom validation
Backend - การเพิ่มการจองห้องประชุม Insert หลายตารางด้วย Transaction
Backend - แสดงรายละเอียดห้องประชุม
Backend - แสดงรายประวัติการจอง
Frontend - หน้าแสดงรายการห้องประชุมที่จะจอง ตอนที่ 1
Frontend - หน้าแสดงรายการห้องประชุมที่จะจอง ตอนที่ 2
Frontend - หน้าแสดงรายการห้องประชุมที่จะจอง ตอนที่ 3
Frontend - หน้าเพิ่มการจองห้องประชุม สร้าง Modal dialog
Frontend - หน้าเพิ่มการจองห้องประชุม สร้าง Forms
Frontend - หน้าเพิ่มการจองห้องประชุม ทำตัวเปิด ปิด Modal
Frontend - หน้าเพิ่มการจองห้องประชุม ดึงข้อมูลอุปกรณ์ห้องประชุม
Frontend - หน้าเพิ่มการจองห้องประชุม Validation
Frontend - หน้าเพิ่มการจองห้องประชุม
Frontend - หน้าเพิ่มการจองห้องประชุม เชื่อมต่อ Backend
Frontend - หน้าแสดงรายละเอียดห้องประชุม เชื่อมต่อ Backend
Frontend - หน้าแสดงรายละเอียดห้องประชุม สร้างหน้าจาก UI
Frontend - หน้าแสดงรายละเอียดห้องประชุม แก้ไขข้อผิดพลาด
Frontend - หน้าแสดงประวัติการจองห้องประชุม สร้างหน้าตาม UI
Frontend - หน้าแสดงประวัติการจองห้องประชุม ดึงข้อมูลจาก Backend
Frontend - หน้าแสดงประวัติการจองห้องประชุม Pagination และ Search
หน้าส่วนของการจองสำหรับผู้ดูแลระบบ
Backend - แนะนำ UI
Backend - ดึงข้อมูลห้องมาทำ Select
Backend - ดึงข้อมูลการจองแสดงในปฏิทิน
Backend - ดึงข้อมูลการจองห้องประชุม
Backend - อัพเดตสถานะการจอง
Backend - ลบข้อมูลการจอง
Frontend - สร้างหน้าสร้าง Route
Frontend - ทำ Select box เชื่อมต่อกับ Backend
Frontend - ติดตั้ง Lib ปฏิทิน Fullcalendar
Frontend - เปลี่ยนภาษาไทยให้ปฏิทิน Fullcalendar
Frontend - Add ข้อมูลการจองจาก DB ของปฏิทิน
Frontend - สร้างหน้าอนุมัติข้อมูลการจอง
Frontend - Search และ Pagination
Frontend - สร้างปุ่มอัพเดตสถานะการจอง
Frontend - เชื่อมต่อ Backend อัพเดตสถานะการจอง
Frontend - ลบข้อมูลการจอง
ส่วนของสิทธิ์การเข้าถึงหน้า
Backend - แนะแนวเริ่มต้น
Backend - สร้างฟังชั่นตรวจสอบสิทธิ์เข้าถึงหน้า
Backend - เช็คสิทธิ์การเข้าถึงหน้าในแต่ละ Route
Frontend - สร้างฟังก์ชั่นเช็คสิทธิ์การเข้าถึงหน้า
Frontend - นำฟังก์ชั่นสิทธิ์การเข้าถึงหน้าไปใช้งาน
Frontend - ตรวจสอบสิทธิ์เพื่อซ่อนหรือแสดง Sidebar
ปรับแต่งระบบ แก้ไขข้อผิดพลาด
การ Redirect หน้าหลังจาก Login
การทำ Router link active
Filter และการ Convert format datetime
แก้ไขเรื่องการจองซ้ำกันในช่วงเวลาเดียวกัน
การแสดงผลหลายหน้าจอ Responsive web
แนะแนว
หน้า Login และ Register
หน้าห้องประชุมที่จะจองและหน้าประวัติการจอง
Search box และปุ่ม Logout ของ Navbar
ปฏิทินแสดงข้อมูลรายการจองห้องประชุม
หน้าจัดการข้อมูลการจองห้องประชุม
หน้าจัดการข้อมูลอุปกรณ์ห้องประชุม
เรื่องของ Pagination
หน้าจัดการข้อมูลห้องประชุม
การ Publish ระบบที่ทำเสร็จแล้ว
EP15-01 การนำโปรเจ็คขึ้น Production - Build Frontend ชี้ที่อยู่ไปที่ Backend
config Backend ให้แยกระหว่างการ Dev กับ Prod
เรื่องของ Database
Build production ง่ายแค่คำสั่งเดียว
นำระบบสร้างเป็น Docker Image
ทดสอบระบบแก้ไขข้อผิดพลาด
แก้ไขเรื่องของการจองคนละห้องซ้ำกัน
ทดสอบระบบต่างๆ