MERN Stack Coding Trello App

Trong bài này chúng ta sẽ làm khá nhiều việc thú vị như so sánh nhanh MongoDB Native Driver với Mongoose, tạo tài khoản và cấu hình cơ sở dữ liệu trên MongoDB Cluster Cloud, viết code cấu hình Connect Database & List các Databases, viết một Pattern xử lý biến môi trường ENV chuẩn trong Node.JS

Trong bài này chúng ta sẽ tìm hiểu xem Babel là gì, tại sao nên dùng nó trong dự án NodeJS, tiếp theo là viết các lệnh script build code ở môi trường dev, môi trường production như một dự án thực tế cũng như xử lý phần Relative Import để code được Clean sạch sẽ nhé.

Trong bài này chúng ta sẽ khởi tạo ứng dụng Node.js và cấu trúc một thư mục project tốt, dễ maintain, quản lý phiên bản Node.js với NVM và nhiều thứ khác nữa như là cài đặt Eslint, cấu hình file .gitignore…vv nha.

Trong bài này chúng ta sẽ làm nốt một tính năng nữa ở phần FE ReactJS đó là thêm mới Card vào từng Column, để buổi sau bắt đầu chuyển qua NodeJS MongoDB viết các RESTful APIs nha.

Trong bài này chúng ta sẽ code tính năng sửa xoá column đồng thời học cách xử lý code Inline Editor rất thú vị nhé. Các bạn còn có thể học thêm những kỹ năng thực tế khác như Html-react-parser, Bootstrap Modal, Bootstrap Dropdown…vv

Trong bài này chúng ta sẽ triển khai tính năng tạo mới Column, đồng thời implement react-bootstrap (react-bootstrap là gì, sử dụng nó để xử lý phần nào Responsive với Container, Col, Row…vv)

Trong bài này chúng ta sẽ đi xử lý State trong React với hook useState để update lại data sau khi kéo thả các column và card ở buổi học trước. Đồng thời nắm được cách thao tác dữ liệu qua lại giữa Parent Component & Child Component. (State & Props) nha.

Trong bài này, mình sẽ hướng dẫn các bạn cấu hình Eslint cho dự án cũng như làm một tính năng đặc biệt thú vị đó là Kéo thả các Columns và Cards trong Trello Board nhé.

Trong bài này, mình sẽ hướng dẫn các bạn cách để khởi tạo dữ liệu mẫu để render vào React Code nha, trong bài còn có xử lý Audit Fix, install Lodash, và một kỹ thuật sắp xếp nâng cao là Sort một Array dựa trên một Array khác nha.

Trong bài này, mình sẽ hướng dẫn các bạn cách để tái cấu trúc lại thư mục code sao cho gọn gàng, clean, dễ quản lý cũng như maintain nha. Cụ thể hơn là chúng ta sẽ đi Tách nhỏ code thành các Components chuẩn, xử lý Relative Imports, Chọn cách đặt tên file code sao cho clean, dễ đọc…vv nha