build.log

Lo trinh

Hanh trinh 12 tuan tu nen tang HTML/CSS den trien khai full-stack. Moi tuan tap trung vao mot chu de cu the voi du an thuc hanh.

W01
Hoan thanh

HTML & CSS Foundations

29 Tháng 12 – 4 Tháng 1

Semantic HTML, CSS layout techniques, Flexbox, Grid, and responsive design patterns.

HTML5
CSS3
Flexbox
CSS Grid
Responsive Design
Diem noi bat
  • Built a responsive portfolio layout
  • Mastered CSS Grid
W02
Hoan thanh

Advanced CSS & Tooling

5–11 Tháng 1

CSS animations, Tailwind CSS, PostCSS, and modern CSS architecture.

Tailwind CSS
CSS Animations
PostCSS
BEM
Design Systems
Diem noi bat
  • Created a design token system
  • Built animated components
W03
Hoan thanh

JavaScript Essentials

12–18 Tháng 1

Core JavaScript concepts, ES6+, closures, prototypes, and async patterns.

ES6+
Closures
Promises
Async/Await
DOM API
Diem noi bat
  • Built a task manager with vanilla JS
  • Deep dive into event loop
W04
Hoan thanh

JavaScript Deep Dive

19–25 Tháng 1

Advanced patterns, functional programming, error handling, and testing fundamentals.

Functional Programming
Error Handling
Testing
Modules
TypeScript Intro
Diem noi bat
  • Wrote first unit tests
  • Refactored app to TypeScript
W05
Hoan thanh

React Fundamentals

26 Tháng 1 – 1 Tháng 2

Component architecture, JSX, props, state, hooks, and lifecycle.

React
JSX
Hooks
State Management
Component Patterns
Diem noi bat
  • Built a weather dashboard
  • Learned custom hooks
W06
Hoan thanh

React Ecosystem

2–8 Tháng 2

React Router, context API, performance optimization, and popular libraries.

React Router
Context API
React Query
Zustand
Performance
Diem noi bat
  • Implemented global state with Zustand
  • Optimized re-renders
W07
Hoan thanh

Next.js & SSR

9–15 Tháng 2

Server-side rendering, static generation, App Router, and file-based routing.

Next.js
SSR
SSG
App Router
API Routes
Diem noi bat
  • Shipped this Build in Public site
  • Learned server components
W08
Dang hoc

TypeScript & Architecture

16–22 Tháng 2

Advanced TypeScript patterns, project architecture, and code organization.

TypeScript
Generics
Utility Types
Architecture
Clean Code
W09
Sap toi

Backend & APIs

23 Tháng 2 – 1 Tháng 3

RESTful APIs, Node.js, Express, authentication, and middleware patterns.

Node.js
Express
REST API
Authentication
Middleware
W10
Sap toi

Databases & ORM

2–8 Tháng 3

PostgreSQL, Supabase, Prisma, data modeling, and query optimization.

PostgreSQL
Supabase
Prisma
Data Modeling
SQL
W11
Sap toi

Testing & Quality

9–15 Tháng 3

Unit testing, integration testing, E2E testing, and CI/CD pipelines.

Jest
React Testing Library
Playwright
CI/CD
GitHub Actions
W12
Sap toi

DevOps & Launch

16–22 Tháng 3

Deployment strategies, Docker, monitoring, and shipping to production.

Docker
Vercel
Monitoring
Performance
Launch Strategy