เกี่ยวกับคอร์สนี้
คอร์สนี้พาคุณสร้างเว็บแอปพลิเคชันฉบับสมบูรณ์ตั้งแต่ต้นจนจบด้วย React และ Next.js เรียนรู้ทั้งฝั่ง Frontend และ Backend ในเฟรมเวิร์กเดียว พร้อมฝึกทำโปรเจกต์จริงและ Deploy ขึ้นระบบ Production เหมาะสำหรับคนที่อยากเป็น Full-stack Developer สายเว็บที่ตลาดต้องการตัวมากที่สุดในตอนนี้
เนื้อหาที่จะได้เรียน (56 บทเรียน)
โมดูล 1: พื้นฐาน React และ JavaScript สมัยใหม่ (สัปดาห์ 1-2)
- JavaScript ES6+ ที่ต้องรู้ก่อนเขียน React (Arrow Function, Destructuring, Async/Await)
- React Components, Props และ State
- React Hooks: useState, useEffect, useContext
- การจัดการฟอร์มและ Event Handling
โมดูล 2: Next.js App Router และการทำ Routing (สัปดาห์ 3-4)
- โครงสร้างโปรเจกต์ Next.js และ App Router
- Server Components กับ Client Components ต่างกันอย่างไร
- Dynamic Routing และ Nested Layouts
- การจัดการ SEO ด้วย Metadata API
โมดูล 3: เชื่อมต่อ Backend, API Routes และฐานข้อมูล (สัปดาห์ 5-6)
- สร้าง API Routes ภายใน Next.js
- เชื่อมต่อฐานข้อมูลด้วย Prisma ORM
- Data Fetching: Server-side, Static และ Client-side
- การจัดการ Caching และ Revalidation
โมดูล 4: Authentication, State Management และ Performance (สัปดาห์ 7-8)
- ระบบ Login/Register ด้วย NextAuth.js
- State Management ด้วย Zustand หรือ Redux Toolkit
- Image Optimization และ Lazy Loading
- การทำ SEO และ Performance Audit ด้วย Lighthouse
โมดูล 5: การ Deploy และโปรเจกต์จบคอร์ส (สัปดาห์ 9-10)
- Deploy ขึ้น Vercel และตั้งค่า Environment Variables
- เชื่อมต่อ Custom Domain และ CI/CD เบื้องต้น
- Workshop: สร้างเว็บแอปจริง 1 โปรเจกต์ตั้งแต่ต้นจนจบ
- Code Review และคำแนะนำสำหรับทำ Portfolio
เหมาะกับใคร
- ผู้เริ่มต้นที่มีพื้นฐาน HTML/CSS/JavaScript มาบ้าง
- Frontend Developer ที่อยากขยับไปสาย Full-stack
- คนที่อยากเปลี่ยนสายอาชีพมาเป็นนักพัฒนาเว็บ
สิ่งที่คุณจะได้รับ
- วิดีโอบทเรียนดูซ้ำได้ตลอดชีพ
- โปรเจกต์จริงใส่ใน Portfolio
- ใบรับรองเมื่อเรียนจบคอร์ส
- พี่เลี้ยงส่วนตัวคอยตอบคำถามในกลุ่ม
