Thực tế, trong các dự án lớn chuyên nghiệp, theo phương pháp Agile, mọi người không đợi nhau mà làm song song luôn! Nếu bạn là newbie, thì nên biết những điều này sớm nhé!
Đầu tiên: Front-end “bay bổng” với Mock Data – dữ liệu giả lập.
Tại sao FE nên đi trước một bước? Vì bạn sẽ thấy kết quả “wow” ngay lập tức, giữ lửa đam mê cao lắm!
Không có BE thì lấy dữ liệu từ đâu? Đừng lo! Dùng Mock Data đi – dữ liệu giả thôi, ví dụ file JSON kiểu:
Lợi ích siêu to khổng lồ: Bạn tha hồ thiết kế giao diện, làm animation, test nút bấm mà chẳng cần chờ Back-end. Độc lập hoàn toàn luôn!
Công cụ thần thánh đây: JSONPlaceholder hay MockAPI – tạo server ảo miễn phí, giúp FE luyện fetch data y như thật!
Thứ hai: Back-end xây API và ghép nối.
Trong lúc FE đang “lên đồ” với Mock Data, team BE tập trung build nền móng và API thật.
Rồi integrate: Khi API thật sẵn sàng, FE chỉ việc thay đường link từ Mock sang API thật là xong! Website của bạn bỗng “sống động” với dữ liệu mới toanh.
Tóm lại: Chiến lược đỉnh nhất là làm song song theo từng phần nhỏ. Riêng đối với Front-end thì cứ dựng template trước với Mock Data để lấy cảm hứng và làm chủ giao diện.
Lợi ích thì rõ: Tiết kiệm thời gian, sửa chữa linh hoạt, tránh cảnh “code đẹp nhưng treo” vì đã test liên tục! Điều đó cũng tương đương với việc cả hai phải giao tiếp và trao đổi với nhau thường xuyên để dự án được đồng nhất.
Theo dõi ngay VietProDev để biết thêm nhiều kiến thức bổ ích khác nhé!
