Who is Nuxt 3 Advanced for, and what background is needed?

Built for ผู้ที่ต้องการสร้างเว็บไซต์แบบ Intuitive Web · Developers · กลุ่มผู้สนใจทั่วไป Background you should have: พื้นฐาน HTML & CSS · พื้นฐาน JavaScript Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does Nuxt 3 Advanced cost and how long does it run?

THB 9,500 (currently THB 8,550 on promotion). The course runs 18 hours. The price excludes 7% VAT (for payment in a company's name). 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.

ພັດທະນາເວັບໄຊ · WDC-64

Nuxt 3 Advanced ขั้นสูง

หลักสูตร Nuxt 3 Advanced เป็นการอบรมต่อยอดจาก Nuxt 3 Basic เพื่อนำ Nuxt 3 Framework ที่รองรับ Server Side Rendering และ PWA ไปพัฒนาเว็บแอปของตัวเองได้อย่างมั่นใจ รวมถึงการทำงานร่วมกับ TypeScript เหมาะกับ Developer และผู้สนใจที่มีพื้นฐาน HTML, CSS, JavaScript, Vue.js และ Nuxt 3 มาแล้ว

ລາຄາເລີ່ມຕົ້ນ 8,550 ບາດ / ທ່ານ 9,500 −10% ຍັງບໍ່ລວມ VAT 7% · ມີລາຄາໝູ່ຄະນະ

ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ ລົງຊື່ຈອງໄວ້

PDFດາວໂຫຼດ Course Outline

ໄລຍະເວລາ18 ຊົ່ວໂມງ · 3 ມື້
ຮູບແບບຢູ່ສະຖາບັນ / ອອນລາຍສົດ
ຮອບຕໍ່ໄປເປີດຕາມຄຳຂໍ
ໃບຢັ້ງຢືນມີໃບຢັ້ງຢືນ

ພາບລວມຫຼັກສູດ

Nuxt 3 Advanced ขั้นสูง 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 Basic สำหรับผู้เริ่มต้น ก่อนหน้าที่ผ่านมา เพื่อให้ผู้สนใจสามารถประยุกต์นำ Nuxt 3 Framework ไปพัฒนาเว็บแอพของตัวเองได้อย่างมั่นใจ ด้วยเนื้อหาที่มีความสำคัญและนำไปใช้งานจริงได้มากมาย อาทิ การปรับโครงสร้างโปรเจ็กต์ Nuxt 3 รองรับงานขนาดใหญ่, การจัดการข้อผิดพลาดฝั่ง Client และฝั่ง Server, การปรับปรุงฟังก์ชันด้วยการใช้ Utilities, การเขียนเว็บแอพหลายภาษาด้วย Nuxt 3 i18n, การสร้าง API ด้วย Nuxt 3, Nuxt 3 Authentication and Middleware,JWT authentication, Prisma in PostgreSQL, Nuxt 3 with Pinia และเรื่องอื่นๆ ที่น่าสนใจอีกมากมาย

ສິ່ງທີ່ທ່ານຈະໄດ້ຮັບ

เรียนรู้การออกแบบเว็บไซต์ด้วย The Intuitive Web Framework
เรียรู้การ ทำงานกับ TypeScript ได้สมบูรณ์แบบ
ประยุกต์ใช้ความรู้ทั้งหมดมาพัฒนาเว็บไซต์ในองค์กรหรือหน่วยงานได้

ຫຼັກສູດນີ້ເໝາະສຳລັບ

ผู้ที่ต้องการสร้างเว็บไซต์แบบ Intuitive Web
Developers
กลุ่มผู้สนใจทั่วไป

ພື້ນຖານຂອງຜູ້ເຂົ້າຝຶກອົບຮົມ

พื้นฐาน HTML & CSS
พื้นฐาน JavaScript
พื้นฐานการใช้งาน Vue.JS
พื้นฐานการใช้งาน Nuxt 3

ຫົວຂໍ້ການຝຶກອົບຮົມ

01 เนื้อหาการอบรม:

Section 1: ปรับโครงสร้างโปรเจ็กต์ Nuxt 3 รองรับงานขนาดใหญ่ขึ้น (Scalable project)

แนะนำตัวอย่างโครงสร้างโปรเจ็กต์ที่นิยมใช้ในการ Scaleable ได้ในอนาคต
การสร้าง Layout แบบ Custom
การเขียนฟังก์ชันการทำงานแยกไว้ใน Composables
การเรียกใช้งาน Tailwind CSS, Vuetify , Fonts, Icons และอื่นๆ

Section 2: การจัดการข้อผิดพลาดฝั่ง Client และฝั่ง Server (Handling Client and Server Errors)

การเพิ่มหน้า Page not found (404)
การใช้ useError Composable
การทำ Dynamic Rendering Card View
แสดงข้อผิดพลาดจากฝั่ง Server (Throwing a custom server error)
แสดงข้อผิดพลาดจากฝั่ง Client (Throwing a Client side error)
การ Handle Error ด้วย NuxtErrorBoundary

Section 3: การปรับปรุงฟังก์ชันด้วยการใช้ Utilities

การปรับประสิทธิภาพของรูป (optimizing images) ด้วย NuxtImg
การใช้ useState Composable
การใช้งาน Vueuse Module
การ Forcing Client Side Rendering

Section 4: การเขียนเว็บแอพหลายภาษาด้วย Nuxt 3 i18n

พื้นฐาน Localization
การติดตั้ง library @nuxtjs/i18n
แนวทางการแปลภาษาภายใน Vue components
External JSON or JS files
Named formatting
Pluralization
Number localization
Date and time localization
Nuxt-specific localization
Search engine optimization (SEO)

Section 5: การสร้าง API ด้วย Nuxt 3

Create a new nuxt 3 project
Creating server routes
Catching all routes
Creating Middleware and Utilities
Testing API

Section 6 Nuxt 3 Authentication and Middleware

แนะนำ Supabase เบื้องต้น
การสมัครใช้งาน Supabase
การเชื่อมต่อโปรเจ็กต์ Nuxt กับ Supabase
เปิดใช้งาน Google Authentication
Implementing Google OAuth
Conditionally Rendering UI Based on Auth Status
Implementing the Logout Functionality
Protecting Routes With Inline Route Middleware
Named Middleware
Global Middleware

Section 7 Nuxt 3 JWT authentication

Install the required packages
Configure @nuxtjs/auth module in nuxt.config.js file
Create login form dispatch nuxtClientInit and pass JWT token
Use $auth check authenticated and access the user's data
Use auth middleware to protect routes
Handle logout method on the $auth object

Section 8 Nuxt 3 with Data Fetching and HTTP Requests

แนะนำ Server Endpoints API
Extracting the Path Parameters
Extracting the Query Parameters
Fetching the Data From the Client
Fetch Composable
Fixing an Issue With Error Handling

Section 9 Nuxt 3 with Prisma in Postgres database

แนะนำให้รู้จักกับ Prisma ORM
Installing an ORM with Prisma
Programmatically Creating Our Tables
HTTP Verbs
Fetching Data From the Database
Deleting Data From the Database
Adding the Other Two Endpoints
Complex Filters
Making a POST Request From the Client
Making a GET Request From the Client
Making a DELETE Request From the Client

Section 10 Nuxt 3 State management with Pinia

Installing Pinia in Nuxt 3
Add Pinia to your nuxt.config file
Build your Pinia store
Bring Pinia in Vue Component

Section 11: การ Build และ Deployed project ไปใช้งานจริง

Deploy Nuxt 3 app to Vercel
Deploy Nuxt 3 app to Netlify
Deploy Nuxt 3 app to Render
Deploy Nuxt 3 sites with universal rendering on Azure

ຮອບຝຶກອົບຮົມ ແລະ ຮູບແບບການຝຶກອົບຮົມ

ສຳລັບບຸກຄົນ — ຮອບຝຶກອົບຮົມທົ່ວໄປ

ຂະນະນີ້ຍັງບໍ່ມີຮອບຝຶກອົບຮົມເປີດຮັບສະໝັກ ລົງຊື່ຈອງໄວ້ໄດ້ເລີຍ ທີມງານຈະຕິດຕໍ່ກັບເປັນກຸ່ມທຳອິດເມື່ອເປີດຮອບຕໍ່ໄປ ຫຼື ສອບຖາມທາງ LINE ຫຼື ໂທ 02-570-8449 ຫຼື 088-807-9770

ລົງຊື່ຈອງໄວ້ ສອບຖາມຮອບຝຶກອົບຮົມ

ສຳລັບອົງກອນ — In-house / Private Training

ປັບເນື້ອໃນໃຫ້ກົງກັບເຄື່ອງມື ແລະ ວຽກຈິງຂອງທີມ
ເລືອກວັນເອງ ຝຶກອົບຮົມທີ່ບໍລິສັດ ຫຼື ອອນລາຍສົດ
ອອກໃບສະເໜີລາຄາໃນນາມນິຕິບຸກຄົນໃຫ້ຝ່າຍຈັດຊື້

ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ

ວິທະຍາກອນຜູ້ສອນ

สามิตร โกยมCEO ที่สถาบันไอทีจีเนียส

ຄຳຖາມທີ່ພົບເລື້ອຍ

หลักสูตร Nuxt 3 Advanced ขั้นสูง เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน

เหมาะกับ ผู้ที่ต้องการสร้างเว็บไซต์แบบ Intuitive Web · Developers · กลุ่มผู้สนใจทั่วไป พื้นฐานที่ผู้เรียนควรมี พื้นฐาน HTML & CSS · พื้นฐาน JavaScript หากไม่แน่ใจว่าพื้นฐานพอหรือไม่ ปรึกษาทีมงานได้ฟรีทาง LINE @itgenius หรือโทร 02-570-8449

หลักสูตร Nuxt 3 Advanced ขั้นสูง ราคาเท่าไร ใช้เวลาเรียนกี่ชั่วโมง

ราคาปกติ 9,500 บาท (โปรโมชันปัจจุบันเหลือ 8,550 บาท) ใช้เวลาอบรม 18 ชั่วโมง ราคานี้ยังไม่รวม VAT 7% (กรณีชำระในนามนิติบุคคล) ชำระค่าอบรมด้วยการโอนเข้าบัญชีบริษัท แล้วแจ้งชำระเงินผ่านหน้าแจ้งชำระเงินของเว็บไซต์ และขอใบเสร็จรับเงินหรือใบกำกับภาษีในนามบริษัทได้

เรียนจบได้รับ Certificate หรือไม่

ได้รับ ผู้ผ่านการอบรมทุกท่านจะได้รับใบประกาศนียบัตร (Certificate of Completion) จากสถาบันไอทีจีเนียส ใบประกาศแต่ละใบมีเลขที่ของตัวเอง ใครก็ตามที่มีเลขที่ใบประกาศตรวจสอบความถูกต้องออนไลน์ได้ที่หน้าตรวจสอบใบประกาศของสถาบัน จึงใช้แนบแฟ้มผลงานหรือส่งให้ฝ่ายบุคคลประกอบการพัฒนาบุคลากรได้

อบรมที่ไหน มีเรียนแบบออนไลน์หรือไม่

เรียนได้ทั้งแบบออนไซต์ที่สถาบันไอทีจีเนียส และนัดเรียนผ่านออนไลน์ และรับจัดอบรมเฉพาะทีม (In-house Training) ให้องค์กร สอบถามรอบและสถานที่ได้ที่ LINE @itgenius หรือโทร 02-570-8449

ถ้าเรียนไม่ทันหรือขาดเรียน มีเรียนซ้ำ/เรียนชดเชยหรือไม่

มี ผู้เรียนสามารถแจ้งขอเรียนซ้ำ (repeat) ในรอบถัดไปของหลักสูตรเดียวกันได้ฟรีตามเงื่อนไขของสถาบัน แจ้งชื่อหลักสูตรและรอบที่เคยเรียนกับทีมงาน แล้วทีมงานจะตรวจสอบและแจ้งรอบที่ยังมีที่นั่งว่างให้เลือก สอบถามได้ที่ LINE @itgenius หรือโทร 02-570-8449

สมัครเรียนหรือขอใบเสนอราคาในนามบริษัทได้อย่างไร

สมัครออนไลน์ได้จากแบบฟอร์มลงทะเบียนบนหน้านี้ ลงทะเบียนผู้เข้าอบรมหลายคนได้ในครั้งเดียว และกรอกเลขประจำตัวผู้เสียภาษีกับที่อยู่สำหรับออกใบกำกับภาษีได้ในฟอร์ม หรือขอใบเสนอราคา (Quotation) ในนามนิติบุคคลได้ทันทีจากปุ่มขอใบเสนอราคา สอบถามเพิ่มเติมโทร 02-570-8449 หรือ LINE @itgenius