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
ReactJS
-
-
Lập trình MERN Stack buổi 11 – Cấu hình trình biên dịch Babel cho dự án Node.js
by trungquandevby trungquandevTrong 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é.
-
Lập trình MERN Stack buổi 10 – Khởi tạo & cấu trúc dự án Node.JS phía Backend
by trungquandevby trungquandevTrong 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.
-
Lập trình MERN Stack buổi 9 – Triển khai code tính năng thêm mới Card
by trungquandevby trungquandevTrong 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.
-
Lập trình MERN Stack buổi 8 – Triển khai code tính năng Sửa & Xoá Column
by trungquandevby trungquandevTrong 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
-
Lập trình MERN Stack buổi 7 – Triển khai code tính năng Tạo Mới Column
by trungquandevby trungquandevTrong 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)
-
Lập trình MERN Stack buổi 6 – Xử lý dữ liệu State sau khi kéo thả Columns, Cards
by trungquandevby trungquandevTrong 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.
-
Lập trình MERN Stack buổi 5 – Triển khai kéo thả – Drag & Drop Columns – Cards
by trungquandevby trungquandevTrong 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é.
-
Lập trình MERN Stack buổi 4 – Khởi tạo dữ liệu mẫu (Initial Sample Data)
by trungquandevby trungquandevTrong 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.
-
Lập trình MERN Stack buổi 3 – Tái cấu trúc thư mục code (Clean Architecture)
by trungquandevby trungquandevTrong 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