Web Development · WDC-75

Laravel 11 ร่วมกับ Vue.JS 3 Tailwind CSS 4 และ Livewire

18 hours 3 days

Last updated 25 Sep 2026

Laravel 11 ร่วมกับ Vue.JS 3 Tailwind CSS 4 และ Livewire is a 18-hour training course by IT Genius Institute. ในการพัฒนาเว็บแอปพลิเคชันสมัยใหม่นั้น ความต้องการของผู้ใช้ (User) มีความหลากหลายมากขึ้น ช่องทางในการเข้าถึงข้อมูลก็มีหลายช่องทาง นักพัฒนาจึงต้องให้ความสนใจ…

Training schedule

No public rounds are open right now — register your interest and we will contact you when the next round opens, or request an in-house session for your team.

Corporate training quote

Laravel 11 ร่วมกับ Vue.JS 3 Tailwind CSS 4 และ Livewire ในการพัฒนาเว็บแอปพลิเคชันสมัยใหม่นั้น ความต้องการของผู้ใช้ (User) มีความหลากหลายมากขึ้น ช่องทางในการเข้าถึงข้อมูลก็มีหลายช่องทาง นักพัฒนาจึงต้องให้ความสนใจ ในการพัฒนาลักษณะแอปพลิเคชันให้เป็นส่วนย่อย มองให้เป็น Service เพื่อสามารถเชื่อมต่อกับช่องทางอื่นๆ ได้ไม่ว่าจะเป็น Web, Mobile, IoT ต่างๆ

โดยแนวทางที่ได้รับความนิยมเป็นอย่างมากคือ พัฒนาส่วนหน้าบ้าน (Frontend) แยกกับส่วนหลังบ้าน (Backend) โดยทำเป็น Web Service หรือ Web API มาคั่นกลาง ส่วนหน้าบ้านก็พัฒนาเป็นลักษณะ Single Page Web Application (SPA) ส่วนหลังบ้านก็พัฒนาเป็น Web API ด้วยภาษาที่เราถนัด ไม่ว่าจะเป็น PHP, Python, Go, Java ก็ตามที

สำหรับเนื้อหาในหลักสูตรนี้ จะเป็นการพัฒนาเว็บแอปพลิเคชันแบบ Full Stack (ทั้งส่วนหน้าบ้านและหลังบ้าน) โดยหน้าบ้านใช้ Vue 3 Framework ยอดนิยมที่เหมาะสำหรับมือใหม่ทุกท่าน และภาษาฝั่งหลังบ้านจะใช้ Laravel Framework เวอร์ชั่น 11 ที่มาพร้อมความสามารถใหม่ๆ มากมาย ในการนำมาสร้าง API ได้อย่างรวดเร็วและมีประสิทธิภาพสูง โดยเนื้อหาการอบรมจะครอบคลุมทั้งการเขียนแบบ SPA และเขียนแบบ Laravel ร่วมกับ Vue และ Livewire ด้วย

Objectives

การทำงานร่วมกับ 3rd Party
เข้าใจพื้นฐานการทำงานกับ Laravel 11
สามารถสร้าง Single Page Application (SPA) ด้วย Vue 3 และ Tailwind CSS
สามารถออกแบบด้วย Tailwind CSS 3 ร่วมกับ Vue 3
เข้าใจการ Deployed โปรเจกต์บน Cloud hosting

Who this course is for

ผู้ที่ต้องการ พัฒนาเว็บแอปพลิเคชันแบบ "Full Stack"
IT Managers
Developers
กลุ่มผู้สนใจทั่วไป

Prerequisites

สามารถใช้งานระบบคอมพิวเตอร์และอินเทอร์เน็ตได้
ความรู้พื้นฐานในการเขียน PHP & MySQL มาบ้าง
ความรู้พื้นฐานการในการออกแบบเว็บไซต์มาบ้าง
ความรู้พื้นฐานในการทำงานกับฐานข้อมูลมาบ้าง

Curriculum

Module 1: การเตรียมเครื่องมือและความพร้อมทั้งบน Mac และ Windows

วิธีการติดตั้งเครื่องมือและตั้งค่าบนระบบ Windows
วิธีการติดตั้งเครื่องมือและตั้งค่าบนระบบ MacOS
การติดตั้ง Editor สำหรับพัฒนา เช่น VSCode, PhpStorm เป็นต้น
การติดตั้งตัวจำลอง Web Server เช่น XAMPP, MAMPP, WAMPP เป็นต้น
การติดตั้ง Composer
การติดตั้ง Node.JS
การติดตั้ง Git
การติดตั้ง Postman
การสร้างฐานข้อมูลใหม่สำหรับ Laravel

Module 2: แนะนำภาพรวมหลักสูตร

แนวทางการพัฒนาเว็บแอพพลิเคชั่นในปัจจุบัน
รู้จักสายงาน Frontend developer
รู้จักสายงาน Backend developer
รู้จักสายงาน DevOps developer
เส้นทางการเรียนรู้ที่สำคัญสำหรับสายงาน Frontend และ Backend developer
เล่าภาพรวมสิ่งที่จะได้เรียนรู้ทั้งหมดจากหลักสูตรนี้

Module 3: พื้นฐานการทำงานกับ Laravel 11

การติดตั้ง Laravel 11 ผ่าน Composer
พื้นฐานการสร้างและจัดการ Routing บน Laravel 11
พื้นฐานการทำงานกับ Controller บน Laravel 11
การทำงานกับ View บน Laravel 11
การวาง Layout เพื่อแยกส่วนโค้ดให้ทำงานกับเว็บขนาดใหญ่ได้บน Laravel 11
Laravel 11 กับการเชื่อมต่อและจัดการฐานข้อมูล
ตัวอย่าง Workshop การเขียน CRUD Application เชื่อมต่อฐานข้อมูล MySQL

Module 4: การสร้าง Rest API ใน Laravel 9

ขึ้นโปรเจกต์ Laravel สำหรับสร้าง Rest API
ติดตั้ง Laravel Sanctum สำหรับ Authentication API
การตั้งค่า Authentication ด้วย Sanctum
การสร้าง Resource สำหรับ Rest API
การสร้าง Resource Collection
การสร้างและกำหนด API Operation แบบต่าง ๆ
การเขียน Validation API ใน Laravel 11
การ Handling Error
การตั้งค่าเพิ่มเติมสำหรับการนำ API ไปใช้งานบน Production Server

Module 5: พื้นฐาน Vue.js 3

ภาพรวม Vue 3
การสร้าง Vue App
รู้จัก Attribute Binding
เรียนรู้ Conditional Rendering
เรียนรู้ List Rendering
การทำงานกับ Event Handling
รู้จักและใช้งาน Class และ Style Binding
การใช้งาน Computed Properties
เรียนรู้ Component และ Props
การใช้งาน Communicating Events
การจัดการกับ Form และ v-model

Module 6: พื้นฐานการออกแบบด้วย Tailwind CSS 3 ร่วมกับ Vue 3

รู้จัก Tailwind CSS 3 เบื้องต้น
การใช้งาน component ต่าง ๆ ใน Tailwind CSS 3
การ Setup Vue 3 ร่วมกับ Tailwind CSS2
การออกแบบ Layout ร่วมกับ Tailwind CSS 3
รู้จัก Vuex และการจัดการ State ใน Vue 3

Module 7: การสร้าง Single Page Application (SPA) ด้วย Vue 3 และ Tailwind CSS

Install Vue Router
Vue Layout using Tailwind CSS
Header & Footer
Route Links
Design Login Page using Tailwind CSS
Install Vuex
Show Hide Navigation Links
Navigation Guards.
Dashboard
Project Listing Page
Project Detail Page
Delete Project Functionality
Add Project
Edit Project
Add/Edit/Delete Task

Module 8: พื้นฐาน Livewire ร่วมกับ Laravel 11

ติดตั้ง Livewire
การ Setting Livewire
AJAX Call using Livewire
Livewire properties
Livewire Full Page Component
Computed Properties
Child Components
Redirect & Flash Messages
Livewire Events

Module 9: Workshop Laravel 11 ร่วมกับ Livewire และ Tailwind CSS

ขึ้นโปรเจกต์ Laravel 11 ร่วมกับ Livewire และ Tailwind CSS
เชื่อมต่อฐานข้อมูล
เขียนส่วน CRUD แบบ AJAX Call
การแบ่งหน้า Pagination
การทำส่วนค้นหาแบบ AJAX Search
การจัดเรียงข้อมูล Sorting

Module 10: การ Deployed โปรเจกต์บน Cloud hosting เช่น Netlify

Frequently asked questions

Who is Laravel 11 ร่วมกับ Vue.JS 3 Tailwind CSS 4 และ Livewire for, and what background is needed?

Built for ผู้ที่ต้องการ พัฒนาเว็บแอปพลิเคชันแบบ "Full Stack" · IT Managers · Developers Background you should have: สามารถใช้งานระบบคอมพิวเตอร์และอินเทอร์เน็ตได้ · ความรู้พื้นฐานในการเขียน PHP & MySQL มาบ้าง Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does Laravel 11 ร่วมกับ Vue.JS 3 Tailwind CSS 4 และ Livewire cost and how long does it run?

THB 9,500 (currently THB 8,550 on promotion). The course runs 18 hours. The fee covers course materials, lunch and refreshments throughout. Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.