hide-from-front-page

Bài viết này sẽ là bài viết tổng hợp của Series giải quyết các loại thuật toán với ngôn ngữ JavaScript trên trang blog cũng như kênh YouTube: Trungquandev Official của mình. Các bạn có thể sử dụng bài viết này như một mục lục để dễ dàng di chuyển tới các bài viết khác liên quan về thuật toán mà mình đã hướng dẫn bên dưới 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

Bài viết này sẽ hướng dẫn các bạn thiết kế và code ra giao diện tương tự trang Trello nhé.