AI-Driven Fullstack Bootcamp (Camp 3)

AI-Driven Fullstack Bootcamp Camp 3

Modern Fullstack Engineering สำหรับยุค AI — TypeScript-first · Production-oriented · AI-Augmented 🚀

📚 ~92 Classes

⏱ ~4.5–5 เดือน

🤖 AI-Integrated

👨‍🏫 7+ Instructors

Tech Stack

01 / 21

สิ่งที่คุณจะได้เรียน

Modern Stack สำหรับยุค AI — TypeScript-first ตลอดหลักสูตร พร้อม Testing, Production และ AI Engineering 💪

🎨 Frontend

HTMLCSS Tailwind JavaScript TypeScript React Next.js (App Router) Server Components shadcn/ui TanStack Query Zustand react-hook-form + zod

⚙️ Backend

Node.jsExpress NestJS Prisma ORM PostgreSQL REST API JWT / Refresh Tokens RBAC Swagger

🤖 AI Engineering

RAG pgvector Embeddings Function Calling MCP Agents (LangChain / LangGraph) Guardrails LLM-as-judge

🧪 Testing & Quality

Jest Vitest Supertest Playwright Testing Library TDD

🚀 Production & DevOps

Docker GitHub Actions CI/CD Redis BullMQ Sentry pino (Structured Logs) OpenTelemetry Railway / Vercel / Neon

🎨 UX/UI & PM

Figma Design Tokens WCAG 2.2 / ARIA Git Workflow Agile / PM

AI Integration

02 / 21

โมเดล AI Integration 4 Stages

Foundation First, Then AI-Augmented — เปิดสิทธิ์ใช้ AI ทีละขั้น ตามความแน่นของพื้นฐาน ไม่ให้ผู้เรียนพึ่ง AI โดยไม่เข้าใจ 🎯

🔒

Stage 1 · Foundation

จำกัดการใช้ AI — สร้าง muscle memory ของ syntax และ การแก้ปัญหาด้วยตัวเอง รากฐานที่จำเป็นต่อการตัดสินใจ engineering ในระยะยาว

No-AI / Low-AI

📖

Stage 2 · Guided

AI = ติวเตอร์ส่วนตัว — ใช้อธิบาย concept, language feature, error เข้าใจโค้ดทุกบรรทัด ตั้งคำถามกับ output ของ AI ได้

Tutor Mode

🤝

Stage 3 · Assisted

AI ช่วย boilerplate / refactor / pair programming — เร่งงาน routine แต่ทุกบรรทัดต้องถูกรีวิว เข้าใจ และยืนยันโดยผู้เรียนเอง

Pair Programmer

🚀

Stage 4 · Production

สร้าง AI feature จริง — ออกแบบ architecture, RAG, Agent, ประเมินคุณภาพ output, ป้องกัน prompt injection ส่ง AI-feature เข้าระบบจริง

Real Product

Phase 1

03 / 21

Foundations — HTML, CSS, JS, TypeScript

~4 สัปดาห์ · 19 ครั้ง · AI Stage 1 (No-AI / Low-AI) · สร้าง muscle memory ของ syntax และวินัย Git ก่อนเปิดสิทธิ์ใช้ AI ⚡

🌐 HTML Semantics + CSS Box Model

→

📐 Flexbox · Grid · Responsive

→

🍃 Tailwind CSS · Dark Mode

🟨 JavaScript — Variables, Functions, Closures

→

🔁 Promises, async/await, Event Loop

→

🌳 DOM API & Browser Events

🔷 TypeScript — Types, Generics, Utility Types

→

🏛 OOP & Class Design

→

🌿 Git Workflow + Conventional Commits

Phase 2

04 / 21

Frontend Part I — React + UX/UI

~2–3 สัปดาห์ · 13 ครั้ง · AI Stage 2 (Guided) · UI ที่ขับเคลื่อนด้วย component พร้อม Design System และ Accessibility ✨

⚛️ React + Hooks

Components, JSX, Props, State
Effects, Lifecycle, Refs
Context API, Custom Hooks
Routing

📦 Data, Forms & State

TanStack Query — Data Fetching
Zustand — Global State
react-hook-form + zod (Validation)
shadcn/ui + Tailwind

🎨 UX/UI & Design System

Figma Essentials, Prototyping
Visual Hierarchy, Design Tokens
WCAG 2.2, ARIA, Color Contrast
Responsive Design Patterns

Phase 3

05 / 21

Backend Part I — Express + PostgreSQL + Testing

~2 สัปดาห์ · 11 ครั้ง · AI Stage 2 → 3 · ออกแบบ API ที่ปลอดภัย จัดการ DB และปิดท้ายด้วยการ Test 🗄️🧪

🟢 Node.js + Express — Routing & Middleware

→

🖼 MVC / Hexagonal Pattern

🐘 PostgreSQL — Normalization, ER Diagrams

→

🔮 Prisma ORM

→

🔐 JWT + Refresh Tokens + RBAC

🧪 Jest / Vitest / Supertest

→

📐 Test Pyramid · Mocking · Coverage

→

✅ TDD Basics

Phase 4

06 / 21

Frontend Part II — Next.js

~1 สัปดาห์ · 5 ครั้ง · AI Stage 3 (Assisted) · Server-rendered Fullstack ด้วย App Router · Server Components · Server Actions ▲

🗂

App Router & Routing

File-based routing, Pages & Layouts, Nested routes, Route Groups, Parallel & Intercepting Routes

Next 15

⚡

Server Components & Actions

Server vs Client Components, Server Actions, Route Handlers, Middleware, Streaming & Suspense

RSC

🚀

Caching & SEO

Data Fetching, Caching strategies, Metadata API, SEO, Loading & Error UI, Production Next.js patterns

Hybrid Rendering

Phase 5

07 / 21

Backend Part II — NestJS + Capstone Workshop 🏆 Capstone

~2 สัปดาห์ · 10 ครั้ง · AI Stage 3 (Assisted) · Enterprise Backend ที่ scalable + Workshop 4 วันสร้าง social platform 🐱

🐱 NestJS — Enterprise Backend

Modules, Controllers, Routing Decorators
Dependency Injection · Providers · Services
Guards, Interceptors, Custom Decorators
Validation Pipes + DTO
Prisma Integration · Swagger Docs
Testing FE/E2E (Playwright)

🏆 Capstone Workshop (4 วัน intensive)

สร้าง social platform replica
Auth end-to-end + Social Graph
Feed + Real-time concepts + Search
Production Deployment
ใช้ AI ช่วยเต็มที่ภายใต้ time pressure
ปิดท้ายด้วย Retrospective

Phase 6

08 / 21

AI for Developers + Production Architecture ⭐ Architect Track

~2 สัปดาห์ · 10 ครั้ง · AI Stage 4 (Production) · สร้าง AI feature จริงในระดับ production + System Design 🤖🏗

🤖 AI Engineering for Developers

LLM internals · Tokens · Hallucination
Embeddings + pgvector + RAG
Tool Use · Function Calling · MCP
Agent frameworks (LangChain / LangGraph)
Prompt Injection · Guardrails
Evaluation harness · LLM-as-judge

🏗 Production Architecture & Scalability

Redis Caching Strategies
Message Queues (BullMQ)
Rate Limiting · Throttling
Database Indexing · N+1 prevention
Load Balancing concepts
Trade-off thinking → Software Architect

Phase 7

09 / 21

Personal Project — Solo End-to-End Build

2 สัปดาห์ · 7 ครั้ง · AI Stage 4 (Production) · เป็นเจ้าของทั้งหมดตั้งแต่ scope จนถึง deployment ✨

📋 Scope · SRS · ER Diagram

→

🎨 UI Design (Figma)

→

⚙️ Backend API + Database

⚛️ Frontend Implementation

→

🤖 AI-Integrated Feature

→

🚀 Deploy to Production

📝 Technical Write-up · Demo

Phase 8

10 / 21

Group Project — 3 Sprints + DevOps

~3 สัปดาห์ · 10 ครั้ง · AI Stage 4 (Production) · Production-realistic team project + Demo Day 👥🎉

📋 Sprint Planning · Vertical Slicing

→

🌿 Git Workflow · Issue Tracking

🏃 Sprint 1

→

🏃 Sprint 2

→

🏃 Sprint 3

🐳 Docker · GitHub Actions CI/CD

→

📊 Sentry · Logs · Health Checks

→

🎉 Demo Day

Phase 9

11 / 21

Career & Mock Interview

~1 สัปดาห์ · 4 ครั้ง · DSA + Mock Interview + Portfolio · พร้อมสัมภาษณ์งาน Engineering 💼

🧠

Algorithms & Interview Readiness

Big-O complexity · Arrays · Hash Maps · Stack / Queue · Two-pointer · Sliding Window · Binary Search · Recursion · BFS / DFS · DP intuition

DSA Patterns

🎤

Career & Demo Day

Project Storytelling · GitHub Profile · Resume · Behavioral Interview (STAR) · Mock Technical Interviews · Salary Negotiation Primer

Job-Ready

Modules

12 / 21

โครงสร้างเนื้อหา — 15 Modules

ทั้งหลักสูตรครอบคลุม 15 module ตั้งแต่ Web Foundation ถึง Career · ทุก module ออกแบบโดยคิดถึง Production และ Deployment 📚

01 · Web Foundation

HTML, CSS, Box Model, Flexbox, Grid, Tailwind, Dark Mode

02 · Programming Fundamentals

JavaScript, Closures, Promises, async/await, DOM API

03 · TypeScript & Engineering

Generics, Utility Types, OOP, Git Workflow, Conventional Commits

04 · Modern Frontend

React, react-hook-form + zod, shadcn/ui, TanStack Query, Zustand

05 · UX/UI & Design Systems

Figma, Visual Hierarchy, Design Tokens, WCAG 2.2, ARIA

06 · Backend Foundations

Node.js, Express, PostgreSQL, Prisma, JWT, RBAC, ER Diagrams

07 · Testing & Quality

Jest, Vitest, Supertest, Testing Library, Playwright, TDD basics

08 · Modern Frontend Frameworks

Next.js App Router, Server Components, Server Actions, Caching, SEO

09 · Enterprise Backend

NestJS, DI, Providers, Guards, Interceptors, Swagger, Prisma

10 · Capstone Workshop

Time-boxed sprint สร้าง social platform replica พร้อม deploy

11 · AI Engineering

LLM, RAG + pgvector, Tool Use, MCP, Agents, Guardrails, Eval

12 · Production Architecture

Redis, BullMQ, Rate Limiting, DB Indexing, N+1, Load Balancing

13 · DevOps & Production

Docker, GitHub Actions, Railway / Vercel / Neon, Sentry, OpenTelemetry

14 · Algorithms & Interview

Big-O, Hash Maps, Two-pointer, Sliding Window, BFS / DFS, DP

15 · Career & Demo Day

Project Storytelling, GitHub, Resume, STAR, Mock Interview

Projects

13 / 21

Workshops & Project Phases

4 ประเภทโปรเจกต์ตลอดหลักสูตร — Mini Project ทุกเฟส, Capstone Workshop, Personal และ Group Project พร้อม Demo Day 🛠

📦

Module Capstones

Mini Practical Project ปิดทุก phase นำเนื้อหามาประกอบเป็น app ใช้งานได้ — ตัวอย่าง: mini Todo, REST API + Auth, Blog / Mini E-commerce พร้อม Code Review โดย Mentor

1 โปรเจกต์ / เฟส

🏆

Capstone Workshop

Time-boxed Fullstack Sprint 4 วัน — สร้าง social platform replica ครอบคลุม auth, feed, social graph, notifications, search ใช้ AI ช่วยเต็มที่ ภายใต้ time pressure แบบ production

4 วัน intensive

💡

Personal Project

Solo End-to-End Build — เป็นเจ้าของทั้งหมดตั้งแต่ scope ถึง deployment ทำ ER diagram, UI design, backend API, frontend, AI-Integrated feature ของตัวเอง

~2 สัปดาห์

👥

Group Project

Team Project 3 Sprints — production-realistic project ใช้ Git workflow, issue tracking, vertical slicing มี AI feature integrated ปิดท้ายด้วย Demo Day

~3 สัปดาห์

Outcomes

14 / 21

สิ่งที่ผู้เรียนทำได้หลังเรียนจบ

11 ความสามารถที่ผู้จบหลักสูตรจะมี — พร้อมทั้ง Fullstack, AI Engineering, System Design และ Career Readiness 🎓

🧩

Fullstack Development

สร้างเว็บแอปได้ครบทั้ง frontend, backend, database, deployment

🔷

Type-Safe Engineering

เขียน TypeScript ได้แบบ maintainable พร้อมวินัย type ทั้ง stack

⚛️

Modern Frontend

React, Next.js, Tailwind, shadcn/ui, data-fetching pattern สมัยใหม่

🐱

Backend Architecture

ออกแบบ API, model DB, secure auth, NestJS DI ที่ maintainable

🧪

Testing Discipline

Test Pyramid (unit/integration/e2e) ด้วย Jest, Vitest, Supertest, Playwright

🤝

AI-Integrated Development

ใช้ AI เป็น pair programmer อย่างปลอดภัยในทุก SDLC

🤖

AI Feature Engineering

สร้าง feature ที่ขับเคลื่อนด้วย LLM — RAG, pgvector, Tool Use, Agent

🚀

Production Operations

Containerize, deploy, log, monitor, operate ในสภาพแวดล้อมจริง

🏗

System Design Reasoning

วิเคราะห์ trade-off caching, queueing, rate limit, indexing — รากฐาน Architect

🧠

Algorithmic Problem Solving

แก้ปัญหา interview-grade ด้วย DSA pattern + complexity analysis

📝

Portfolio & Career Readiness

นำเสนอผลงานเชิงเทคนิคคมชัด พร้อมสัมภาษณ์งาน Engineering

Why DevNest

15 / 21

ทำไมถึงควรเรียนกับ DevNest?

พิสูจน์จากผลลัพธ์จริง — นักเรียนใหม่ 80% มาจากการบอกต่อของศิษย์เก่า 📊

👨‍💻

อาจารย์ระดับ Tech Lead

ประสบการณ์พัฒนาโปรเจคจริงมากกว่า 10 ปี สอน Bootcamp และ Advanced JS Stack มากกว่า 10+ รุ่น

10+ ปี

🚀

สอนถึงระดับ Advanced Stack

TypeScript, Next.js, NestJS — Framework ที่บริษัทสาย JS/TS ส่วนใหญ่ใช้จริง ไม่ต้องหาเรียนที่อื่น

TS · Next · Nest

🛠️

เรียนจบ → ทำงานได้ทันที

เรียนทฤษฎีลึกจริง รู้จริง พร้อม Workshop และ Project เดี่ยว + กลุ่ม — ไม่ใช่แค่ดูวิดีโอ

Project-based

🙋

ทีม Mentor คัดสรร

พี่ Mentor พร้อมซัพพอร์ทระหว่างเรียน และช่องทางติดต่อสำหรับศิษย์เก่าหลังจบคอร์ส

Full Support

🤝

Community ที่เหนียวแน่น

ศิษย์เก่าแลกเปลี่ยนความรู้ เสนอตำแหน่งงานให้กัน และมีกิจกรรมต่อยอด connection ต่อเนื่อง

Alumni Network

🎥

วิดีโอย้อนหลัง + ใบรับรอง

ดูวิดีโอย้อนหลังได้ตลอด พร้อมใบรับรองจากสถาบัน เพื่อเพิ่มความน่าเชื่อถือใน Portfolio

Certificate

เหมาะกับใคร

16 / 21

หลักสูตรนี้เหมาะกับใคร?

ออกแบบมาให้ 6 กลุ่มเป้าหมาย — ตั้งแต่มือใหม่ที่อยากเข้าสาย Tech ถึง Engineer ที่อยากต่อยอดสู่ Software Architect 🎯

🌱

Aspiring Fullstack Developer

ผู้ที่ต้องการเป็น Fullstack Developer ที่เขียนได้ทั้ง frontend, backend, database และ deploy ขึ้น production

มือใหม่ที่จริงจัง

🔄

Career Switcher (จริงจัง)

ผู้เปลี่ยนสายจากงานอื่น พร้อมทุ่มเทเรียนแบบ intensive และต้องการ portfolio พร้อมสมัครงาน

Career Change

📈

Junior Developer ที่อยาก Upskill

นักพัฒนาที่ทำงานอยู่แล้ว แต่ต้องการเข้าใจ Modern Stack (Next.js, NestJS, Prisma) และ AI Engineering ลึกขึ้น

Junior Dev

🏗

Future Software Architect

ผู้มองภาพอาชีพระยะยาวเป็น Tech Lead / Software Architect ต้องการรากฐาน System Design + AI Engineering ที่แน่น

Long-term

💼

BA / PM / PO / Tech-adjacent

ผู้ทำงานสาย tech-adjacent ที่ต้องการเข้าใจ system อย่างลึกพอที่จะ คุยกับทีม dev ได้อย่างมั่นใจ

PM / BA

🤖

AI-curious Engineer

นักพัฒนาที่ต้องการสร้าง feature ที่ใช้ AI จริงในระดับ production (RAG, Agents, Evaluation)

AI Builder

ความแตกต่าง

17 / 21

DevNest Camp 3 ต่างจากหลักสูตรอื่นอย่างไร?

8 มิติที่ทำให้ Camp 3 ไม่ใช่แค่ Bootcamp 4.5 เดือน แต่คือการสร้างเส้นทางสู่ Software Architect ในยุค AI 💻🚀

🤖

Progressive AI Integration

ผสาน AI ใน 4 stage ที่กำหนดชัด — ไม่ใช่หัวข้อแยก ผู้เรียนได้สิทธิ์ใช้ AI เพิ่มขึ้นตามที่พื้นฐานแน่นขึ้น

🔷

Modern Stack ที่ตลาดงานใช้จริง

TypeScript-first · Next.js (App Router, RSC, Server Actions) · NestJS · Prisma · PostgreSQL + pgvector

🔒

Foundation First

ช่วงแรกล็อก ห้ามใช้ AI โดยตั้งใจ — สร้าง muscle memory ของ syntax และ debugging ก่อน ป้องกันการพึ่ง AI โดยไม่เข้าใจ

🏗

Architect Trajectory

มี Production Architecture & Scalability เป็น module ของตัวเอง ฝึก trade-off, caching, queue, indexing → Software Architect

🚀

Production Mindset

ทุก module ผูกกับ deployment, observability, CI/CD — Sentry + structured logging + GitHub Actions

🧠

AI Engineering Depth

ไม่ใช่แค่ใช้ AI ช่วยเขียนโค้ด แต่สร้าง AI feature ด้วยตัวเอง — RAG, MCP, Agent, Guardrails, LLM-as-judge

🧪

Testing Culture

Testing เป็น module ของตัวเอง — ครอบคลุม test pyramid ด้วย Jest, Vitest, Supertest, Playwright พร้อม coverage

🎯

Career-Oriented Output

จบหลักสูตรพร้อม Personal + Team project ที่ deploy แล้ว · GitHub profile · STAR · Mock Interview · DSA fluency

Location

18 / 21

การเดินทาง & ที่จอดรถ 🗺️

เดินทางสะดวกหลายช่องทาง — มีรถรับส่ง BTS/MRT และที่จอดรถถึง 3 จุด 🚇

🚇

ขนส่งสาธารณะ

🚃 รถรับส่ง จาก BTS พญาไท และ MRT ศูนย์วัฒนธรรม 🚌 รถประจำทาง — สะดวก หลายสาย 🚗 รถยนต์ส่วนตัว — มีที่จอดรถรองรับ

มีรถรับส่ง BTS + MRT

🅿️

ที่จอดรถ 3 จุด

🏢 ลานจอดใกล้เคียง — 50 บ./วัน หรือ 700 บ./เดือน (เดิน ~100 ม.) 🚶 ที่จอดสาธารณะ — เดินเพียง 50 เมตร 🚇 ลาน MRT รฟม. — มีหลังคากันแดด (เดิน ~900 ม.)

ดูแผนที่ในคอมเมนต์

บรรยากาศ

19 / 21

บรรยากาศการเรียน

เรียน Onsite ด้วยกัน — บรรยากาศสนุก เข้มข้น และเติบโตไปพร้อมเพื่อนร่วมรุ่น 🏫✨