Video của ngày hôm nay mình và các bạn sẽ cùng nhau triển khai Material UI vào trong dự án ReactJS mà chúng ta đã tạo từ Vite nhé. Video này ngoài việc cài đặt ra thì mình cũng có giải thích đầy đủ về Emotion và Default Styled Components của thằng MUI, cũng như cấu hình Fonts và Icons sẵn luôn cho con project của chúng ta nhé.
javascript
7. Material UI, TailwindCSS, Bootstrap – Chọn cái nào? | ReactJS + Material UI | TrungQuanDev
Video của ngày hôm nay khá nhẹ nhàng, chủ yếu là nội dung lý thuyết về 3 cái tên Material UI vs TailwindCSS vs Bootstrap. Các bạn thong thả làm ly cafe đen đá rồi nghe mình giải thích về 3 thứ trên nha =)))
6. ESlint – Hãy biết Clean Code là gì? Cấu hình ESLint chuẩn dự án thực tế | ReactJS + Material UI
Video của ngày hôm nay không những “Quan Trọng” mà còn “Thú Vị”. Mình sẽ làm rõ về Clean Code, ESLint, và hướng dẫn cực kỳ chi tiết + đầy đủ về cách mà một dự án thực tế sử dụng ESLint như thế nào cũng như chia sẻ một file eslintrc chuẩn tới các bạn, hơn thế nữa mình còn giải thích cặn kẽ từng rule một trong file eslintrc đó, vậy nên video sẽ hơi dài xíu nha. Nhớ đừng chủ quan bỏ qua video này đó nhé 😀
5. Semantic Versioning là gì? Lưu ý Quan Trọng về bộ Code Base của dự án | ReactJS + Material UI
Video của ngày hôm nay “Rất Quan Trọng”, mình sẽ làm rõ mọi thứ về Semantic Versioning và lý do tại sao chúng ta cần bắt đầu cũng như cùng học với nhau trên cùng một phiên bản của các thư viện, môi trường node…vv nhé.
4. JSX là gì? Hiểu Tường Tận về JSX cho các bạn | ReactJS + Material UI | TrungQuanDev
Video hôm nay tiếp tục mình muốn các bạn sẽ “Hiểu Thật Kỹ về JS và JSX”, đặc biệt cho các bạn mới. Video này có nhiều kiến thức không những quan trọng mà còn thú vị, các bạn cũng chỉ cần thong thả làm ly cafe rồi nghe mình nói thôi nhé 😀
3. Vite – Hiểu toàn bộ Code Base ban đầu – Push lên GitHub | ReactJS + Material UI | TrungQuanDev
Video mình sẽ giải thích về toàn bộ code base ban đầu mà Vite nó tạo ra nhé, từ những lệnh Script Build cho tới code bắt đầu chạy từ đâu tới đâu mình đều làm rất Chi Tiết và Cẩn thận. Sau cùng là mình sẽ hướng dẫn các bạn tạo Repo và Push code lên GitHub luôn nhé.
2. Vite, Create React App và NextJS – Lựa chọn cái nào? | ReactJS + Material UI | TrungQuanDev
hôm nay chúng ta sẽ cùng đi tìm hiểu và phân tích về 3 thứ phổ biến khi khởi tạo dự án React là: Vite, Create-react-app và NextJS, từ đó đưa ra lựa chọn sử dụng cái nào tối ưu cho dự án nhé.
1. Cài đặt môi trường cho dự án (NVM, Node, Git, Yarn…vv) | ReactJS + Material UI | TrungQuanDev
Video đầu tiên trong chuỗi MERN Stack Pro xịn xò này mình sẽ hướng dẫn các bạn đầy đủ về môi trường mà chúng ta cần cài đặt để có thể bắt đầu học lập trình nhé, mọi thứ trong video này cũng chính là những thứ mà mình vẫn dùng hàng ngày cho công việc chứ không đâu xa cả.
Hướng dẫn cài đặt Full bộ Source Code MERN Stack Pro | Trello kéo thả hoàn chỉnh | TrungQuanDev
Ngày hôm nay nhân tiện khi mình chuẩn bị Souce Code cho các bạn học viên ở khóa “MERN Stack Advanced” nên mình có làm 1 chiếc video để hướng dẫn các bạn cài đặt bộ Code Base ở khóa “MERN Stack Pro”. Đồng thời dành tặng cho những bạn đang học khóa Pro và có Download Source Code để ủng hộ mình thì cũng có thể xem video này và tự cài đặt bộ code lên được nhé. Cảm ơn các bạn!
0.2 Ai có thể học được khóa MERN Stack Trello Clone này? Những lưu ý trước khi học | TrungQuanDev
Trước khi các bạn bắt đầu học bộ MERN Stack làm dự án thực tế Trello này, thì cũng cần phải hiểu được là nên chuẩn bị những kiến thức nền tảng gì, cũng như mình sẽ note ra những lưu ý quan trọng để khi học bộ này các bạn có thể nắm được trọn vẹn kiến thức một cách tốt nhất.