Hiển thị video và Danh sách video trong playlist
Sau khi đã hoàn tất phần Header, trong giai đoạn này, bạn sẽ thực hiện hiển thị Video từ Embedded Player của Youtube, và hiển thị danh sách các video trong playlist. Ứng dụng của chúng ta sau khi hoàn tất giai đoạn này sẽ…
Tạo Layout và Header
Ứng dụng của chúng ta có cấu trúc hai phần chính: (1) Phần Header: bao gồm Search Bar và ô chọn Playlist (2) Phần Nội dung chính: phần này lại được chia ra làm hai phần nhỏ hơn, một là phần hiển thị video, và…
Chuẩn bị codebase với Next.js, Redux và lưu trữ với Github
Trong giai đoạn đầu tiên này (thông thường cũng sẽ là bước đầu tiên trong bất kỳ dự án thực tế nào), bạn sẽ cần chuẩn bị một codebase. Hãy tạo một codebase cho dự án mới của chúng ta. Trong dự án này, chúng…
Ứng dụng Personal Youtube Playlist
Chào mừng bạn đến với dự án xây dựng ứng dụng “Personal Youtube Playlist“. Trong dự án này, bạn sẽ tạo một ứng dụng để lưu lại những video từ youtube mà mình thích tại một playlist cá nhân, để mỗi khi cần xem lại…
Tạo Layout Component với Next.js
Học tập theo phương pháp project-based (project-based learning – PBL) hay còn gọi là học tập với dự án, hiểu một cách đơn giản, nghĩa là học thông qua thực hành – learning by doing.
Kết nối Redux vào React Component
Học tập theo phương pháp project-based (project-based learning – PBL) hay còn gọi là học tập với dự án, hiểu một cách đơn giản, nghĩa là học thông qua thực hành – learning by doing.
Setup Redux cho ứng dụng Next.js
Học tập theo phương pháp project-based (project-based learning – PBL) hay còn gọi là học tập với dự án, hiểu một cách đơn giản, nghĩa là học thông qua thực hành – learning by doing.
BinhNguyen2504 – ECom – Stage 1 – Code Review
Project structure Hiện tại GitHub repo của bạn chưa có dữ liệu nên WCS chưa thể có những đánh giá về code dành cho bạn. Hy vọng trong những giai đoạn tới, WCS có thể giúp bạn cải thiện code của mình thật nhiều.
Khiet – ECom – Stage 1 – Product Review
Bắt tay vào làm việc luôn là bước khó nhất trong bất kỳ một hành trình đi đến mục tiêu nào. Và bạn đã bắt đầu một hành trình của riêng mình, cố gắng tiếp tục bạn nhé. Hy vọng, trang web với vỏn vẹn…
BinhNguyen2504 – ECom – Stage 1 – Code Review
Project structure Design 1 Đối với các dự án sử dụng Next.js, bạn nên tạo thêm một thư mục “components” trong thư mục gốc để chứa các Components sử dụng cho các trang. Đôi khi độ phức tạp của file trong /pages trở nên quá…