Nuxt 3 Basic สำหรับผู้เริ่มต้น

Nuxt 3 Basic สำหรับผู้เริ่มต้น

Nuxt เป็น Framework ตัวหนึ่งที่สร้างขึ้นจาก Vue.JS สำหรับใช้พัฒนา web application ที่รองรับรูปแบบการ render ฝั่ง Server หรือที่เรียกกันว่า Server Side Rendering (SSR) และยังรองรับการทำ Progressive Web Application (PWA) เหมาะสำหรับ web application ที่ต้องการทำ SEO เช่นเว็บบล๊อก ร้านค้า e-commerce เป็นต้น การเลือกใช้งาน Nuxt ยังช่วยลดระยะเวลาในการพัฒนาแอพพลิเคชั่นลงได้มาก ด้วยโครงสร้างและรูปแบบที่ทาง Nuxt framework จัดเตรียมมาให้ อาทิ ระบบการทำ routing อัตโนมัติ (File-based routing) , ระบบการ import ไฟล์และ module ต่าง ๆ (Nuxt Auto Import) รวมไปถึงระบบการออกแบบและสร้าง API ได้เองภายในตัว นับว่าช่วยให้นักพัฒนาทำงานได้อย่างรวดเร็วและมีประสิทธิภาพอย่างมาก

ซึ่งในหลักสูตรนี้จะแนะนำภาพรวมตั้งแต่เริ่มต้นการใช้งานกับ Nuxt 3 ซึ่งเป็นเวอร์ชั่นล่าสุด ณ ปัจจุบัน ที่มาพร้อมความสามารถใหม่ ๆ มากมาย โดยจะเล่าตั้งแต่พื้นฐานที่สำคัญ อาทิ โหมดการ rendering ต่างๆ ใน Nuxt 3 ระบบ File-base routing การวาง layouts, component, pages ไปจนถึงเรื่องการเชื่อมต่อกับ Web API จึงเหมาะสำหรับผู้สนใจเกี่ยวกับการพัฒนาเว็บแอพสมัยใหม่ด้วย Nuxt 3 เพื่อนำไปประยุกต์ใช้ในการพัฒนาเว็บแอพของตัวเองได้ต่อไป

Nuxt 3 มีอะไรใหม่ ? ทำใมจึงน่าใช้

  • Nuxt 3 มาพร้อมสโลแกนใหม่ "The Intuitive Web Framework" (เว็บเฟรมเวิร์คที่ใช้งานง่าย)
  • โครงสร้างโปรเจ็กต์มีการปรับปรุงใหม่ ลดขนาดไฟล์จาก Nuxt 2 ประมาณ 20%
  • รองรับการ render และ generate โปรเจ็กต์แบบ Hybrid
  • ใช้ Vite เป็นค่าเริ่มต้นสำหรับ dev server รองรับ HMR ทำงานได้รวดเร็วมาก
  • ใช้ Nitro Engine เป็น Server สำหรับรัน Web API ในตัวที่มีประสิทธิภาพสูง
  • รองรับการทำงานกับ Vue 3 เขียนแบบ Composition API ได้เลย
  • ทำงานกับ TypeScript ได้สมบูรณ์แบบ
  • รองรับการทำงานกับ Pinia ได้สมบูรณ์

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


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

  • รองรับ Windows 7, 8 ,10, 11
  • รองรับ MacOS
  • รองรับ Linux OS
  • ใช้โปรแกรม Visual Studio Code (VSCode) เป็นเครื่องมือหลัก

ปกติราคาหลักสูตรนี้ด้วยระยะเวลาและเนื้อหาที่นำมาสอนจะมีราคาเต็มอยู่ประมาณ 3,000 บาท แต่ทางสถาบันนำมาจัดโปรโมชั่นด้วยราคาสุดพิเศษ และอาจจะมีราคานี้เพียงรอบเดียวเท่านั้น

(((เปิดลงทะเบียนพร้อมกันตั้งแต่วันที่ 13 ธันวาคม 2565 เวลา 14.00 น. เป็นต้นไป)))

  • สำหรับ 50 ท่านแรกราคา 300 บาท
  • ลำดับที่ 51-100 ราคา 350 บาท
  • และลำดับที่ 101 เป็นต้นไปที่ราคา 400 บาทเท่านั้นครับ

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

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

  • วันที่ 17-18 และ 24-25 ธันวาคม 2565 (4 วัน) เวลา 20:00-23.30
  • อบรมรวม 4 วัน เฉลี่ยวันละ 3.5 ชั่วโมง
  • ระยะเวลารวมทั้งหลักสูตร 14 ชั่วโมง
อบรมออนไลน์ (สอนสด)
  • 17 - 25 ธันวาคม 2022
  • 14 ชั่วโมง

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

  • Section 1: โหมดการ Render แบบต่างๆ ใน Nuxt 3
  • Section 2: ระบบ Routing แบบ File-based routing
  • Section 3: การวาง Layout, Components และ Pages
  • Section 4: การเชื่อมโยงระหว่าง Component ด้วย Nuxt Link
  • Section 5: การใช้งาน Modules ภายนอกใน Nuxt 3
  • Section 6: การเขียน API เบื้องต้นใน Nuxt 3
  • Section 7: การอ่านข้อมูลจาก API ใน Nuxt 3
  • Section 8: การจัดการ Error ต่างๆ ใน Nuxt 3
  • Section 9: การ Build และ Deployed project ไปใช้งานจริง

ตัวอย่าง Workshop การออกแบบด้วย Nuxt 3 + Vuetify + TyScript + Sass + Google Chart

Nuxt 3 Basic Workshop

แจกฟรี Nuxt 3 Admin Template

Nuxt 3 Basic Template

Nuxt 3 Basic Template

14 ชั่วโมง

ราคา 400 บาท

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

221 คน

สั่งซื้อวิดีโอบันทึกการอบรม
ติดต่อตามข้อมูลด้านล่างนี้