Full Stack Laravel 12 with Inertia.js 2 and React

Full Stack Laravel 12 with Inertia.js 2 and React

ปัจจุบันการพัฒนาเว็บแอปพลิเคชันแบบ Full Stack กำลังเป็นที่นิยม โดยเฉพาะ Laravel 12 ที่ทำงานร่วมกับ Inertia.js 2 และ React 19 ซึ่งช่วยให้สามารถสร้างเว็บแอปที่เร็วและมีประสิทธิภาพสูง โดยไม่ต้องแยก Backend และ Frontend ออกจากกันแบบเดิม หลักสูตรนี้จะสอนให้ผู้เรียนเข้าใจหลักการทำงานของ Laravel 12, Inertia.js 2, React (TypeScript), Tailwind CSS 4.0 และ ShadCN/UI ตั้งแต่พื้นฐานจนสามารถสร้างและ Deploy ระบบจริงได้

ในหลักสูตรนี้ ผู้เรียนจะได้พัฒนาระบบ Inventory Management System (IMS) ที่รองรับ Authentication & Authorization, CRUD, Upload File, Export Data และ Deployment ไปใช้งานจริง โดยใช้เทคโนโลยีสมัยใหม่ React 19, TypeScript และ ShadCN/UI เพื่อให้ได้ประสบการณ์จริงในการสร้าง Full Stack Web Application ที่มีประสิทธิภาพสูง พร้อมแนวทางการพัฒนาให้สามารถนำไปประยุกต์ใช้ในโปรเจคจริงได้

(((เปิดลงทะเบียนพร้อมกันตั้งแต่วันที่ 27 กุมภาพันธ์ 2568 เวลา 14.00 น. เป็นต้นไป)))

โปรโมชั่นราคาพิเศษ

  • สำหรับ 50 ท่านแรก ฟรี!
  • ลำดับที่ 51-300 ราคา 400 บาท
  • ลำดับที่ 301 เป็นต้นไปที่ราคา 600 บาทเท่านั้น

หลังจบหลักสูตรจะปรับราคาเป็น 800 บาท

จากราคาเต็มปกติ 3,500 บาท

ผู้ที่ได้สิทธิ์เรียนฟรี หรือได้สิทธิ์ราคา 400 บาท หรือได้สิทธิ์ราคา 600 บาท ต้องแจ้งยืนยันสิทธิ์ทางไลน์ไม่เกิน วันที่ 5 มีนาคม 2568 เท่านั้น

ราคานี้ให้เฉพาะนามรายบุคคล สำหรับท่านที่ต้องการซื้อในนามนิติบุคล สามารถซื้อได้ในราคา 3,500 บาท (ยังไม่รวมภาษีมูลค่าเพิ่ม 7%)

การอบรมในหลักสูตรนี้เป็นการสอนสดออนไลน์ ผ่านโปรแกรม Zoom Meeting และมีการบันทึกการอบรมส่งให้ดูย้อนหลังทั้งหลักสูตร

ความสามารถใหม่ ๆ ใน Laravel 12

  • เพิ่มชุดเริ่มต้น (Starter Kits) ใหม่สำหรับ React, Vue, และ Livewire
  • รองรับ WorkOS AuthKit สำหรับการยืนยันตัวตน
  • ปรับปรุงประสิทธิภาพและความสามารถในการขยายระบบ
  • การจัดการ Dependency Injection ที่ง่ายขึ้น
  • ประสบการณ์การพัฒนาที่ดีขึ้น
  • การอัปเดตสีและเอฟเฟกต์
  • การปรับปรุง Query Builder
  • การเสริมความปลอดภัย
  • การปรับปรุง Frontend Scaffolding
  • การพัฒนา API ที่ดีขึ้น
  • เครื่องมือทดสอบและดีบักที่ปรับปรุงใหม่
  • ฟีเจอร์ใหม่ใน Eloquent ORM
  • การจัดการงานและคิวที่ดีขึ้น
  • การผสานรวมกับ DevOps สมัยใหม่

กำหนดการอบรม

  • วันที่ 5-7 และ 15,22,29 มีนาคม 2568 เวลา 20:00-24.00 น.
  • อบรมรวม 6 วัน เฉลี่ยวันละ 4 ชั่วโมง
  • ระยะเวลารวมทั้งหลักสูตร 24 ชั่วโมง

วิทยากร

  • อ.สามิตร โกยม (สถาบันไอทีจีเนียส)

ภาพรวมหัวข้อการฝึกอบรม

  • แนวทางการพัฒนาเว็บแอพด้วย Laravel Stack
  • อัพเดทสิ่งใหม่และพื้นฐานใน Laravel 12
  • การเตรียมเครื่องมือและการติดตั้ง Laravel 12
  • Laravel 12 ทำงานกับฐานข้อมูล MySQL และ PostgreSQL
  • พื้นฐาน Inertia.js 2 กับ React 19 ด้วย TypeScript
  • การทำงานกับ Tailwind CSS 4.0 และ ShadCN/UI
  • ระบบ Authentication & Authorization ใน Laravel 12
  • Workshop ระบบ CRUD คำสั่งซื้อสินค้า (Inventory Management)
  • Workshop อัปโหลดไฟล์, Export Data
  • การเผยแพร่ Deployed ผลงานไปใช้จริง

Full Stack Laravel 12 with Inertia.js 2 and React

ผู้เรียนต้องมีพื้นฐานอะไรบ้าง ?

  • เข้าใจพื้นฐาน PHP และ Laravel (ระดับเริ่มต้น-กลาง)
  • มีประสบการณ์ JavaScript และ React (พื้นฐาน TypeScript จะช่วยได้มาก)
  • เข้าใจ SQL และการทำงานของ MySQL หรือ PostgreSQL
  • มีพื้นฐานการใช้งาน Git และ Command Line (เบื้องต้น)
  • หากเคยใช้ Tailwind CSS หรือ ShadCN/UI มาก่อน จะทำให้เรียนรู้ได้เร็วขึ้น

จุดเด่นของหลักสูตร

  • ใช้ Inertia.js 2 และ React 19 แทน REST API ทำให้การพัฒนา Full Stack ง่ายขึ้น
  • UI สวยงามและทันสมัย ด้วย ShadCN/UI และ Tailwind CSS 4.0
  • เรียนรู้แนวทางการพัฒนาแอปพลิเคชันที่สามารถนำไปใช้งานจริง
  • ใช้ TypeScript เพื่อทำให้โค้ดมีโครงสร้างที่ดีและขยายต่อได้ง่าย
  • สอนตั้งแต่ติดตั้ง จนถึง Deploy ขึ้น Production ครอบคลุมทุกขั้นตอนการพัฒนา

วัตถุประสงค์ของหลักสูตร

  • เข้าใจการทำงานของ Laravel 12 กับ Inertia.js 2 และเหตุผลที่ใช้แทน API JSON
  • สร้างเว็บแอปพลิเคชันด้วย React 19 + TypeScript + Tailwind CSS 4.0 + ShadCN/UI
  • พัฒนา ระบบ Authentication & Authorization และการควบคุมสิทธิ์ผู้ใช้
  • ใช้งาน CRUD แบบ Full Stack และการจัดการข้อมูลด้วย Eloquent ORM
  • เรียนรู้ การ Deploy ระบบไปยัง Production ด้วย Laravel Forge และ Vercel

หลักสูตรนี้เหมาะกับใคร?

  • นักพัฒนา Full Stack ที่ต้องการเรียนรู้ Laravel + Inertia.js + React
  • Backend Developer ที่ต้องการขยายทักษะไปสู่ Frontend React + TypeScript
  • Frontend Developer ที่ต้องการเชื่อมต่อกับ Backend Laravel โดยไม่ต้องใช้ API JSON
  • เจ้าของธุรกิจหรือ Startup ที่ต้องการพัฒนาเว็บแอปที่มีประสิทธิภาพสูง
  • นักศึกษาหรือผู้เริ่มต้น ที่ต้องการเรียนรู้ Full Stack Web Development สมัยใหม่

คอมพิวเตอร์และโปรแกรมที่รองรับการพัฒนา

  • รองรับ Windows 10, 11
  • รองรับ MacOS
  • รองรับ Linux OS
อบรมออนไลน์ (สอนสด)
  • 5 - 29 มีนาคม 2025
  • 24 ชั่วโมง

รายละเอียดหลักสูตร

Section 1: แนวทางการพัฒนาเว็บแอพด้วย Laravel Stack

  • แนวคิด Full Stack Laravel + React และการใช้ Inertia.js แทน API JSON
  • Laravel + Inertia.js ดีกว่าแบบเดิมอย่างไร?
  • สถาปัตยกรรม MVC + Client-Side Rendering (CSR) + Inertia.js
  • เปรียบเทียบ Laravel + Inertia.js vs Laravel API + React SPA

Section 2: อัพเดทสิ่งใหม่และพื้นฐานใน Laravel 12

  • Laravel 12 มีอะไรใหม่?
  • ระบบ Routing & Middleware แบบใหม่
  • Service Providers, Repositories และ Dependency Injection
  • การจัดการฐานข้อมูลด้วย Laravel Eloquent ORM

Section 3: การเตรียมเครื่องมือและการติดตั้ง Laravel 12

  • ติดตั้ง Laravel 12 และกำหนดค่า Database
  • การตั้งค่า Vite + TypeScript + Inertia.js 2
  • การติดตั้ง React 19 + Tailwind CSS 4.0 + ShadCN/UI

Section 4: Laravel 12 ทำงานกับฐานข้อมูล MySQL และ PostgreSQL

  • การเชื่อมต่อ Laravel กับ MySQL และ PostgreSQL
  • การสร้าง Migrations & Models ใน Laravel
  • การใช้ Eloquent ORM เพื่อจัดการข้อมูล
  • การใช้ Tinker และ Seeder สำหรับทดสอบข้อมูล

Section 5: พื้นฐาน Inertia.js 2 กับ React 19 ด้วย TypeScript

  • Inertia.js คืออะไร? และทำไมถึงดีกว่า JSON API
  • การใช้ Inertia.js กับ React 19 (TypeScript)
  • การสร้าง Shared Layout และ Global State
  • การทำงานของ Inertia Requests & Responses
  • การรับส่งข้อมูล Props จาก Laravel ไปยัง React

Section 6: การทำงานกับ Tailwind CSS 4.0 และ ShadCN/UI

  • ติดตั้งและตั้งค่า Tailwind CSS 4.0 ใน Laravel + Inertia.js
  • ติดตั้ง ShadCN/UI และใช้ Components ต่าง ๆ
  • การสร้าง Navigation Bar, Sidebar, และ Dashboard Layout
  • การใช้ ShadCN Forms & Modals ในระบบ

Section 7: ระบบ Authentication & Authorization ใน Laravel 12

  • การติดตั้งและตั้งค่า Laravel Breeze (Inertia.js + React)
  • การสร้างระบบ สมัครสมาชิก / เข้าสู่ระบบ / ออกจากระบบ
  • การใช้ Middleware และ Laravel Policies ควบคุมสิทธิ์ผู้ใช้
  • การจัดการ User Role (Admin, User)
  • การอัปเดต Profile และอัปโหลดรูปภาพโปรไฟล์

Section 8: Workshop ระบบ CRUD คำสั่งซื้อสินค้า (Inventory Management)

  • ออกแบบ Entity และ Database (ใช้ Laravel Migration)
  • สร้าง Model, Controller, และ Route API
  • ใช้ React 19 + Inertia.js ดึงข้อมูลจาก Laravel
  • สร้าง ตารางแสดงคำสั่งซื้อ (ShadCN DataTable + Pagination)
  • ใช้ Dialog Modal จาก ShadCN/UI สำหรับเพิ่ม/แก้ไขข้อมูล
  • ใช้ react-hook-form และ Zod ทำ Form Validation

Section 9: Workshop อัปโหลดไฟล์, Export Data

  • การอัปโหลดรูปภาพสินค้าด้วย Laravel Media Library
  • การใช้ Laravel Storage เก็บและแสดงรูปภาพ
  • การสร้าง Export คำสั่งซื้อเป็น Excel/PDF
  • สร้าง API สำหรับ Import/Export ข้อมูล CSV

Section 10: การเผยแพร่ Deployed ผลงานไปใช้จริง

  • การตั้งค่า .env และ Production Configurations
  • การ Deploy Backend Laravel 12 ไปที่ Laravel Forge / DigitalOcean
  • การ Deploy Frontend React 19 (Inertia.js) ไปที่ Vercel / Netlify

Workshop การสร้างหน้าระบบคงคลังสินค้า (Inventory System) ด้วย Laravel 12 กับ inertia และ React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

Workshop Full Stack Laravel 12 with Inertia.js 2 and React

24 ชั่วโมง

ราคา 600 บาท

ลงทะเบียนแล้ว

534 คน