Lập trình MERN Stack (ReactJS, NodeJS, ExpressJS, MongoDB) xây dựng ứng dụng kéo thả quản lý công việc tương tự Trello app.
Bài hôm nay mình sẽ hướng dẫn các bạn cập nhật ReactJS lên phiên bản mới nhất là 18 cũng như cập nhật toàn bộ các thư viện khác lên version mới nhất ở cả 2 con dự án FE web và BE api nhé.
Trong bài này mình sẽ hướng dẫn các bạn cách cập nhật phiên bản MongoDB Node Driver trong dự án cũng như kinh nghiệm xử lý những vấn đề phát sinh sau quá trình cập nhật nhé.
Trong bài này chúng ta sẽ cùng học thêm chút CSS sau đó thực hiện deploy – triển khai ứng dụng Trello của chúng ta lên Firebase Hosting và Heroku nha, rất nhiều nội dung thú vị đang đón chờ các bạn ở phía bên dưới nha ^^
Trong bài này chúng ta sẽ làm các tính năng như: Ghép các API xử lý việc kéo thả Column và Card trong Board. Trường hợp update data bị lỗi thì UI sẽ xử lý sao cho ứng dụng vẫn chạy mượt mà. Tối ưu việc xử lý data, tối ưu việc gọi API để ứng dụng chạy nhanh hơn.
Trong bài này chúng ta sẽ bắt đầu Ghép các APIs (Back-end) vào project React app (Front-end) nha, cụ thể mình sẽ hướng dẫn các bạn những kiến thức quan trọng như Cài đặt và sử dụng axios, config API_ROOT, Xử lý CORS trong dự án Node.js, config WHITELIST_DOMAINS, Ghép các APIs (Back-end) vào project React app (Front-end)
Trong bài này chúng ta sẽ tiếp tục ghép các APIs thêm sửa xoá Column/Cards nhé. Cài đặt và sử dụng Lodash cho project Node.js. Ghép các API: Create new column, create new card, update column, delete column. Và Rất nhiều kỹ thuật xử lý data nâng cao trong bài này.
Trong bài này thông qua việc viết một API get full Trello Board theo id và toàn bộ Columns cũng như Cards bên trong Board đó, chúng ta sẽ học rất nhiều kiến thức hay và quan trọng như, Join trong MongoDB với $lookup, Hiểu về MongoDB ObjectID vs String ID, MongoDB aggregate, $lookup, $push, $match, toArray, to String…vv và Handle logic data, cấu trúc dữ liệu và giải thuật…vv
Trong bài này chúng ta sẽ học cách viết các CRUD APIs cho Column, Card, cụ thể hơn là, Create Column – MongoDB insertOne({…}), Update / Delete Column – MongoDB findOneAndUpdate({…}), và Create new Card nhé.
Trong bài này chúng ta sẽ học về luồng xử lý của một API (RESTful API code flow) và sẽ viết API tạo mới Board cho ứng dụng Trello nhé.
Trong bài này chúng ta sẽ làm một số việc quan trọng như code Pattern Connect Database chuẩn, Design – thiết kế Database Schema, Validate các Schema, Viết function tạo mới bản ghi vào MongoDB Cluster Database nhé.