อาจารย์สามิตร โกยม
Basic HTML+CSS (คอร์สเขียนเว็บพื้นฐาน)Basic HTML+CSS (คอร์สเขียนเว็บพื้นฐาน)
สอนการออกแบบเว็บไซต์ด้วยภาษา HTML และ CSS สำหรับผู้เริ่มต้น ที่ยังไม่มีความรู้มาก่อนเลย สามารถเริ่มต้นเรียนรู้ได้จากคอร์สนี้ โดยลักษณะการสอนจะเป็นการเรียนรู้ทฤษฎี ควบคู่ไป...
รายละเอียด Course ID: wdc-103
หลักสูตร Basic Vue and Nuxt 3 with Prisma and Supabase นี้ถูกออกแบบมาเพื่อให้ผู้เรียนที่มีความสนใจในการพัฒนาเว็บแอปพลิเคชันสามารถเข้าใจและนำไปประยุกต์ใช้ได้จริง Vue 3 ซึ่งเป็นเฟรมเวิร์กที่เน้นการสร้าง UI ที่ยืดหยุ่น พร้อมกับ Nuxt 3 ที่เน้นการทำงานกับ Server Side Rendering (SSR) จะช่วยให้ผู้เรียนได้เรียนรู้การพัฒนาแอปที่มีประสิทธิภาพสูง สำหรับ Prisma และ Supabase นั้นเป็นเครื่องมือที่ช่วยในการจัดการฐานข้อมูลและระบบหลังบ้านแบบ Full Stack โดยไม่ต้องเขียนโค้ดที่ซับซ้อน
หลักสูตรนี้จะเน้นการประยุกต์ใช้ Vue 3 และ Nuxt 3 ในการพัฒนาแอปพลิเคชัน รวมถึงการเชื่อมต่อกับฐานข้อมูลผ่าน Prisma และ Supabase ตั้งแต่ขั้นพื้นฐานไปจนถึงการ Deploy แอปพลิเคชันเข้าสู่ Production ทำให้ผู้เรียนได้รับทักษะที่ครบถ้วนและสามารถนำไปใช้งานจริงได้
รอบการเปิดอบรม
ไฟล์รายละเอียดคอร์ส
- Basic Vue and Nuxt 3 with Prisma and Supabase (Course outline PDF)
- โปรไฟล์ของบริษัทไอทีจีเนียส เอ็นจิเนียริ่ง (โปรไฟล์ไอทีจีเนียส PDF)
วัตถุประสงค์
- ให้ผู้เรียนสามารถเข้าใจหลักการและการใช้งาน Vue 3 Composition API
- สอนให้ผู้เรียนสามารถสร้างแอปพลิเคชันที่ใช้ Nuxt 3 ในการจัดการเส้นทางและการทำงานฝั่งเซิร์ฟเวอร์
- ให้ผู้เรียนเข้าใจการเชื่อมต่อและการจัดการฐานข้อมูลด้วย Prisma และ Supabase
- เรียนรู้การพัฒนา Full Stack Application ด้วย Vue 3 และ Nuxt 3 อย่างเป็นระบบ
- สามารถ Deploy แอปพลิเคชันสู่ Production ได้อย่างมีประสิทธิภาพ
กลุ่มเป้าหมาย
- ผู้ที่ต้องการเรียนรู้การพัฒนาแอปที่มีประสิทธิภาพสูงด้วย Vue 3
ความรู้พื้นฐาน
- มีความรู้พื้นฐานเกี่ยวกับ HTML, CSS, และ JavaScript
- เคยเขียนโค้ดด้วย JavaScript มาบ้าง
- ความรู้พื้นฐานเกี่ยวกับการพัฒนาเว็บแอปพลิเคชัน (ไม่จำเป็นต้องมีประสบการณ์ลึกซึ้ง)
ระยะเวลาในการอบรม
- 12 ชั่วโมง
ราคาคอร์สอบรม
- ราคาปกติ 6,500 บาท / คน
- โปรโมชั่นลด 10% เหลือ 5,850 บาท / คน
- ราคาเหมาจ่าย (ผู้อบรมตั้งแต่ 10 คน) ตามแต่ตกลงกัน
- ขอใบเสนอราคา
วิทยากรผู้สอน
คอร์สที่ควรอบรมก่อนหน้า
เนื้อหาการอบรม
Section 1: Basic Vue 3 Composition API
- แนะนำ Vue 3
- ตั้งค่าและเริ่มต้นโปรเจกต์
- Composition API ใน Vue 3 เทียบกับ Options API
- สร้าง Component ที่ใช้ Composition API และสามารถนำกลับมาใช้ซ้ำได้
- การสร้าง Component ที่สามารถปรับตัวได้ (reactive components)
Section 2: What is Nuxt?
- ภาพรวมของ Nuxt.js และสถาปัตยกรรมของมัน
- ความแตกต่างระหว่าง Nuxt 2 และ Nuxt 3
- ประโยชน์ของการใช้ Nuxt ในการพัฒนาเว็บแอปพลิเคชัน
- การตั้งค่าโปรเจกต์ Nuxt 3
Section 3: File based routing
- การกำหนดเส้นทางโดยใช้ไฟล์ (file-based routing) คืออะไร
- สร้างเส้นทางใน Nuxt
- การสร้างเส้นทางแบบไดนามิกและแบบซ้อน (Nested)
- การเปลี่ยนเส้นทางและการใช้งาน navigation guards
Section 4: Auto imports
- การนำเข้าอัตโนมัติ (auto imports) ใน Nuxt 3
- ประโยชน์ของการใช้ auto imports
- การปรับแต่งการตั้งค่า auto import
Section 5: Middleware
- Middleware ใน Nuxt คืออะไร
- วิธีการสร้างและใช้งาน Middleware
- ความแตกต่างระหว่าง Middleware แบบ Global และ Local
- ตัวอย่าง Middleware สำหรับการตรวจสอบสิทธิ์ (authentication)
Section 6: Layouts
- แนะนำ Layouts ใน Nuxt
- การกำหนด Layout เริ่มต้น
- Layout แบบซ้อน (Nested) และกรณีการใช้งาน
- การปรับแต่ง Layout ตามเส้นทาง
Section 7: Data fetching
- วิธีการดึงข้อมูลใน Nuxt
- การใช้ useFetch และ asyncData
- การดึงข้อมูลฝั่ง Client และฝั่ง Server
- การแคชและการปรับปรุงประสิทธิภาพการดึงข้อมูล
Section 8: Module Discovery and Use
- แนะนำโมดูลใน Nuxt
- สำรวจโมดูลที่นิยมใช้ใน Nuxt
- วิธีการติดตั้งและตั้งค่าโมดูลใน Nuxt
- การสร้างโมดูลแบบกำหนดเองใน Nuxt
Section 9: Server API routes
- แนะนำการสร้างเส้นทาง API ใน Nuxt 3
- วิธีการสร้างและจัดการเส้นทาง API ฝั่งเซิร์ฟเวอร์
- การใช้งาน query parameters และ body payload
- การจัดการการตรวจสอบสิทธิ์และการอนุญาต (authorization)
Section 10: Hybrid rendering
- การเรนเดอร์แบบไฮบริด (hybrid rendering) ใน Nuxt 3 คืออะไร
- ความเข้าใจเกี่ยวกับ Server-Side Rendering (SSR) และ Static Site Generation (SSG)
- ประโยชน์และกรณีการใช้งานของ hybrid rendering
- การตั้งค่า hybrid rendering ใน Nuxt 3
Section 11: Prisma and Supabase
- แนะนำ Prisma: ORM สำหรับการจัดการฐานข้อมูล
- การตั้งค่า Prisma ในโปรเจกต์ Nuxt
- แนะนำ Supabase: Backend as a Service
- การผนวกรวม Supabase กับ Nuxt และ Prisma
Section 12: Deployment
- เตรียมแอป Nuxt 3 สำหรับการใช้งานใน Production
- การ Deploy ไปยังแพลตฟอร์ม Cloud เช่น Vercel หรือ Netlify
- การปรับปรุงประสิทธิภาพสำหรับ Production
- การจัดการ environment variables และ secrets
แนะนำหลักสูตรที่น่าสนใจ
Basic JavaScript
JavaScript นับว่าเป็นภาษาที่เข้ามาช่วยเติมลูกเล่นและเทคนิคต่าง ๆ บนเว็บไซต์ของเรา การใช้งาน javascript นั้นทำให้ซอฟแวร์ บน Web base นั้นมีความใกล้เคียงกับ A...
คำถามที่พบบ่อย (FAQ)
คอร์ส Basic Vue and Nuxt 3 with Prisma and Supabase เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน
ดูรายละเอียดกลุ่มเป้าหมายและพื้นฐานที่ต้องมีได้ในหัวข้อ "กลุ่มเป้าหมาย" และ "พื้นฐานที่ผู้เรียนต้องมี" บนหน้านี้ หากไม่แน่ใจว่าพื้นฐานพอหรือไม่ ปรึกษาทีมงานได้ฟรีทาง LINE @itgenius หรือโทร 02-570-8449
คอร์ส Basic Vue and Nuxt 3 with Prisma and Supabase ราคาเท่าไร ใช้เวลาเรียนกี่ชั่วโมง
ราคาปกติ 6,500 บาท (โปรโมชันปัจจุบันเหลือ 5,850 บาท) ใช้เวลาอบรม 12 ชั่วโมง ราคานี้รวมเอกสารประกอบการอบรม อาหารกลางวัน และอาหารว่างตลอดหลักสูตร
เรียนจบได้รับ Certificate หรือไม่
ได้รับ ผู้ผ่านการอบรมทุกท่านจะได้รับใบประกาศนียบัตร (Certificate of Completion) จากสถาบันไอทีจีเนียส
อบรมที่ไหน มีเรียนแบบออนไลน์หรือไม่
อบรมแบบ Onsite ที่สถาบันไอทีจีเนียส สาขาลาดพร้าววังหิน 68 กรุงเทพฯ และมีบริการจัดอบรมนอกสถานที่ (In-house Training) สำหรับองค์กร บางหลักสูตรมีเวอร์ชันเรียนออนไลน์ผ่าน GeniusHub ดูได้ที่เมนูคอร์สออนไลน์
ถ้าเรียนไม่ทันหรือขาดเรียน มีเรียนซ้ำ/เรียนชดเชยหรือไม่
มี ผู้เรียนสามารถแจ้งขอเรียนซ้ำ (repeat) ในรอบถัดไปของหลักสูตรเดียวกันได้ฟรีตามเงื่อนไขของสถาบัน ดูรายละเอียดที่หน้า "เรียนซ้ำฟรี" หรือสอบถามทีมงาน
สมัครเรียนหรือขอใบเสนอราคาในนามบริษัทได้อย่างไร
สมัครออนไลน์ได้จากแบบฟอร์มลงทะเบียนบนหน้านี้ หรือขอใบเสนอราคา (Quotation) ในนามนิติบุคคลได้ทันทีจากปุ่ม "ขอใบเสนอราคา" สอบถามเพิ่มเติมโทร 02-570-8449 หรือ LINE @itgenius
