หลักสูตร Laravel with Vue.js Workshop เป็นการอบรมสร้างเว็บแอป Full-stack ด้วย Laravel 13 และ Vue 3 ทั้ง Eloquent ระบบสมาชิก REST API และ GraphQL ไปจนถึง SPA ด้วย Vue Router และ Pinia เหมาะกับ PHP Developer ที่อยากเริ่มใช้ Framework จบแล้วได้ระบบตะกร้าสินค้าและ Blog ที่ Deploy ได้จริง
Laravel เป็น PHP Framework ที่ใช้ได้ตั้งแต่โปรเจกต์เล็กไปจนถึงระบบขนาดใหญ่ ทำงานคนเดียวหรือเป็นทีมก็ได้ และออกแบบมาให้ทำงานคู่กับ Vue.js ได้ตั้งแต่ต้น ทั้งแบบ Single Page Application ที่เรียก API และแบบ Inertia ที่ใช้ Routing กับ Controller ของ Laravel ผู้ที่เขียน PHP มาบ้างจึงต่อยอดเป็น Full-stack Developer ที่ดูแลได้ทั้ง Frontend และ Backend ด้วยเครื่องมือชุดเดียว
หลักสูตรนี้พาสร้างเว็บแอปด้วย Laravel 13 และ Vue 3 ตั้งแต่ติดตั้งเครื่องมือ ใช้ Routes, Controller, Blade และ Vite ออกแบบฐานข้อมูลด้วย Migration และ Eloquent ทำ CRUD พร้อม Validation ระบบ Login และสิทธิ์ผู้ใช้ สร้าง REST API และ GraphQL ส่งอีเมลด้วย Queue และทำ Dashboard แบบ Realtime จากนั้นเขียน Vue 3 ทำ SPA ด้วย Vue Router และ Pinia รู้จัก Inertia แล้วปิดท้ายด้วย Workshop ระบบตะกร้าสินค้าและ Blog เขียน Test และ Deploy ขึ้นใช้งานจริง (อบรม 5 วัน วันละ 6 ชั่วโมง รวม 30 ชั่วโมง ระดับ Intermediate)
รายละเอียดหลักสูตร
หลักสูตรนี้เป็นฉบับปรับปรุงใหม่ปี 2026 ของหลักสูตร Laravel with Vue.js Workshop อบรม 5 วัน วันละ 6 ชั่วโมง รวม 30 ชั่วโมง (09:00-16:00 น.) รูปแบบบรรยายพร้อม Lab และ Workshop ระดับ Intermediate ฉบับนี้เปลี่ยนจาก Laravel 9 เป็น Laravel 13 ใช้ Vue 3.5 แบบ script setup, Vue Router 5 และ Pinia ใช้ Sanctum สำหรับ API เพิ่ม Inertia กับ Vue Starter Kit ย้ายหัวข้อ Realtime จาก Firebase มาใช้ Reverb ของ Laravel รวมหัวข้อ GraphQL
เหลือบทเดียว และเพิ่มการเขียน Test ด้วย Pest ยังคง Workshop ระบบตะกร้าสินค้าและระบบ Blog และการ Deploy ขึ้นใช้งานจริง หลักสูตรนี้ครอบคลุมเนื้อหาของหลักสูตร Basic Laravel for Beginners และ Basic Vue.js 3 บางส่วนแต่เน้นการเชื่อมสองฝั่งเข้าด้วยกัน การส่งอีเมลจริงและการ Deploy ใช้บัญชีและ Server ของผู้เรียนเอง ผู้เรียนได้ Lab Guide ซอร์สโค้ดครบทุก Lab และโปรเจกต์ Workshop กลับไปใช้งานต่อ
Section 1: Lab: เตรียมเครื่องมือและติดตั้ง Laravel 13
Section 2: Routes และ Controller
Section 3: Blade, Component และ Vite
Section 4: Lab: ฐานข้อมูลด้วย Migration และ Query Builder
Section 5: Eloquent ORM
Section 6: Lab: Eloquent Relationships
Section 7: Lab: ฟอร์ม Validation และอัปโหลดไฟล์
Section 8: Authentication, Middleware และสิทธิ์ผู้ใช้
Section 9: Lab: REST API ด้วย Laravel
Section 10: GraphQL ด้วย Lighthouse
Section 11: อีเมล Queue และบริการภายนอก
Section 12: Lab: Dashboard แบบ Realtime ด้วย Reverb
Section 13: Lab: เริ่ม Vue 3 ใน Laravel
Section 14: Component และ SPA ด้วย Vue Router
Section 15: Lab: Pinia, Composable และ Sanctum SPA
Section 16: Inertia และ Vue Starter Kit
Section 17: Workshop: ระบบตะกร้าสินค้าด้วย Vue และ Laravel
Section 18: Workshop: ระบบ Blog ด้วย Laravel
Section 19: Lab: Test, Git และคุณภาพโค้ด
Section 20: Lab: Deploy ขึ้นใช้งานจริง
ขณะนี้ยังไม่มีรอบอบรมเปิดรับสมัคร ลงชื่อจองไว้ได้เลย ทีมงานจะติดต่อกลับเป็นกลุ่มแรกเมื่อเปิดรอบถัดไป หรือสอบถามทางไลน์ หรือโทร 02-570-8449 หรือ 088-807-9770
มีสองทาง ทางแรกคือเลือก Vue Starter Kit ตอนสร้างโปรเจกต์ ซึ่งตั้งค่า Vue 3, Inertia, TypeScript และ Tailwind มาให้พร้อม ทางที่สองคือติดตั้ง vue และ @vitejs/plugin-vue ด้วย npm แล้วเพิ่มปลั๊กอิน vue ในไฟล์ vite.config.js คู่กับ laravel-vite-plugin สร้างแอปด้วย createApp ใน resources/js แล้ว mount ลงใน Blade layout ที่โหลดสคริปต์ด้วย @vite ถ้าทำเป็น SPA ให้ใช้ Vue Router แบบ createWebHistory และเพิ่ม fallback route ฝั่ง Laravel ให้ทุก URL ส่งกลับหน้าเดียวกัน
REST แบ่ง Endpoint ตามทรัพยากรและเซิร์ฟเวอร์เป็นผู้กำหนดรูปแบบข้อมูลที่ส่งกลับ จึงอาจได้ข้อมูลเกินหรือต้องเรียกหลายครั้ง ส่วน GraphQL มี Endpoint เดียว ฝั่งผู้เรียกระบุใน query ว่าต้องการฟิลด์ใดบ้าง ดึงข้อมูลที่สัมพันธ์กันได้ในคำขอเดียว ใช้ Mutation สำหรับเพิ่ม แก้ และลบ และมี Schema ที่เขียนด้วย SDL กำหนดชนิดข้อมูลชัดเจน ใน Laravel นิยมใช้แพ็กเกจ Lighthouse ส่วน REST API ใช้ API Resource คู่กับ Sanctum
Pinia คือไลบรารีจัดการ State กลางที่ Vue แนะนำ ใช้เก็บข้อมูลที่หลายคอมโพเนนต์ต้องใช้ร่วมกัน เช่น รายการในตะกร้าสินค้าหรือข้อมูลผู้ใช้ที่ล็อกอิน สร้าง store ด้วย defineStore ซึ่งเขียนได้ทั้งแบบ state getters และ actions หรือแบบ Setup Store ที่ใช้ ref และ computed แล้วเรียกใช้ในคอมโพเนนต์ใดก็ได้ เมื่อค่าเปลี่ยน ทุกหน้าที่ใช้ store นั้นอัปเดตตามทันทีโดยไม่ต้องส่ง props ต่อกันหลายชั้น
เหมาะกับผู้ที่ต้องการพัฒนาเว็บแอปให้ครอบคลุมทั้ง Frontend และ Backend, PHP Developer ที่ยังไม่เคยใช้ Framework หรืออยากเปลี่ยนมาใช้ Laravel และ Developer ที่ต้องการเพิ่ม Vue.js ให้ระบบเดิม ควรเขียน PHP พื้นฐานได้ เคยใช้ MySQL หรือฐานข้อมูลอื่นมาบ้าง และรู้จัก HTML, CSS และ JavaScript เบื้องต้น พร้อมนำโน้ตบุ๊กที่ติดตั้ง PHP, Composer และ Node.js ได้มาด้วย
สร้างเว็บแอปด้วย Laravel 13 ทั้ง Routes, Controller, Blade และ Eloquent ทำระบบสมาชิกและสิทธิ์ผู้ใช้ สร้าง REST API และ GraphQL ส่งอีเมลผ่าน Queue ทำ Dashboard แบบ Realtime สร้าง SPA ด้วย Vue 3, Vue Router และ Pinia ใช้ Inertia เขียน Test และนำระบบขึ้นใช้งานจริง พร้อมโปรเจกต์ระบบตะกร้าสินค้าและ Blog ไว้ต่อยอด ผู้ผ่านการอบรมได้รับใบประกาศนียบัตร (Certificate of Completion) ที่มีเลขที่ของตัวเองและตรวจสอบออนไลน์ได้
ได้ หลักสูตรนี้จัดเป็นการอบรมแบบ In-house ให้ทีมในองค์กรได้ และปรับ Workshop ให้ตรงกับงานของทีม เช่น ระบบหลังบ้านหรือระบบสมาชิกที่องค์กรกำลังพัฒนา ขอใบเสนอราคาได้จากหน้านี้ หรือติดต่อทาง LINE @itgenius โทร 02-570-8449
เมื่อสร้างเว็บด้วย Laravel ได้แล้ว งานจริงมักต้องการมากกว่าหน้า CRUD ทั้งความสัมพันธ์ของข้อมูลที่ซับซ้อนขึ้น รายงาน การค้นหา การส่งอีเมล งานเบื้องหลังที่ต้องเข้าคิว งานที่ตั้งเวลาให้ทำเอง และการทดสอบที่ทำให้แก้โค้ดได้อย่างมั่นใจ Laravel 13 บน PHP 8.5…
เมื่อสร้างเว็บด้วย Laravel ได้แล้ว โจทย์ถัดไปคือทำให้ระบบรองรับงานจริงที่ใหญ่ขึ้น งานที่ใช้เวลานานต้องย้ายไปทำเบื้องหลังด้วย Queue โค้ดใน Controller ที่ยาวขึ้นเรื่อย ๆ ต้องแยกเป็นส่วนที่ทดสอบได้ และทีมต้องมี Test กับ Pipeline…
เว็บแอปพลิเคชันทุกวันนี้ซับซ้อนขึ้นเรื่อย ๆ หากเขียน PHP เองทั้งหมด มักเจอโค้ดซ้ำซ้อน ไม่มีโครงสร้างที่ทีมเข้าใจตรงกัน และต้องเขียนเรื่องพื้นฐานอย่างระบบ Login การตรวจฟอร์ม หรือความปลอดภัยใหม่ทุกโปรเจกต์ Laravel เป็น PHP Framework ที่ได้รับความนิยมสูง…
