Advanced Fullstack Bootcamp

Advanced Fullstack Bootcamp ในยุค AI

เรียน Onsite เข้มข้น 4.5 เดือน — จาก Zero สู่ Full-Stack Developer พร้อมทำงานจริง 🚀

📚 98 Classes

⏱ 4.5 เดือน

🛤 2 Tracks

👨‍🏫 7+ Instructors

Tracks

01 / 18

2 เส้นทาง สู่ Full-Stack Developer

เลือก track ที่ใช่ — ทั้งสองเส้นทางพาคุณไปถึงเป้าหมายเดียวกัน 🎯

🏫 Onsite

Advanced Fullstack Bootcamp

📅 4.5 เดือน • เรียน Onsite

✓ HTML, CSS, JavaScript, TypeScript

✓ React + State Management

✓ Node.js, Express, PostgreSQL

✓ Next.js

✓ NestJS

✓ Group Project + AI Tools for Devs

✓ Personal Project + Demo Day

💻 Online

Fullstack Online

📅 เรียน Online

✓ HTML, CSS, JavaScript, TypeScript

✓ React + State Management

✓ Node.js, Express, PostgreSQL

× Next.js

× NestJS

× Group Project + AI

✓ Personal Project

Tech Stack

02 / 18

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

Tech stack ครบจบในที่เดียว — Frontend ถึง Backend, Database, AI Tools และอีกมากกว่านั้น 💪

🎨 Frontend

HTMLCSSTailwind JavaScriptTypeScript ReactNext.js shadcn/ui

⚙️ Backend

Node.jsExpress NestJSPrisma ORM REST APIJWT AuthMongoose

🗄️ Database

PostgreSQLMongoDB SQL

🛠️ Tools & AI

GitDocker n8n AI Claude Code Codex UX/UI Agile/PMFigma

Phase 1

03 / 18

Web Foundations

Class 1–6 · อาจารย์นนท์ · ลงมือสร้างเว็บตั้งแต่วันแรก! HTML, CSS, Tailwind และ Git ครบในเฟสเดียว ⚡

🌐 HTML — Structure & Semantics

→

                🎨 CSS Basics — Selector, Box Model,
                Position
              

📐 CSS Layout — Flexbox & Grid

→

                ✨ CSS Advanced — Animation &
                Responsive
              

                🍃 Tailwind CSS — Utility-first
                Framework
              

→

                🌿 Git — Version Control & Basic
                Commands
              

Phase 2

04 / 18

JavaScript Deep Dive

Class 7–15 · อาจารย์นนท์ อาจารย์เอิร์ธ · เจาะลึก JavaScript ทุก concept — ตั้งแต่พื้นฐานจนถึง Async/Await และ Fetch API 🔥

🧱 Basics

Variables, Data Types, Operators
Conditions & Loops
Functions & Arrow Functions
Objects & Object Methods

🔧 Arrays & Methods

Array Operations & Looping
for-of, Map, Filter, Reduce
String & Date Methods
Maps, Sets, JSON, Error Handling

⚡ Modern JS & Async

Destructuring, Spread, Rest
Prototype & Modules
DOM & Events (BOM, Bubbling)
Callback, Promise, Async/Await, Fetch

Phase 3

05 / 18

Backend Fundamentals

Class 16–21 · อาจารย์เอิร์ธ · สร้าง API จริงด้วย Node.js + Express — เชื่อมต่อทั้ง PostgreSQL (SQL) และ MongoDB (NoSQL) 🗄️

🟢 Node.js — Modules & NPM

→

🚂 Express — Routing & Middleware

→

🖼 MVC & Hexagonal Pattern

🐘 PostgreSQL — Data Types & CRUD

→

🔗 Joins, Grouping & DB Design

→

🔮 Prisma ORM

🍃 MongoDB — Document-based NoSQL

→

                🦴 Mongoose ODM — Schema, Models &
                Validation
              

→

🔗 REST API with PostgreSQL MongoDB

Phase 4

06 / 18

TypeScript & Security

Class 22–30 · อาจารย์เอิร์ธ · เขียนโค้ดแบบ Pro ด้วย TypeScript + ระบบ Auth ที่ปลอดภัยระดับ Production 🔐

🔷

TypeScript Basics

Types, Inference, Aliases, Arrays, Tuples, Assertions, Enums

TS Basics

🏛

OOP & Advanced Types

Union, Literal, Unknown, Never, Type Guards, Classes, Interfaces, Generics, Decorators

OOP

🔐

Authentication & Security

Cryptography, Symmetric/Asymmetric Encryption, Hash Functions, JWT Auth

Security

Phase 5

07 / 18

React & UI/UX

Class 31–44 · อาจารย์เอิร์ธ, นนท์, ซูพรีม · สร้าง UI สวยด้วย React เชื่อม Backend และเรียนรู้ UX/UI ที่ใช้งานได้จริง ✨

⚛️ React Core

Components, JSX, Props
State, Forms, Event Handling
Lists & Conditional Rendering

🔁 React Advanced

Reducer, Context API
Effects, Life-cycle, Refs
Custom Hooks
Router + Zustand (Global State)

🔌 Fullstack + UX/UI

Connecting React ↔ Express API
UX/UI Design Principles
Figma & Prototyping
Make AI

Phase 6

08 / 18

Advanced Stack ⭐ Advanced Track

Class 45–55 · อาจารย์เอิร์ธ · ยกระดับสู่ Framework ระดับ Enterprise — Next.js + NestJS คู่ที่ตลาดงานต้องการ 🏆

▲ Next.js

File-based Routing, Pages & Layouts, Nested Routes
SSR vs CSR, Server & Client Components
Data Fetching, Caching, Error Handling, Loading UI
Server Actions, Route Handlers, Middleware
Next Auth — Authentication

🐱 NestJS

Modules, Controllers, Routing Decorators
Validation, Pipes & DTO
DI/IoC, Services & Repository Pattern
Guards, Custom Decorators, Interceptors
PostgreSQL Integration & Swagger Docs

Phase 7

09 / 18

Projects & Workshop

Class 56–75 · อาจารย์เอิร์ธ, ซูพรีม, นนท์ · ถึงเวลาลงมือทำ! Workshop, Personal Project จริง และ Git workflow ระดับทีม 💼

🔨 Workshops (Class 56–62)

                💡 Personal Project — SRS, Figma, ER
                Diagram
              

→

🚀 Personal Project — Implementation

→

🎤 Presentation

📋 PM & Agile

→

🌿 Git Workflow & Advanced Commands

Phase 8

10 / 18

AI & Demo Day ⭐ Advanced Track

Class 76–98 · อาจารย์นนท์ + Team · Build with AI — รวม AI Workflow เข้า Project แล้วโชว์ผลงานในวัน Demo Day! 🤖🎉

🤖 n8n AI Workflow

→

👥 Group Project + AI (Class 77–87)

→

🛠 AI Tools for Developer

🐳 Docker & Deployment + TDD

→

🧠 System Design, Algorithm (Optional)

                💼 Personal Project + AI Tools (Class
                91–97)
              

→

🎉 Demo Day!

AI Tools

11 / 18

AI Tools for Developer 🤖

สอนโดย อาจารย์วู้ดดี้ · เรียนรู้การใช้ AI เป็น coding partner — เขียนโค้ดเร็วขึ้น, debug ฉลาดขึ้น, ส่งงานได้ไวขึ้นหลายเท่า ⚡

🤖

Claude Code

AI coding assistant จาก Anthropic — ช่วยเขียน, review, debug และ refactor โค้ดใน terminal และ IDE ได้ทันที

👨‍🏫 อาจารย์วู้ดดี้

⚡

Codex (OpenAI)

AI model จาก OpenAI — generate โค้ด, อธิบาย code, เขียน test และช่วย refactor ได้อย่างรวดเร็ว

👨‍🏫 อาจารย์วู้ดดี้

🔄

n8n AI Workflow

สร้าง automation workflow รวม AI เข้ากับ app จริง — ไม่ต้องเขียนโค้ดทุกอย่างเอง

อาจารย์นนท์

Why DevNest

12 / 18

ทำไมถึงควรเรียนกับ 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

เหมาะกับใคร

13 / 18

Bootcamp นี้เหมาะกับใคร?

ไม่ว่าจะจบสายไหน หรืออยู่ในสถานการณ์ไหน — ถ้าอยากเติบโตในสาย Tech คุณมาถูกที่แล้ว 🎯

🔄 อยากเปลี่ยนสายงาน

เบื่องานเดิม อยากหาความท้าทายใหม่
จบสายศิลป์ วิทย์ วิศวะ หรือนิเทศฯ ก็เริ่มได้
ไม่จำเป็นต้องมีพื้นฐาน Coding มาก่อน

💼 อยากเพิ่มสกิลหางาน

หางานในสายที่เรียนมา แต่ตลาดไม่เปิดรับ
ต้องการสกิลเพิ่มเติมสำหรับตลาดงานอนาคต
อยากมี Project จริงใส่ใน Portfolio

🏡 อยาก WFH / Remote

สาย Programmer มีโอกาส WFH สูง
งานใช้สมาธิ ไม่จำเป็นต้องเข้าออฟฟิศทุกวัน
ยืดหยุ่นทั้งสถานที่และเวลา

🤖 อยากใช้ AI อย่างยั่งยืน

คนที่ย้ายสาย AI มักไปต่อไม่สุด เพราะขาด Software Architecture
Coding คือจุดเริ่มต้นที่ทำให้เป็นหัวแถวในสาย AI ได้
เรียนรู้การสร้าง AI Workflow จริง ไม่ใช่แค่ใช้ Chatbot

ความแตกต่าง

14 / 18

เราแตกต่างจากที่อื่นอย่างไร?

ไม่ใช่แค่ Bootcamp 4.5 เดือน — แต่คือการสร้างเส้นทางอาชีพที่ยั่งยืน 💻🚀

📚 เนื้อหาและการสอน

สอนลึกกว่า Basic — ไม่หยุดแค่ React/Express แต่พาไปถึง TypeScript, Next.js, NestJS, SQL + NoSQL
เน้นคิดเอง ไม่ใช่แค่พึ่ง AI — ลงมือทำด้วยตัวเองก่อน แล้วค่อยใช้ AI ต่อยอด ทำให้แก้ปัญหาได้แม้ในสิ่งที่ AI ทำไม่ได้
AI Workflow จริง — เรียนรู้สร้าง AI Workflow แก้ปัญหาที่ซับซ้อน ไม่ใช่แค่ "ใช้ AI"

🤝 Community & After-class

อาจารย์พิสูจน์แล้ว — 80% ของนักเรียนใหม่มาจากการบอกต่อ คือการันตีคุณภาพที่แท้จริง
Community ยั่งยืน — ศิษย์เก่ากลับมาพูดคุย แบ่งปันความรู้ สร้าง network และเสนอตำแหน่งงานให้กัน
Support หลังจบ — มีช่องทางติดต่ออาจารย์ ตอบคำถามหลังเรียนจบ ไม่ทิ้งกัน

Location

15 / 18

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

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

🚇

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

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

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

🅿️

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

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

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

บรรยากาศ

16 / 18

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

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