ใหม่! อยากทำ Web App ให้ติดตั้งได้แบบ App ทำงานได้แม้ Offline และ Sync ฐานข้อมูล กับ Server แบบ real-time เมื่อกลับมา Online แนะนำหลักสูตรนี้ครับ
หลักสูตร “พัฒนา SPA / PWA / Offline-First ด้วย Next.js 16.x และ React 19.2”
.
สิ่งที่จะได้รับ และเนื้อหาการเรียน
– ผู้เรียนจะได้เรียนรู้การเขียน React 19.2 ล่าสุด ด้วย TypeScript และเข้าใจหลักการทำงานของ Components, Hooks และ ฟีเจอร์ใหม่ เช่น Activity component, useEffectEvent เป็นต้น เพื่อรองรับการพัฒนา SPA ได้อย่างมีประสิทธิภาพ
– ผู้เรียนจะได้เรียนรู้การใช้ Next.js 16.x (App Router) เพื่อสร้าง Single Page Application (SPA) ที่มีโครงสร้างโค้ดเป็นระบบและสามารถจัดการเส้นทาง (Routing) ได้อย่างยืดหยุ่น
– ผู้เรียนจะได้เรียนรู้การใช้ Next.js 16.x เพื่อสร้าง Progressive Web App (PWA) เพื่อทำงานแบบ offline และติดตั้งได้เหมือนกับ App
– ผู้เรียนจะได้เรียนรู้การใช้ Next.js 16.x เพื่อสร้าง Web App แบบ Offline-First เพื่อเก็บข้อมูลในฐานข้อมูลแบบ local และสามารถ sync อัตโนมัติไปยังฐานข้อมูลที่อยู่บน Server เมื่อกลับมา online
– ผู้เรียนจะได้ฝึกพัฒนา mini Workshop “Point of Sale (POS)” แบบ SPA / PWA โดยประยุกต์ใช้ฟีเจอร์ใหม่ของ Next.js และ React เพื่อสร้างประสบการณ์ผู้ใช้ที่รวดเร็วและราบรื่น
– ผู้เรียนจะสามารถ ใช้งาน UI สำเร็จรูป ด้วย Tailwind CSS 4.x + shadcn/ui ล่าสุด รวมถึงการนำ Template มาประยุกต์ใช้ในโปรเจกต์ SPA ได้อย่างมืออาชีพ
– ผู้เรียนจะได้เรียนรู้การเชื่อมต่อ Backend API ภายนอก (RESTful API) ด้วย Axios และ TanStack Query (React Query) เพื่อจัดการข้อมูลและสถานะของแอปพลิเคชันอย่างเหมาะสม
– ผู้เรียนจะได้เรียนรู้ฐานข้อมูล RxDB ซึ่งเป็นฐานข้อมูลแบบ NoSQL เพื่อเก็บข้อมูลแบบ local และสามารถ sync กับ Backend ใดๆ ได้
– ผู้เรียนจะได้เรียนรู้การสร้างระบบ Authentication และ Authorization แบบ SPA ใน Next.js
– ผู้เรียนจะได้เรียนรู้ การจัดการฟอร์มด้วย React Hook Form + Zod เพื่อให้การตรวจสอบข้อมูลเป็นไปอย่างมีประสิทธิภาพและใช้งานง่าย
– ผู้เรียนได้เรียนรู้และใช้งาน State Management (Zustand) สำหรับ Next.js ได้
– ผู้เรียนได้เรียนรู้แนวปฏิบัติการเขียนโค้ดที่ดี และเข้าใจหลักการทำงานของ React Compiler
– ผู้เรียนจะเข้าใจขั้นตอนการ Build และ Deploy Next.js SPA รวมถึงเทคนิคการปรับแต่งเพื่อให้แอปพลิเคชันทำงานได้รวดเร็วและเสถียรในสภาพแวดล้อมการใช้งานจริง
.
ดูรายละเอียด และการลงทะเบียนที่นี่ครับ
https://www.codingthailand.com/…/build-spa-with…