Ok em nha, chủ đề này anh đã có note trong plan làm một bộ video chất lượng cho hội viên xịn xò trên kênh của anh giống như em nha. Anh sẽ cố sắp xếp làm sớm, dạo này lu bu bận bịu công việc quá :)))

Em join gr discord của anh trong channel tài liệu học tập có bạn hỏi và anh có note rõ vài thứ liên quan tới cái theme này rồi nhé. Cụ thể là tin nhắn này: discord.com/channels/1088367793763799142/1159416173516042262/1274749458135122064

@@trungquandev dạ em cảm ơn anh nhiều ạ

Bộ này mình ghi rõ là bộ cũ ở tiêu đề, và có một bộ khác update rồi nhé bạn, check phần mô tả của video nhé.

Không ảnh hưởng nhé em, cứ thoải mái học thôi =))

Cứ thử thôi em, rồi test thật kỹ, nếu phát sinh vấn đề thì lại debug kiểm tra lại.

@@trungquandev anh clone ra là để tránh ảnh hưởng tới dữ liệu gốc và tránh bị bug , còn logic thì clone hay 0 thì vẫn giống nhau phải không ạ

Cảm ơn bạn đã để lại comment chất lượng nhé. Hi vọng nếu có bạn bè thì được bạn share kênh ủng hộ mình nha.

có em , trong plan lộ trình của anh rồi đó, em có thể theo dõi ở link anh để ngay phần giới thiệu kênh, hoặc nhìn cái ảnh bìa hiểu ngay nha.

@@trungquandev dạo này java job ít quá nên em cũng hóng series này để update thêm hehe

@@duanee ừa mỗi tội anh cũng bận cv chính quá, bao nhiêu thứ muốn làm, thời gian chỉ thấy thiếu chứ k thấy dư :))

@@trungquandev quá cống hiến rùi a ưi 😋

Ủa vậy á, thì em xem lỗi là gì rồi search lên google anh nghĩ ra ngay đó em, chứ anh cũng chỉ cài nó là dùng thôi không có cấu hình gì thêm cả ấy.

ừa về sau nâng cao lên dần là anh sẽ làm hết, giờ cứ quay vidoe từ base lên đã, bận tối mắt mũi luôn đây em =))

Có em nhé, nhưng mà mình sẽ lưu cả board vào trong redux cho gọn nhé, chỉ gọi một API get board Details và thao tác thôi, còn sau đó khi thao tác với level nhỏ hơn như columns - cards thì sẽ xử lý riêng phần redux ở FE reducer bình thường . Anh cũng đang dạy ở khóa Advanced sau bộ này cho các bạn như vậy, dùng createAsyncThunk.

Không đâu nha em, được có tí là hết, anh cũng không thường xuyên dùng nó để xem giờ buổi tối nên cũng không để ý tới nữa :))

Thì cứ dùng thôi, ra bug thì tìm hiểu rồi fix, mà anh đã hướng dẫn dùng yarn từ đầu cho dự án này rồi sao còn dùng npm làm gì em, cái tốt hơn thì nên học hỏi để dùng nhé.

Mình là người thích dùng sáng nên độ sáng hay để max, còn độ ấm đèn vàng thì để trong khoảng 20-22. Trừ khi nào buổi tối tắt hết điện nằm trên giường thì mình sẽ giảm về 15-16 cả 2. Nói chung làm sao cho vừa mắt là được bạn.

@@trungquandev bạn để độ sáng cao thế thấy thời gian dùng pin có được lâu không?

@@nhv1991 lâu lắm, bạn dùng mà không nhiều thì thậm chí có khi tới cả tháng mới hết pin nhé. Nói chung pin nó không phải kiểu ngày sạc 1 lần như đám điện thoại đâu b, cứ thoải mái thôi.

List ra danh sách công việc và tính năng của dự án mình muốn làm > lên thiết kế database, cấu trúc dữ liệu...vv > lúc này làm cái nào trước là tùy ở em. Trong thực tế thì BE với FE đa phần đều có thể làm việc song song trước khi tích hợp lại với nhau.

- Anh có giải thích từ đoạn đó luôn rồi đó em, nếu em dùng Spread Operator thì nó không clone deep hoàn toàn Object đâu mà nó vẫn còn Reference tới cái ban đầu. - Trong trường hợp hiện tại thì em dùng cái nào cũng được vì mình chưa có xử lý gì hay cần so sánh dữ liệu làm gì cả. - Thêm kiến thức để em hiểu hơn là nhớ lại kiểu dữ liệu nguyên thủy Primitive và kiểu dữ liệu tham chiếu Reference trong JS nhé, nếu không nhớ thì anh có video này giải thích rất đầy đủ rồi: kzfaq.info/get/bejne/fcB6e8l9xM_MYGw.htmlsi=IMjEnFBx88m8Hb1H

Em cứ Alt + Z là được nhé.

"Việc khó mới cần người tài" :))

với cả mình chỉ truyền data vào column thay vì cả column như ở bên ListCard thì khác gì nhau ạ. Ý em là phần truyền props ý ạ

Ý em là giống kiểu Google login nhiều tài khoản trên cùng một máy / một trình duyệt phải không?

@@trungquandev dạ kiểu như giống facebook ạ, 2 trình duyệt vẫn đăng nhập được

@@bentanick1410 em thử mô tả rõ ý hiểu của em đi, 2 trình duyệt vẫn đăng nhập được thì nó là cơ bản mà, nếu như mình không chủ động chặn…vv

@@phuchuu2283 ừa và cái đó config cũng mệt lắm, về sau dự án thực sẽ có dùng nhiều SaaS hơn để đơn giản hoá hệ thống hơn nhé em. Anh cũng sẽ sớm làm một bộ riêng về cái vụ email này.

@@KevinNitro Vim thì mình thấy mỗi bộ này là có novel nhé: s.shopee.vn/2Av29dGmYu

Dấu nháy chéo (`) chứ không phải dấu nháy đơn (') em nhé. Từ khóa kiến thức ở đây là String Literal, trong video anh có nhắc tới rồi đó em.

@@trungquandev e sửa được rồi ạ, em cảm ơn anh nhân tiện, cho e hỏi thêm ạ học những phần kiến thức cơ bản javascript rồi, thì em thực hành qua dự án nhỏ nào để có thể áp dụng được kiến thức đã học ạ? điều này làm e trăn trở nhiều, vì học xong thì quên code rất nhanh, mà lại chưa biết thực hành ra sao

Đơn giản và nhỏ thì em có thể làm Todo List hoặc một cái Weather App nhỏ lấy thông tin thời tiết từ public weather api về, đợt tới ở gần cuối học phần cơ bản của bộ JS Master này anh cũng sẽ hướng dẫn làm một trong 2 cái trên.

​@@trungquandev do học theo series youtube thì cần có thực hành cá nhân thì mới hiểu và ngấm được Mà làm dự án nhỏ khi mới học xong e lại bối rối ko biết làm từ đâu, làm cái gì

Xem xem ảnh bìa kênh của anh nhé, có mô tả về phần link lộ trình học trên blog chính thức anh để ngay ở phần giới thiệu kênh rồi đó nha em.

@@trungquandev học xong video của anh, thì cần làm như nào để có thể chuyển hóa kiến thức anh truyền tải thành kiến thức cá nhân ạ? em có thể thực hành thông qua đâu ạ? (em là level học từ con số 0, học javascript ạ)

Cả 2 em, và còn nhiều nữa, ví dụ bootstrap (dự án ngày xưa dùng nhiều), Ant Design, Shadn-ui...vv Mỗi công ty mỗi dự án sẽ có những sự lựa chọn riêng giữa những cái phổ biến, chứ không cố định loại nào hết nhé.

Ừa để a nghĩ đã nhé, vì debug nó là một kỹ năng phải linh hoạt ứng biến tùy trường hợp nữa, ví dụ như trong bộ này học với anh là em sẽ thấy có những video fix bug riêng đó. Anh cũng có show cách mà anh debug lên và giải quyết nó như thế nào rồi đó.

MMoo tả như kia hơi mơ hồ chung chung em ạ, anh cũng không đoán được case em đăng gặp phải. Còn vấn đề tại sao lại 2-3 lần thì em phải nhìn lỗi và hiểu được cái lỗi ngay từ lần 1 xem tại sao nó lại đang không rebase hết. Từ đó hiểu được nguyên nhân thì mới có hướng tìm ra giải pháp nhé.

Em tập trung vào làm được các tính năng kéo thả như demo của bọn thư viện, hiểu tổng quan các bước config cũng như làm lần lượt những gì, chịu khó note lại riêng ra thành một cái tài liệu của bản thân nhé.

Học bộ này với anh thì cứ đúng chuẩn Tech Stack mà anh dạy em nhé, chứ đừng để bản thân lan man sang cái khác. Học xong hết bộ này có level code vững rồi thì sau này học cái gì cũng được hết.

Không nên em nhé, khóa này về sau xử lý logic khá phức tạp, mà anh lại hướng bộ này thuần JS từ đầu, em làm TS kiểu gì cũng phát sinh nhiều vấn đề, nên là cứ thoải mái học bằng JS đi em, TS thì mình làm ở project khác sau.

Atom One Dark nhé, nhưng anh quay trên màn hình 4k + có filter màu cho video nên em tải về có thể màu sẽ nhạt. Nếu bị nhạt thì em thử qua Houston cho rõ nét nhé.

Cảm ơn em nhé, rất vui vì nhận được những comment tích cực như này từ em, chúc em ngày càng thành công trên con đường sự nghiệp fix bug này nhé ^^

Phổ biến nhất thì em nên tìm hiểu để clone lại một phần của trang web lớn lớn như FB, Twitter, Shopee...vv Hoặc đơn giản nhất em học luôn bộ Full Stack MERN trên kênh của anh làm lấy con Trello kéo thả nhé, nhiều bạn cũng dùng con đó để làm đồ án và nhắn cho anh là được điểm rất cao (9-10 điểm) đó. Edit: Anh bổ sung thêm là học xong cũng như làm đồ án như trên xong thì em cũng có một sản phẩm, project cá nhân tốt luônd dể cho vào CV đi xin việc, rất tốt nhé.

@@trungquandev Em cảm ơn anh.

Em xem lại 3 video số 14, 15, 16 nhé.

@@trungquandev e xem rồi mà ý của e không phải vậy a ơi, ý của e là cái props có sẵn trong các Component của MUI ấy ạ, ví dụ TextField có các prop như variant, label, size,... thì ví dụ cái size đó e thử không để "small" thì khi custom sx={{width:200, height: 40}} thì nó không ăn, e ko biết lúc nào để cái prop mặc định. Với nhiều component có nhiều cái ví dụ như fontSize trong prop của nó, mà cái fontSize đó mình cũng có thể tùy chỉnh trong sx được, ý của em là vậy ạ.

- Cái nào lặp code em nhỉ, cơ mà chắc có mấy cái để làm nhanh với đơn giản nên anh để vậy cho nhanh rồi tập trung vào tính năng chính đó. - Còn câu hỏi thứ 2 của em thì không hoàn toàn nhé, còn phụ thuộc vào việc em đang dùng gì nữa, như tailwind chẳng hạn, inline class cũng khá tương tự kiểu MUI inline css thông qua sx props đó. Mục đích để không cần phải tách file css hay scss như các cách ngày trước.

- Ừa em nói đúng nha, nhưng sẽ có một case xảy ra trong thực tế khi Array mà Empty là nó sẽ không có phần tử đầu tiên để làm total (accumulator) nên sẽ sinh ra lỗi kiểu: "Error: Reduce of empty array with no initial value" và nó sẽ dính vụ crash trắng trang web, a từng có trải nghiệm fix con bug liên quan rồi nên là cứ chắc chắn, trường hợp nào cũng cho vào là tốt nhất nha em :)) - Refer tới docs luôn: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce#initialvalue

@@trungquandev uầy +1 kiến thức mới và thực tế anh ơi, em cảm ơn ạ😍😍