World 15 / Nhiệm vụ Premium

Mini Shop App

Premium commerce app course. Xây product catalog, ProductCard, add-to-cart logic, quantity controls, cart total, checkout form, empty cart state và final Mini Shop App. Hoàn thành bài học để mở zone tiếp theo. Boss Project đang chờ ở cuối thế giới.

NP
World entranceProduct DistrictBiome: City

Product city nối state, user habits, shop flows và real app features.

Guide: Product Builder

Reward skill: Product thinking

Objective: Clear lessons, solve quests, bank XP và mở phần tiếp theo của map.

Route progress0%

Product District

Biến screens thành product flow có state rõ ràng.

Route progress0%
World routePortfolio outcome

What you will build

A mini shop with product cards, cart state, and a checkout flow.

What you should know

World 14: Weather App với API

Recommended previous world

World 14: Weather App với API

Trạng thái

Pro

Thế giới

Thế giới thưởng

Thời lượng

9 giờ 40 phút

Bản đồ

3 zone / 9 bài học

Bài học

0 / 9 bài học

Đăng nhập để lưu tiến độ và XP.

Quest mapProduct District0/9

State Architect

01Locked

Boss

Boss mission

Boss mission: Project brief: Mini Shop App. Kết hợp các pattern của zone thành final result. Biến screens thành product flow có state rõ ràng.

+45 XP
02Locked

Quest

Mission 2

Mission 2: Product catalog. Đọc briefing, solve practice quest và bank XP.

+55 XP
03Locked

Challenge

Mission 3

Mission 3: ProductCard component. Đọc briefing, solve practice quest và bank XP.

+55 XP
04Locked

Quest

Mission 4

Mission 4: Add to cart. Đọc briefing, solve practice quest và bank XP.

+70 XP
05Locked

Quest

Mission 5

Mission 5: Cart quantity controls. Đọc briefing, solve practice quest và bank XP.

+70 XP
06Locked

Reward

Mission 6

Mission 6: Cart total. Đọc briefing, solve practice quest và bank XP.

+55 XP
07Locked

Boss

Boss mission

Boss mission: Checkout form. Kết hợp các pattern của zone thành final result. Biến screens thành product flow có state rõ ràng.

+70 XP
08Locked

Boss

Boss mission

Boss mission: Empty cart state. Kết hợp các pattern của zone thành final result. Biến screens thành product flow có state rõ ràng.

+50 XP
09Locked

Boss

Boss mission

Boss mission: Final project: Mini Shop App. Kết hợp các pattern của zone thành final result. Biến screens thành product flow có state rõ ràng.

+130 XP

Boss mission

Boss mission: Final project: Mini Shop App. Kết hợp các pattern của zone thành final result. Biến screens thành product flow có state rõ ràng.

Skill collectedProduct thinking
Final objectiveProduct District

State Architect

World goal: Biến screens thành product flow có state rõ ràng.

Skill collected: Product thinking

Bản đồ level
Mở khóa thế giới mớiPro Zone

Khóa học này nằm trong Pro Zone

Mở khóa nhiệm vụ nâng cao, AI review và project.

  • 9 level
  • 3 zone
  • Boss Project và chứng chỉ

Have a question or found an issue?

Your message will include this course context.

XP PRACTICE

Reinforce what you learned

Play a short code game or test your speed in the Arena.