All notes
A curated collection of programming notes, summaries, and references.
Programmatic SEO with Next.js: สร้าง 1,000 หน้า Landing Page ในพริบตาเดียว
เทคนิคระดับ God-Tier ของ Startup ระดับโลก (TripAdvisor, Zapier): วิธีใช้ Next.js Dynamic Routes สร้างหน้าเว็บมหาศาลเพื่อดัก Long-tail Keyword แบบอัตโนมัติ
JSON-LD & Schema Markup: สอน Next.js ให้คุยภาษาหุ่นยนต์ (SEO Secret Weapon)
เทคนิคทำ Structured Data เพื่อชิงพื้นที่ Featured Snippet บน Google และวิธีเขียน JSON-LD ใน Next.js แบบ Type-Safe
Core Web Vitals: จูนเว็บให้แรงทะลุนรก (และ Google รักตาย)
เว็บสวยแต่ช้า = 0 คะแนน มาเจาะลึก 3 เสาหลัก Core Web Vitals (LCP, INP, CLS) และเทคนิค Optimization ใน Next.js ที่ทำให้คะแนนพุ่งแตะ 100/100
Next.js Metadata Mastery: เสกเว็บให้ติด Search และหล่อเท่บน Social
เจาะลึก Metadata API ของ Next.js วิธีทำ Dynamic Title, Description และ Open Graph Image ให้เว็บของคุณดูโปรฯ ทุกแพลตฟอร์ม
Next.js Technical SEO: ปูพรมแดงต้อนรับ Google Bot ด้วย Sitemap & Robots.txt
เพิ่ม Traffic ให้เว็บด้วยการทำ SEO เชิงเทคนิค สอนสร้าง Dynamic Sitemap และ Robots.txt เพื่อให้เว็บของคุณถูกค้นเจอในหน้าแรก
AEO & GEO: ปรับแต่งคอนเทนต์ให้ฉลาดล้ำสำหรับยุค AI
เจาะลึกเทคนิคการเขียนบทความให้ AI เข้าใจและดึงไปตอบ (Citation) โดยใช้รูปแบบ Markdown มาตรฐานที่ทรงพลังที่สุด
Modern TypeScript Mastery: ปรัชญาการออกแบบโค้ดระดับ Senior
เจาะลึกปรัชญา TypeScript ตั้งแต่ Structural Typing ไปจนถึงวิธีก้าวข้ามพ้นจาก any และตารางเปรียบเทียบความปลอดภัยของโค้ด
React Fundamental: รากฐานที่แข็งแกร่งสู่การเป็น Pro
เข้าใจแนวคิด React พื้นฐานผ่านการเปรียบเทียบกับชีวิตจริง: State vs Props ต่างกันอย่างไร? และวิธีใช้ Hooks แบบมือโปร
Modern Data Fetching: ทิ้ง Redux แล้วมาซบอก React Query
รู้จัก TanStack Query (React Query) อาวุธลับในการจัดการ Server State ที่จะทำให้โค้ด data fetching หายไป 90% พร้อมเทคนิคการจัดการ Cache และ Invalidation ขั้นเซียน
State Management Philosophy: จริงๆ แล้วคุณอาจไม่ต้องใช้ Redux/Zustand
พอกันทีกับการเก็บทุุกอย่างไว้ใน Store กลาง! เจาะลึกแนวคิดการใช้ URL เป็นแหล่งความจริงสูงสุด (Single Source of Truth) และการแยกแยะระหว่าง Server State กับ Client State อย่างมืออาชีพ
Client-Side Data Fetching: เทคนิคการดึงข้อมูลอย่างมืออาชีพ
เลิกใช้ useEffect ดึงข้อมูลได้แล้ว! เจาะลึกกลยุทธ์การจัดการ Client-side State, การจัดการ Cache ด้วย SWR และการทำ Versioning ให้ LocalStorage เพื่อความมั่นคงของระบบ
Advanced React Architecture: เขียนโค้ดให้เพื่อนร่วมทีมรัก
ยกระดับการเขียน React สู่ระดับมืออาชีพ เจาะลึกเทคนิคการจัดการ App Initialization, การรักษา Immutability ขั้นสูง และการแก้ปัญหา Stale Closure ด้วย Pattern ที่ Senior เลือกใช้
Advanced React Performance: ปรับแต่งเว็บให้ลื่นระดับ Senior
ปราบ Re-render ให้อยู่หมัดด้วยเทคนิคที่มากกว่าแค่การใช้ useMemo เจาะลึกความผิดพลาดที่จูเนียร์มักจะทำและการออกแบบ State ที่ประหยัดทรัพยากรที่สุด
React Composition Patterns: พอกันทีกับ Boolean Props ที่รกสายตา
เจาะลึกศิลปะการประกอบร่างหน้าจอ (Composition) เลิกเขียน Component แบบ Monolith ที่รับ Props มหาศาล แล้วเปลี่ยนมาใช้ Compound Components ที่ยืดหยุ่นและดูแลรักษาง่ายขึ้น 10 เท่า
React Core Mastery: เข้าใจไส้ในที่คุณต้องรู้เพื่อเป็น Senior
เจาะลึกการทำงานของ React ตั้งแต่ปัญหาของ Real DOM ไปจนถึงการ Diffing Algorithm พร้อมเปรียบเทียบชีวิตจริงและตาราง Trade-off
React Hooks Mastery: เข้าใจกลไกและไขความลับระดับ Senior
ไม่ได้เป็นแค่ฟังก์ชัน! เจาะลึกกลไก Linked List เบื้องหลัง Hooks, วิธีแก้ปัญหา Stale Closure ที่ทำให้จูเนียร์กุมขมับ และการใช้ Memoization อย่างมีกลยุทธ์
Scalable React Architecture: จัดโครงสร้าง Folder ยังไงไม่ให้โปรเจกต์ระเบิด
เลิกกองทุุกอย่างไว้ที่ components/! เจาะลึกโครงสร้างแบบ Feature-based, เทคนิค Colocation และการออกแบบระบบให้พร้อมเติบโตได้เป็นเวลา 10 ปีโดยไม่เป็นภาระของลูกหลาน
React Rendering Mastery: เทคนิคเสกเว็บให้ลื่นระดับ 60 FPS
ไม่ได้มีแค่ useMemo! เจาะลึกกลไก Rendering Pipeline ของ Browser, เทคนิคใช้ GPU เร่งความเร็วการวาดหน้าจอ และการทำ Zero-Flicker UI ที่จะทำให้เว็บของคุณรู้สึกพรีเมียมที่สุด
React Testing Library: เลิก Test รายละเอียดโค้ด แล้วมา Test ความรู้สึก User
เขียน Test ให้เหมือนคนใช้งานจริง! เจาะลึกปรัชญาการเขียน Test ที่ทนทานต่อการ Refactor เลิกหา Component ด้วย ClassName และเปลี่ยนมาใช้ระบบ Accessibility Role แทน
React Under the Hood: Virtual DOM และ Reconciliation ทำงานยังไง?
ไม่ได้มีไว้ท่องจำ! เจาะลึกกลไกภายในของ React เข้าใจ Diffing Algorithm และ Fiber Architecture ว่าทำไม React ถึงเป็น Framework ที่ครองโลก พร้อมวิธีเขียนโค้ดให้สอดคล้องกับเครื่องยนต์หลัก
Next.js App Router Mastery: ปฏิวัติการเขียนเว็บสไตล์ Full-stack
เจาะลึก Next.js App Router ตั้งแต่หัวใจของ Server Components ไปจนถึงระบบ Data Fetching ยุคใหม่ที่จะทำให้เว็บของคุณเร็วและเทพกว่าเดิมหลายเท่า
Next.js Best Practices: เซ็ตอัพให้เป๊ะก่อนขึ้น Production
เจาะลึกการรัน Next.js อย่างมือโปร ตั้งแต่การจัดการ Environment Variables แบบ Type-safe ไปจนถึงการปรับแต่ง Image Optimization และระบบความปลอดภัยระดับสูง
Next.js Authentication Mastery: กลยุทธ์การป้องกันปราสาทด้วย Middleware
เจาะลึกการทำ Authentication ใน Next.js ตั้งแต่การใช้ Middleware เป็นยามหน้าประตู ไปจนถึงการปกป้องข้อมูลในระดับ Server Actions ที่ปลอดภัย 100%
Next.js Production Checklist: คัมภีร์ก่อนกด Deploy ระดับมือโปร
อย่าเพิ่งกด Deploy ถ้ายังไม่ได้อ่านแผ่นนี้! เจาะลึกการเตรียมความพร้อมขั้นสุดท้าย ตั้งแต่การวิเคราะห์ Bundle Size ไปจนถึงการทำ Error Monitoring ที่จะทำให้คุณนอนหลับสบายหลังส่งมอบงาน
Next.js Performance Mastery: สกัดไขมันและกำจัดขยะใน Bundle ของคุณ
เจาะลึกกลยุทธ์การรีดประสิทธิภาพ Next.js ขั้นสูง ตั้งแต่การกำจัด Data Waterfalls ไปจนถึงเทคนิคลดขนาด Bundle Size ที่จะทำให้เว็บของคุณเร็วกว่าคู่แข่ง 10 เท่า
Next.js Routing Deep Dive: สถาปัตยกรรมชั้นสูงของ App Router
ไม่ได้มีแค่โฟลเดอร์ app! เจาะลึกกลไกเบื้องหลังของ Layout, Template, Streaming UI และระบบ Caching ขั้นเซียนที่คนส่วนใหญ่ยังไม่เข้าใจ
Next.js Security & Performance: เจาะลึกความลับหลังม่าน Server
อย่าให้คำว่า 'use server' มาหลอกคุณ! เจาะลึกความปลอดภัยของ Server Actions และเทคนิคการดึงข้อมูลแบบขนานที่แยกคนเขียนเว็บเก่งๆ ออกจากระดับมือสมัครเล่น
Express Middleware Mastery: ระบบด่านตรวจอัจฉริยะสำหรับ Backend
Middleware คือหัวใจที่ทำให้ Express แข็งแกร่ง! เรียนรู้วิธีสร้างด่านตรวจแบบมือโปร ตั้งแต่การเช็คบัตรคิว (Auth) ไปจนถึงการคัดกรองสินค้า (Validation)
Node.js & Express: หัวใจหลักของ Backend ยุคใหม่
เข้าใจจุดเด่นของ Node.js และกลไกของ Express Middleware ผ่านการเปรียบเทียบกับชีวิตประจำวัน
Node.js Performance Mastery: เจาะลึก Memory Leak และ Event Loop
ทำไม Server แรมหมด? Event Loop Lag คืออะไร? เรียนรู้วิธีใช้เครื่องมือระดับ Senior เพื่อ Profile และแก้ปัญหาคอขวดใน Node.js
Express.js Architecture: วางรากฐานระบบให้ใหญ่แค่ไหนก็ไม่พัง
จัดโครงสร้าง Express แบบ 3-Layer Architecture (Controller-Service-Data) เพื่อการเพิ่มฟีเจอร์ที่ลื่นไหล การ Test ที่แม่นยำ และการ Scale ระบบได้จริง
Express.js Testing Mastery: มั่นใจทุกการ Deploy ด้วย Integration Test
เลิกใช้ Postman ยิงมือ! เจาะลึกการทำ Integration Test ด้วย Jest & Supertest เพื่อให้ API ของคุณทำงานได้ถูกต้องและไม่พังเมื่อแก้โค้ด
Express.js Production Mastery: จากโค้ดมือสมัครเล่นสู่ระบบระดับโลก
ยกระดับ Express App สู่มาตรฐานสากล เจาะลึกเทคนิคการทำ Validation, Global Error Handling และการจัดการความปลอดภัยที่ Senior Dev ต้องรู้
Algorithms 101: การแก้ปัญหาอย่างมีระบบแบบ Senior
ทำไมถึงต้องรู้เรื่องการ Sort? Recursion มีไว้ทำไม? เจาะลึกอัลกอริทึมพื้นฐานที่ช่วยให้คุณแก้ปัญหาซับซ้อนได้โดยไม่ต้องงมเข็ม
Big O Notation Mastery: ภาษาของประสิทธิภาพที่คุณต้องเข้าใจ
ทำไมโค้ดของคุณถึงอืดเมื่อข้อมูลเยอะ? เจาะลึก Big O ตั้งแต่ O(1) ไปจนถึง O(N^2) พร้อมเปรียบชีวิตจริงและวิธีแก้แบบมือโปร
Data Structures Mastery: เลือกอาวุธให้ถูกงาน Array, Map, Set, หรือ Object?
เลิกใช้ Array กับทุกอย่าง! ทำความรู้จักพลังของ Map และ Set ที่จะช่วยให้โค้ดของคุณเร็วขึ้น 100 เท่า พร้อมตารางเปรียบเทียบเชิงลึก
JavaScript Event Loop Mastery: เชฟมือหนึ่งกับระบบคิวอัจฉริยะ
เจาะลึกกลไกการทำงานของ Event Loop ตั้งแต่ปัญหา Thread ค้าง ไปจนถึงความต่างระหว่าง Macrotask และ Microtask พร้อมตารางเปรียบเทียบเชิงลึก
Functional Programming Mastery: จิตวิญญาณเบื้องหลัง React
ทำไม React ถึงห้ามแก้ State ตรงๆ? เจาะลึกแนวคิด Pure Function และ Immutability ที่จะช่วยให้โค้ดของคุณคาดเดาได้และไร้บั๊ก
NestJS Dependency Injection: พลังแห่งเวทมนตร์ Inversion of Control
ไขความลับเบื้องหลัง NestJS: ทำไมเราถึงไม่ต้อง 'new Class()' เอง? เข้าใจ DI Container, Providers และหัวใจของการเขียนโค้ดที่ Test ง่ายระดับ Senior
NestJS Architecture Mastery: สร้างระบบระดับ Enterprise ให้แข็งแกร่ง
เจาะลึกโครงสร้าง NestJS ตั้งแต่ปัญหาการจัดการโค้ด ไปจนถึง Dependency Injection และตารางเปรียบเทียบความแตกต่างกับ Express
CI/CD Pipeline Mastery: ป้อมปราการของการส่งมอบซอฟต์แวร์
หลุดพ้นจากวงจร 'Works on my machine' ด้วยระบบอัตโนมัติ เจาะลึกการสร้าง Pipeline ตั้งแต่ด่านตรวจบั๊ก (CI) ไปจนถึงการปล่อยของขึ้น Production (CD)
Docker Database Mastery: บริหารจัดการข้อมูลระดับ Enterprise
เจาะลึกการรัน Database บน Docker อย่างมืออาชีพ ตั้งแต่เรื่อง Persistence (Volumes) ไปจนถึงความปลอดภัยระดับสูงสุดและการทำ Healthchecks
Docker Optimization Mastery: สกัดไขมัน สร้าง Image ระดับเทพ
เลิกสร้าง Docker Image ขนาด 1GB! เจาะลึกเทคนิค Multi-stage Build และ Layer Caching ที่จะทำให้การ Build ของคุณเร็วขึ้น 10 เท่า และ Image เล็กเพียงหยิบมือ
The Testing Trophy: กลยุทธ์การทดสอบเพื่อความมั่นใจ 100%
เลิกบ้าทำ 100% Unit Test ได้แล้ว! เจาะลึกแนวคิด Testing Trophy ที่เน้นผลลัพธ์ผ่าน Integration Test และวิธีวางโครงสร้างการทดสอบให้ 'คุ้มค่า' กับเวลาที่สุด
Nginx & Reverse Proxy: ยามเฝ้าประตูระดับโลก
ทำไมโปรเจกต์ระดับมืออาชีพถึงต้องมี Nginx? เจาะลึกความลับของ Reverse Proxy ตั้งแต่การทำ SSL Termination ไปจนถึงการกระจายงาน (Load Balancing) ที่ทำให้ระบบไม่เคยล่ม
Modern Go API with Gin & GORM: เร็วแรงระดับ Production
ยกระดับการเขียน Go API ด้วย Gin Framework และ GORM เรียนรู้วิธีจัดการ Middleware, Database Migration และการทำ Graceful Shutdown แบบมืออาชีพ
Go (Golang) for Backend: พลังแห่งความเรียบง่ายที่ Scale ได้จริง
ทำไมบริษัทระดับโลกอย่าง Google หรือ Uber ถึงย้ายมาใช้ Go? เจาะลึกปรัชญาความเรียบง่าย และพลังของ Goroutines ที่เปลี่ยนโลกของ Concurrency
Standard Go Project Layout: วางโครงสร้างโปรเจกต์ Go แบบมืออาชีพ
ทำไมต้องมี cmd? internal คืออะไร? เจาะลึกโครงสร้างโปรเจกต์ Go ที่เป็นมาตรฐานสากล เพื่อให้โค้ดของคุณพรีเมียมและ Scale ได้อย่างไร้ขีดจำกัด
Go Testing Mastery: พลังของ Table Driven Tests & Mocking
เขียน Test ใน Go ต้องไม่งง! เจาะลึกมาตรฐานการทำ Table Driven Tests และการใช้ Interface เพื่อทำ Mocking ขั้นเทพที่ทำให้คุณ Test โค้ดได้ 100%
Advanced SQL Mastery: เปลี่ยน Query นรกให้เป็นงานศิลป์
เลิกเขียน Subquery ซ้อนกัน 5 ชั้น! เจาะลึก Common Table Expressions (CTE) และ Window Functions เพื่อ Query ข้อมูลที่ซับซ้อนได้อย่างสง่างาม
Caching Mastery: ศิลปะแห่งการจำเพื่อให้ระบบไม่ล่ม
Cache คือยาเสพติดของวงการ Tech ใส่แล้วเร็วปรี๊ด! แต่ถ้าวางแผนการ Invalidate ไม่ดี ข้อมูลจะผิดเพี้ยนจนแก้ไม่ตก เจาะลึกกลยุทธ์การทำ Cache ระดับ Senior
Advanced SQL Indexing: เจาะลึกกลยุทธ์รีดประสิทธิภาพ Database
Index ไม่ใช่แค่ใส่ B-Tree มั่วๆ แล้วจะเร็ว! รู้จัก Composite Index, Covering Index และวิธีใช้ EXPLAIN ANALYZE เพื่อแก้ปัญหาระบบอืดแบบมืออาชีพ
SQL Indexing Mastery: เรดาร์นำทาง Database ระดับ Enterprise
เจาะลึกกลไก B-Tree Index ตั้งแต่วันที่ข้อมูลบวมจน Query อืด ไปจนถึงการวิเคราะห์ Trade-offs ระหว่างความเร็วในการอ่านและเขียน
Digital Accessibility Mastery: ทำเว็บให้คนทุกคนเข้าถึงได้แบบ Senior
Accessibility ไม่ใช่แค่เรื่องคนตาบอด! เจาะลึกการสร้าง UX ที่ดีสำหรับทุกคน ผ่าน Semantic HTML, Focus Management และ ARIA ที่ถูกต้อง
Modern CSS Architecture: วางโครงสร้างสไตล์ให้โปรเจกต์ระดับล้านบรรทัด
CSS ไม่ใช่แค่เรื่องความสวยงาม แต่คือเรื่องของ Scalability เจาะลึกแนวคิด BEM, Utility-First, และ CSS-in-JS เพื่อการจัดการโปรเจกต์ขนาดใหญ่
Web Interface Mastery: ออกแบบ UI อย่างไรให้ดู 'แพง' และเป็นมือโปร
ความพรีเมียมไม่ได้มาจากแค่สี แต่มาจาก 'Attention to Detail' เจาะลึกกฎเหล็กการออกแบบ Interface ที่ใช้งานลื่นไหลและดูแพงแบบ Senior Developer
Postman & Swagger: สื่อสารกับทีมให้เป็นมืออาชีพ
ทำไมต้องเขียน Document? และวิธีใช้ Postman Environments เพื่อให้การทำงานในทีมลื่นไหล เจาะลึกการสร้าง API Contract ที่แข็งแรงระดับ Senior
Terminal Mastery: คู่มือเอาตัวรอดบนสมรภูมิ Linux
เลิกกลัวหน้าจอสีดำ! เรียนรู้วิธีการใช้ Command Line อย่างเฉียบคมเพื่อจัดการ Server และกระบวนการทำงานแบบ Senior Developer
Advanced Git Mastery: จัดการประวัติศาสตร์โค้ดระดับ Senior
เลิกกลัวการแก้ Conflict! เรียนรู้การทำ Rebase, Cherry-pick และ Stash เพื่อจัดการ Git History ให้สวยงามระดับมือโปร
Modern Communication Protocols: เลือกท่อส่งข้อมูลระดับไฮเอนด์
โลกไม่ได้มีแค่ HTTP/1.1! เจาะลึกโปรโตคอลยุคใหม่ที่เร็วกว่า เบากว่า และ Real-time กว่า เพื่อระบบที่รองรับการ Scale ระดับโลก
Monolith vs Microservices vs Serverless: เลือกรากฐานยังไงให้ไม่เจ็บตัว
อย่าตามกระแส! เมื่อไหร่ควรแยก Service? เมื่อไหร่ Mono-repo ดีกว่า? เจาะลึกการเลือก Architecture ที่เหมาะสมกับขนาดทีมและโจทย์ธุรกิจ
System Design Mastery: ออกแบบระบบรองรับคนพันล้าน
ออกแบบระบบยังไงให้รองรับคนเป็นล้าน? รู้จัก Vertical vs Horizontal Scaling, Load Balancing และการทำ Database Sharding
Database Architecture Mastery: Normalization และกฎเหล็ก ACID
ออกแบบ Database ผิดชีวิตเปลี่ยน! เจาะลึกการจัดระเบียบข้อมูล (Normalization) และหัวใจของความปลอดภัยข้อมูล (ACID) พร้อมเคสตัวอย่างโอนเงิน
SQL vs NoSQL: เมื่อไหร่ควรใช้ PostgreSQL หรือ MongoDB?
เจาะลึกความแตกต่างระหว่าง SQL และ NoSQL พร้อมทำความรู้จักกับ Supabase เครื่องมือประหยัดเวลาของยุคนี้
API Design Mastery: ออกแบบรากฐานการสื่อสารระดับ Senior
ออกแบบ API ยังไงให้ Frontend รัก? เจาะลึก HTTP Status Code, N+1 Problem และหัวใจของการทำ Contract-First Design
Browser Rendering Mastery: เจาะลึกกลไกเบื้องหลังพิกเซลบนหน้าจอ
เข้าใจกลไก Rendering Pipeline เพื่อเขียนเว็บที่ลื่นไหล 60fps เจาะลึกความต่างระหว่าง Layout, Paint และ Composite
The Art of Refactoring: รับมือ Legacy Code อย่างมืออาชีพ
มรดกบาปที่รุ่นพี่ทิ้งไว้ (หรือเราเขียนเองเมื่อปีที่แล้ว) แก้ยังไงให้ปลอดภัยด้วยเทคนิค Strangler Fig และกฎเหล็กของการกู้ระเบิดซอฟต์แวร์
The Senior Mindset: พลังของสิ่งที่โรงเรียนไม่ได้สอน
Senior ไม่ได้วัดที่ปีทำงาน แต่วัดที่การตัดสินใจ Trade-off และการเป็น Mentor ที่เปลี่ยนทีมให้แข็งแกร่ง เจาะลึกหัวใจของการเป็นวิศวกรซอฟต์แวร์ระดับนำ
Authentication Mastery: สงครามระหว่าง Session, JWT และ OAuth2
เลิกเดาสุ่มเรื่องระบบ Login! เจาะลึกความต่างระหว่าง Stateful vs Stateless และกลยุทธ์การตัดสินใจเลือกใช้ระบบ Authentication ให้ปลอดภัยระดับ Enterprise
Web Security Essentials: ป้อมปราการความปลอดภัยสไตล์ Senior
อย่ารอให้โดนแฮกก่อนค่อยแก้! เจาะลึก 5 ภัยคุกคามยอดฮิต (XSS, CSRF, Injection) พร้อมกลวิธีอุดรูรั่วให้สนิทด้วยระบบคิดแบบวิศวกรซอฟต์แวร์มืออาชีพ
AI Architecture Mastery: ออกแบบระบบ AI ที่ฉลาดและแม่นยำระดับ Senior
เลิกแค่ยิง Prompt ตรงๆ! เจาะลึกการสร้างระบบ RAG (Retrieval-Augmented Generation), การเลือก Vector Database และกลยุทธ์การคุม Cost/Latency สำหรับงาน Production
DevOps Mastery: สร้างโรงงานผลิตซอฟต์แวร์อัตโนมัติระดับ Senior
เลิกแค่โยนโค้ดขึ้น Server! เจาะลึกการสร้าง CI/CD Pipeline ที่แข็งแรง, การทำ Blue-Green Deployment และการใช้ Observability เพื่อตรวจจับบั๊กในระดับโปรดักชัน
Security Mastery: กู้ระเบิดระบบและป้องกันการโจมตีระดับ Senior
Security ไม่ใช่แค่เรื่อง Login! เจาะลึกการป้องกันระบบด้วยหลักการ Zero Trust, การจัดการ OWASP Top 10 และเทคนิคการป้องกันข้อมูลรั่วไหลในระดับ Enterprise
จัดการข้อมูลเป็นชุดด้วย Arrays และ Tuples ใน TypeScript
เจาะลึกการใช้ Array และ Tuple การเลือกใช้ Type ให้ถูกงาน และเทคนิคการจัดการข้อมูลด้วย High Order Functions (map, filter, reduce)
DOM Manipulation ในโลกของ TypeScript
การจัดการ HTML Element ด้วย TypeScript อย่างไรไม่ให้ติด Error 'Property does not exist' ด้วย Type Assertion และ Casting
จัดการ Error อย่างมืออาชีพใน TypeScript (Try-Catch & Custom Errors)
อย่าปล่อยให้เว็บพัง! เรียนรู้วิธีดักจับและจัดการ Error อย่างถูกต้อง รวมถึงการ Handle 'unknown' error ใน TypeScript
Generics ใน TypeScript: เขียนโค้ดให้ยืดหยุ่นและนำกลับมาใช้ใหม่ได้
ปลดล็อกพลังที่แท้จริงของ TS ด้วย Generics เทคนิคการเขียนฟังก์ชันและ Interface ที่รองรับหลาย Type โดยยังคง Type Safety ไว้ครบถ้วน
จัดการข้อมูลด้วย Map และ Set ใน TypeScript
เมื่อ Array และ Object ธรรมดาไม่ตอบโจทย์ มารู้จักกับ Map และ Set ที่จัดการข้อมูลได้เร็วกว่าและยืดหยุ่นกว่า
Modules และการจัดโครงสร้างโปรเจกต์ TypeScript
จัดการโค้ดที่เริ่มบวมด้วย ES Modules เรียนรู้ความต่างของ Default vs Named Export และเทคนิค Barrel Files (index.ts)
Objects และ Interfaces: การออกแบบโครงสร้างข้อมูลใน TypeScript
เปรียบเทียบ Interface vs Type Alias และเรียนรู้เทคนิคการจัดการ Object เช่น Optional Properties, Readonly และ Destructuring
OOP ใน TypeScript: Class, Inheritance และ Access Modifiers
ยกระดับการเขียน Class แบบ JavaScript สู่ OOP เต็มรูปแบบด้วย TypeScript Access Modifiers (public, private, protected) และ Abstract Classes
เจาะลึก Scope, Closures และกลไก Memory ของ JavaScript/TypeScript
เข้าใจเบื้องหลังการทำงานของ Execution Context, Lexical Environment และวิธีที่ V8 Engine จัดการกับ Closures ที่คุณอาจไม่เคยรู้มาก่อน
เจาะลึกระบบ Type System: Union, Intersection และ Type Narrowing
เข้าใจกลไกการทำงานของ Type Control Flow Analysis, การใช้ Discriminated Unions เพื่อจัดการ State ที่ซับซ้อน และการเลือกใช้ unknown แทน any
Advanced Async Patterns: เทคนิคจัดการ Asynchronous ขั้นสูง
ยกระดับการเขียน Async ให้ Robust ด้วยเทคนิค Retry Logic, Parallel Execution และการจัดการ Timeout ที่ปลอดภัย Type-Safe
Asynchronous Programming: จาก Callback สู่ Async/Await
จัดการงานที่ต้องรอเวลา (API, Timer) โดยไม่ให้หน้าเว็บค้าง ด้วย Promise และ Async/Await รูปแบบ modern
Control Flow Analysis: ศิลปะการควบคุมทิศทางข้อมูลใน TypeScript
มากกว่าแค่ if-else: ทำความเข้าใจว่า TypeScript Compiler คิดอย่างไรเมื่อเจอกับเงื่อนไข และการใช้ Type Predicates เพื่อช่วย Compiler
Essential Design Patterns in TypeScript: เขียนโค้ดให้ตายยาก
รวม 3 Pattern ยอดฮิต (Singleton, Factory, Observer) ที่เจอบ่อยในงานจริง พร้อมตัวอย่าง TypeScript แบบเข้าใจง่าย
เจาะลึก Functions ใน TypeScript: เขียนฟังก์ชันให้ Clean และ Type-Safe
เรียนรู้วิธีเขียน Function ใน TypeScript ตั้งแต่พื้นฐานจนถึงเทคนิค Advanced อย่าง Overloads และการจัดการ Parameters แบบมือโปร
JavaScript Performance: เทคนิคการเขียน JS ให้เร็วทะลุนรก
รวมเทคนิคการรีดประสิทธิภาพ JavaScript ตั้งแต่การใช้ Map แทน Array, การ Cache Property, ไปจนถึงการวนลูปแบบ Pro
TypeScript for React Pros: เทคนิค Type ขั้นสูงที่มืออาชีพใช้กัน
ยกระดับการเขียน TypeScript ใน React ด้วย Discriminated Unions, Generic Components, และ Const Assertions
NestJS with Database: Prisma Integration & Docker Compose
สูตรสำเร็จเชื่อมต่อ Database: ตั้งค่า Prisma ORM ใน NestJS, การทำ Migration, และรัน Postgres ด้วย Docker Compose
NestJS Error Handling: Interceptors & Filters
ทำ API ให้ Standard: แปลง Response ทุกอันให้อยู่ในรูปแบบเดียวกัน และดักจับ Error ด้วย Exception Filters
NestJS Testing Strategy: Unit Test vs E2E Test
NestJS ให้ Jest มาตั้งแต่เกิด! เรียนรู้วิธี Mock Dependencies เพื่อทำ Unit Test และการยิง API จริงด้วย Supertest (E2E)