18. Code Layout trang Trello Web | ReactJS + Material UI | TrungQuanDev

#trungquandev #reactjs #nodejs #mongodb ➡️ Đến tận bài 18 này rồi mới bắt đầu code =)) Tuy là các video trước đa phần là cấu hình và hiểu lý thuyết, nhưng nó lại là nền tảng cực quan trọng, mà sau này đi làm các bạn sẽ hiểu, để tạo được một cái base tốt cho dự án không phải là điều đơn giản. Trong bài hôm nay mình sẽ hướng dẫn các bạn code lên một cái Layout cơ bản của con Trello, tính toán chiều cao - height trong CSS...vv Rất nhiều kiến thức thú vị đang chờ các bạn khám phá nhé :D 🏅 Học chuẩn thực tế để đi làm, để chuẩn bị hành trang vững chắc cho sự nghiệp tương lai. 🎁 DOWNLOAD FULL SOURCE CODE của toàn bộ dự án (Pro & Advanced) cũng như Donate ủng hộ mình ly cafe nếu bạn muốn 🤝 👉 Đầu tiên cần phải làm rõ một điều: Mình KHÔNG BÁN CODE cũng như KHÔNG BÁN KHÓA HỌC gì ở đây hết. Bởi vì mình đã cung cấp đầy đủ mọi tài nguyên cần thiết cho trường hợp bạn muốn học FREE Miễn Phí từ đầu rồi. 👉 ĐIỀU QUAN TRỌNG TIẾP THEO: Bạn cần phải hiểu rõ về lý do tại sao mình lại chia ra 3 gói Donate cũng như sự khác nhau giữa 3 gói này là gì. Mọi thông tin mình đều đã công khai ở bài viết trên blog chính chủ từ mình nhé, bởi vì nội dung khá dài. Bạn nên dành thời gian đọc nó trước khi bắt đầu khóa học cực kỳ chất lượng này. 👉 Link bài viết: 👇 🌐 https://trungquandev.com/khoa-hoc-lap-trinh-full-stack-mern-100-du-an-thuc-te-chat-luong/ 🥉 FREE PACK (No Sponsor) • 🌟 Download on Ko-fi: https://ko-fi.com/s/8e56e2c5d0 • 🌟 Download on Buy Me a Coffee: https://buymeacoffee.com/codetq/e/318762 🥈 GOLD PACK (Gold Sponsor) • 🌟 Download on Ko-fi: https://ko-fi.com/s/e41c325ca4 • 🌟 Download on Buy Me a Coffee: https://buymeacoffee.com/codetq/e/191152 🥇 DIAMOND PACK (Diamond Sponsor - VIP) • 🌟 Download on Ko-fi: https://ko-fi.com/s/27670843df • 🌟 Download on Buy Me a Coffee: https://buymeacoffee.com/codetq/e/318750 🏆 HOẶC NẾU BẠN KHÔNG CÓ THẺ VISA THANH TOÁN QUỐC TẾ THÌ CÓ THỂ LIÊN HỆ TRỰC TIẾP VỚI MÌNH TẠI ĐÂY ĐỂ LẤY TÀI NGUYÊN HỌC TẬP NHÉ 👇 🌐 Facebook TrungQuanDev: 👉 https://facebook.com/trungquandev 👑 Lưu ý: Video hướng dẫn chi tiết cách Install Source Code (Pro & Advanced) đều đã có trong 2 Playlists của khóa học rồi nhé. --- 🌐 Playlist khoá Pro: https://www.youtube.com/playlist?list=PLP6tw4Zpj-RJP2-YrhtkWqObMQ-AA4TDy 🌐 Playlist khoá Advanced: https://www.youtube.com/playlist?list=PLP6tw4Zpj-RJbPQfTZ0eCAXH_mHQiuf2G 🌱 Hãy tham gia hội viên kênh để học các khóa nâng cao chất lượng cũng như ủng hộ mình nhé. Cảm ơn bạn: https://www.youtube.com/@trungquandev/join 🌳 Một kênh khác từ mình, chủ yếu tiếng Anh, luyện skill bằng cách code những project thú vị: https://www.youtube.com/@codetq --- 🎤 Mình trên các nền tảng Podcasts: 🎵 Spotify: https://podcasters.spotify.com/pod/show/trungquandev-official 🎵 Apple: https://podcasts.apple.com/vn/channel/trungquandev/id6475606935 🎵 Castbox: https://castbox.fm/ch/5746721 --- 👋🏼 Join những cộng đồng lập trình văn minh lịch sự dưới đây nhé bạn: 🔗 Discord: Cộng Đồng Lập Trình Việt Nam 🇻🇳 : https://discord.gg/ycSbhP6gDu 🔗 Page: TrungQuanDev - Một lập trình viên: https://www.facebook.com/trungquandev 🔗 Group: Cộng đồng Lập Trình Web • Front-end & Back-end Việt Nam: https://www.facebook.com/groups/laptrinhwebvietnam 🔗 Blog: https://trungquandev.com 🔗 CV: https://cv.trungquandev.com --- 🎒 Danh sách một vài món đồ trong góc làm việc của mình: 🌐 Màn hình LG 4k chuyên đồ họa & Code đỡ hại mắt: https://s.shopee.vn/7zujJ1oUeV 🌐 Đèn treo màn hình Xiaomi bảo vệ mắt: https://s.shopee.vn/4feHL4EoKr 🌐 Bàn phím cơ Zoom75: https://shope.ee/4AZxyEgM1T 🌐 Ghế công thái học: https://s.shopee.vn/LVIX9tgGV --- 📝 Video Chapters - nội dung chi tiết: 00:00 Giới thiệu 01:50 Nội dung học phần hiện tại 02:01 Code Layout cơ bản của con Trello --- 📝 Link tài liệu liên quan để các bạn tham khảo mà trong video mình có sử dụng đến: - MUI Container https://mui.com/material-ui/react-container/ - Javascript Template String Literals https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals - CSS calc function https://developer.mozilla.org/en-US/docs/Web/CSS/calc --- | 💻 ☕️ TRUNGQUANDEV - MỘT LẬP TRÌNH VIÊN 💝 |