Skip to content
Learn Hub
Search
Ctrl
K
Cancel
Select theme
Dark
Light
Auto
UX/UI Design Path
Design
Chapter 0: Project Setup & Tools
Start
Overview
Watch & Read
Study Guide
Workshop
Solution
Answer
Chapter 1: HTML + CSS Basics
Overview
Watch & Read
Study Guide
Workshop
Solution
Answer
Chapter 2: JavaScript + DOM + State
Overview
Watch & Read
Study Guide
Workshop
Solution
Answer
Chapter 3: Tailwind CSS + shadcn/ui
Overview
Watch & Read
Study Guide
Workshop
Solution
Answer
Chapter 4: React + Essential Hooks
Overview
Watch & Read
Study Guide
Workshop
Solution
Answer
Chapter 5: Framer Motion
Overview
Watch & Read
Study Guide
Workshop
Solution
Answer
Data Path
New
Overview
Foundation: Machine & Data Types
Start
Module Overview
0.1 Binary
0.2 char
0.3 string
0.4 CHAR vs VARCHAR
0.5 Numbers
0.6 Four Philosophies
0.7 Bridge to Tools
Lab: Trace One Byte
Lab
Google Sheets
4 Modules
GS-1: Basics & Types
Cells & Data Types
Format vs Value
TYPE & IS Functions
Lab: Type Detective
Lab
GS-2: Text Operations
LEN, LEFT, RIGHT, MID
TRIM, CLEAN, SUBSTITUTE
Leading Zeros & IDs
Lab: Clean Names & IDs
Lab
GS-3: Numbers & Dates
Number Formats & Precision
Dates as Serial Numbers
Date Functions
Lab: Build a Date Calculator
Lab
GS-4: Import & Real Cases
CSV Import Pitfalls
Data Validation Rules
FILTER, SORT, QUERY
VLOOKUP & XLOOKUP
Lab: Clean Real Dataset
Lab
Python & pandas
5 Modules
PY-1: Python Basics
Variables & Types
Lists & Dicts
Type Conversion
Lab: Type Detective
Lab
PY-2: pandas Intro
Series & DataFrame
Reading CSV
Selecting & Filtering
Lab: Explore a Dataset
Lab
PY-3: Data Cleaning
Missing Values
String Operations
Type Casting
Lab: Clean Messy Data
Lab
PY-4: Transformation
GroupBy & Aggregation
Merge & Join
Pivot & Reshape
Lab: Combine Datasets
Lab
PY-5: Real Cases
EDA Workflow
Datetime & Money
Export Correctly
Lab: Full EDA Project
Lab
SQL
5 Modules
SQL-1: Basics
SELECT & WHERE
ORDER BY & LIMIT
Aliases & Comments
Lab: Query Students
Lab
SQL-2: Types & Schema
CREATE TABLE
Text Types
Number & Date Types
Constraints
Lab: Design a Schema
Lab
SQL-3: Aggregation
COUNT, SUM, AVG
GROUP BY & HAVING
NULL in Aggregation
Lab: Business Questions
Lab
SQL-4: Joins
INNER JOIN
LEFT & RIGHT JOIN
Join Type Mismatch
Lab: Join Students & Enrollments
Lab
SQL-5: Real Cases
INSERT, UPDATE, DELETE
CAST & Conversion
Subqueries & CTE
Lab: Data Pipeline
Lab
C — X-ray View
2 Modules
C-1: Basics
Types & sizeof
printf Formats
Arrays & Strings
Lab: Print All Sizes
Lab
C-2: Memory
Pointers Basics
String Termination
Why C Explains Everything
Lab: Trace Memory
Lab
JavaScript
4 Modules
JS-1: Fundamentals
Variables & Types
Operators & Expressions
Control Flow
Lab: Type Playground
Lab
JS-2: Functions & Scope
Functions
Scope & Closures
Array Methods
Lab: Data Pipeline
Lab
JS-3: Objects & Async
Objects & Destructuring
Promises & Async/Await
Error Handling
Lab: Fetch API Data
Lab
JS-4: Real Cases
DOM Manipulation
Events & Forms
LocalStorage & JSON
Lab: Todo App
Lab
TypeScript
3 Modules
TS-1: Type System
Basic Types
Interfaces & Type Aliases
Union & Literal Types
Lab: Type a Dataset
Lab
TS-2: Advanced Types
Generics
Utility Types
Type Guards
Lab: Type-safe API
Lab
TS-3: Real Cases
React + TypeScript
Zod & Runtime Validation
Type-safe Data Flow
Lab: Full-stack Types
Lab
Integration & Capstone
Representation Mindset
One Dataset, Three Tools
Stored vs Displayed
Core Data Categories
Blank vs Empty vs NULL
Lab
Lab
Schema Contracts
Import Checklist
Debugging Mismatch
Capstone Briefing
Capstone Project
Project
Cheat Sheet
Ref
Assessment
Null Decision Tree
Select theme
Dark
Light
Auto
Watch & Read: React + 3 Essential Hooks
Videos to Watch
Section titled “Videos to Watch”
Thai
Section titled “Thai”
React สำหรับมือใหม่
Zinglecode
TH
พัฒนาเว็บด้วย React 19.x สำหรับผู้เริ่มต้น [FULL COURSE]
KongRuksiam Official
TH
English
Section titled “English”
React Hooks Full Course
Developed by Ed
EN
React in 100 Seconds
Fireship
EN
Documentation & Reading
Section titled “Documentation & Reading”
react.dev Official
เอกสาร React อย่างเป็นทางการ
React Hooks 101
บทความ React Hooks ภาษาไทย จาก FOXBITH
react.dev Learn React
บทเรียน React แบบ step-by-step จาก react.dev