frontend

Tìm hiểu Playwright từ setup đến CI với ví dụ thực tế. Xây dựng end-to-end test tin cậy bằng locators, auto-waiting, projects, authentication, debugging và trace viewer.

Xây dựng giao diện admin dashboard hoàn chỉnh cho URL shortener. Triển khai admin layout với sidebar navigation, metric cards, analytics charts, user management table, URL moderation queue, và audit log viewer với Recharts và Tailwind CSS.

Build React frontend cho URL shortener với Vite và Tailwind CSS. Tạo URL shortening forms, analytics dashboards với Recharts, QR code generation và responsive user management interface.

Làm chủ frontend toolkit của Yii2 — GridView, ListView, DetailView, Pjax cho hiển thị data động, custom widgets, asset bundles quản lý CSS/JS, và tích hợp Bootstrap, Vue.js, React với Yii2.

Nắm vững các core concepts của Angular bao gồm components, dependency injection, lifecycle hooks, directives, pipes, và reactive programming với RxJS.

So sánh toàn diện các pattern kiến trúc MVC, MVP và MVVM — nguồn gốc, cách tách biệt mối quan tâm trong code UI, triển khai thực tế trong Spring MVC, Android, Angular và React, và cách chọn pattern phù hợp cho dự án của bạn.

Kết nối React và lập trình full-stack với Next.js 15: file-based routing, Server vs Client Components, SSR/SSG/ISR, Route Handlers làm API endpoint, layouts, metadata và cấu hình môi trường.

So sánh chuyên sâu Bootstrap, Tailwind CSS và ShadCN/UI — triết lý thiết kế, trải nghiệm lập trình, kích thước bundle, khả năng tùy chỉnh và khi nào nên chọn mỗi công cụ cho dự án tiếp theo của bạn.

Hướng dẫn toàn diện về MDX — kết hợp Markdown và JSX để viết tài liệu và blog post tương tác, giàu component. Bao gồm cú pháp, plugin, tích hợp Next.js và các pattern thực tế.

Mở rộng nền tảng React với hệ sinh thái đầy đủ: React Router v6, global state với Context và Zustand, forms với React Hook Form, data fetching với TanStack Query, và component libraries với Tailwind CSS và shadcn/ui.