Mới

Chuỗi bài hướng dẫn

Đi sâu vào chuỗi các bài hướng dẫn. Tìm hiểu về các chủ đề phức tạp với lộ trình học tập có cấu trúc được thiết kế cho ứng dụng thực tế.

Chuỗi

Indie Dev Toolkit

Giới thiệu về bộ tech stack hiện đại dành cho indie full-stack dev. Hiểu sâu hơn cách sử dụng tools, frameworks để tự build product nhanh và hiệu quả.

2 phần
15 mục
Sắp có phần mới
Xem chuỗi
1
7 phần

Giới thiệu về kiến trúc dự án NX

Tìm hiểu các khái niệm cốt lõi của NX monorepo, kiến trúc workspace, cách tổ chức thư viện và các NX commands phổ biến.

2
8 phần

Xây dựng NX Workspace

Xây dựng NX workspace đầu tiên của bạn từ đầu với các bài tập thực hành về plugins, tasks và CI/CD.

Hướng dẫn tương tác

Build User Profile Page với React, Tailwind và HeroUI

avatar
Nguyễn Phi VũSoftware Engineer, NAB

Bài hướng dẫn này giúp bạn build trang user profile với React và HeroUI. Bạn sẽ tạo các reusable components để hiển thị user information, thêm photo carousel, và hiển thị posts và photos—đồng thời học các React skills và UI design quan trọng.

1

Setup và khởi tạo React project mới

2

Tạo FeaturePhotos Component

3

Tạo Profile Info Section

4

Tạo Profile Stats Section

5

Tạo Profile Posts Timeline

6

Tạo Profile Photos Timeline

7

Tạo Profile Timeline Tabs

8

Hoàn thiện Profile UI

Xem hướng dẫn

Build Flight Booking UI với React, Tailwind và HeroUI

avatar
Nguyễn Phi VũSoftware Engineer, NAB

Bài hướng dẫn này giúp bạn build trang đặt vé máy bay đẹp, user-friendly sử dụng React và HeroUI. Bạn sẽ tạo các reusable components, thêm filtering và sorting, và học React fundamentals cùng UI design.

1

Setup và khởi tạo React project mới

2

Tạo Flight Header Component

3

Tạo Flight Card Component

4

Tạo Flight List Component

5

Tạo Flight Filter Form Component

6

Tạo Flight Filter Drawer Component

7

Tạo Flight Sort Menu Component

8

Tạo Flight Options Component

9

Hoàn thiện Flight Booking UI

Xem hướng dẫn

Hiểu về TypeScript Generics

avatar
Nguyễn Phi VũSoftware Engineer, NAB

Generics là core feature trong các statically-typed languages như TypeScript. Chúng cho phép bạn define các components, functions, hoặc data structures hoạt động với nhiều types khác nhau trong khi vẫn duy trì type safety. Điều này cải thiện flexibility, reusability, và giúp loại bỏ duplicate code.

1

Generics trong TypeScript là gì?

2

Làm cho code flexible với Generics

3

Default Values cho Generic Parameters

4

Generic Constraints

5

Conditional Types với Generics

6

Closing Thoughts

avatar

Theo dõi Upskills.dev

Cập nhật các bài hướng dẫn và coding tips mới nhất.

Chúng tôi tôn trọng quyền riêng tư của bạn. Hủy đăng ký bất cứ lúc nào.

Hướng dẫn - Upskills | Upskills