Đoạn 11:05, em nghĩ chỗ đó mình nên xóa đi cái variant là đc, ko cần phải chỉnh border vs hover ạ, vì mình thêm variant="outlined" để nó có border r lại dùng sx để xóa border thì hơi kỳ ạ
Ủa? Ừ nhỉ, em nói anh mới để ý đấy =)) Anh cũng từ chối hiểu bản thân trường hợp này 😂 Code nhiều quá lú đấy em, thanks em nha, cho các bạn đi qua đây đọc commment của em đỡ bị dư ra vài dòng code như anh =)))
hôm nay em quyết định quay lại cày sau một thời gian học base React mong vẫn sẽ theo kip tiến độ mà vẫn nắm được kiến thức mà anh truyền tải, em là đứa mà được anh add facebook mấy hôm trước hehe. Cảm ơn anh!
Không có gì em, cố gắng học tốt em nhé, xong bộ này anh tự tin là em sẽ lên level rất nhiều đó, vì bộ này không giống mấy bộ basic khác trên YT đâu, em cứ trải nghiệm xong là rõ rồi thoải mái để lại những comment cảm nhận của em dưới các video nhé :)))
🔔Các bạn xem video và nếu hứng thú thì có thể join Discord hoặc group Facebook của mình để cùng nhau chia sẻ thêm nhiều kiến thức bổ ích nhé: 🍀 🔗Discord: Kiến Thức Lập Trình: discord.gg/ycSbhP6gDu 🔗Fanpage: Trung Quân DEV: facebook.com/trungquandev 🔗Group: Cộng đồng Lập Trình Web • Front-end & Back-end Việt Nam: facebook.com/groups/laptrinhwebvietnam
Đang code angular, html css thuần code kiểu này cũng hack não phết, phải soi DOM nhiều để override lại value default của Mui chứ không được tự viết tự chỉnh, nhưng nhược điểm này lại là ưu điểm của mui là nó đồng bộ trên toàn bộ lib của nó, còn mình tự viêt thì có khi mỗi chỗ viết 1 kiểu. Ô nào cũng có ưu nhược điểm riêng.
e chưa học react , e học đến bài này rồi thì nên đi học base react rồi quay lại học khóa này hay là cứ tiếp tục học khóa này bây h mong a cho e lời khuyên.
Quan trọng là em cảm thấy sau 25 video rồi, em học có thấy khó không? Nếu khó thì hãy học base React. Còn không thì cứ tiếp tục đi em, xem video này của anh nhé, anh đã chia sẻ cách học dạng Thực Hành > Vỡ lý thuyết mà anh đã áp dụng từ thời sinh viên tới tận bây giờ đó: ruclips.net/video/u2Q0ojLy2mQ/видео.htmlsi=xiNr2A96hMddg0Cn
bạn kiểm tra xem gõ đúng chuẩn chính tả cái borderWidth chưa? Với cả những lỗi như này bạn nên chụp ảnh đủ code với kết quả lỗi bạn đang gặp phải rồi post vào trong Discord nhé, như thế sẽ dễ biết đc vấn đề code của bạn ở đâu hơn mới debug được.
mình cũng bị y như vậy đã để : '& fieldset': { borderWidth: '0.5px !important', } Tuy nhiên boderWidth không thấy mờ đi giảm về 0.5px mà vẫn là 1px, dẫn đến khi hover hoặc focus vào search TextField. Hiệu ứng thay đổi apperance borderWidth không thay đổi gì hết
MUI code khỏe hơn mà em =)) sẵn nhiều components rồi chỉ việc tận dụng lại. Tailwind cũng có nhưng lại mất phí mà anh thấy còn chưa nhiều bằng bọn MUI này =)))
@@nbora nhằm nhò gì em, đi làm thực tế nhiều trường hợp còn mệt hơn nhiều. Mà đoạn custom này làm sang tailwind có khi anh thấy còn mệt hơn nữa ấy chứ :))
@@nbora 😆để mà thả cửa ra thì ai cũng lười như ai hết mà, anh cũng lười lắm. Chỉ là tới cái giai đoạn nếu lười thì làm gì có $ mà sống nên phải đỡ lười đi thôi =)))
ừa ha, em tinh ý đó, chắc là anh code nhiều quá nên đôi lúc vậy đó em =)) Khả năng lúc đó vừa quay vừa code không tránh khỏi việc miss mất. Cơ mà nó vẫn chạy đúng thì cũng vui kìa =)) Em có thể bọc icon vào trong giống như ở ví dụ trên trang chủ của bọn nó nhé.
ủa em :)) cái .MuiOutlinedInput-notchedOutline nó đâu có & phía trước đâu, tài liệu chính chủ của mui nè: mui.com/material-ui/api/outlined-input/#css-notchedOutline Cái & mà em nhìn thấy lúc anh dạy là nó dành cho mấy cái cái pseudo-classes nhé, rồi sau đó mới đến .MuiOutlinedInput-notchedOutline chứ không phải là mình dùng thẳng luôn &.MuiOutlinedInput-notchedOutline nhé em. Khác nhau hoàn toàn nha.
Cái khúc ẩn hiện giấu X của ô search em chơi ẩn hiện luôn :v setSearchValue('')} fontSize="small" sx={{ color: 'white', cursor: 'pointer', display: searchValue.length
@@PhucNguyen-dy9hg Đúng rồi, và tiếp tục chút cho vui nè, làm gọn tới tận cùng luôn. Đó là chỉ cần mỗi !!searchValue là xong, khỏi cần .length gì nữa =))))
@@nghialenguyenduy8386 Class đó là dạng CSS Modules em nhé, để tránh việc trùng lặp class, chứ không phải là mã hóa gì cao siêu đâu =)). Còn khi nào em thấy cần có class riêng ở chỗ nào thì em cứ thêm như bình thường thôi. Ngoài ra ở công ty anh có một câu nói như thế này: "Việc khó mới cần người tài". Ngắn gọn vậy thôi nha =)))
Đoạn 11:05, em nghĩ chỗ đó mình nên xóa đi cái variant là đc, ko cần phải chỉnh border vs hover ạ, vì mình thêm variant="outlined" để nó có border r lại dùng sx để xóa border thì hơi kỳ ạ
Ủa? Ừ nhỉ, em nói anh mới để ý đấy =)) Anh cũng từ chối hiểu bản thân trường hợp này 😂
Code nhiều quá lú đấy em, thanks em nha, cho các bạn đi qua đây đọc commment của em đỡ bị dư ra vài dòng code như anh =)))
@@trungquandev vừa code vừa nói nên nhiều khi cũng hơi sót ko s nha anh, cảm ơn anh nhiều vì những video bổ ích, mong anh ra thêm nhiều video hơn nè
hôm nay em quyết định quay lại cày sau một thời gian học base React mong vẫn sẽ theo kip tiến độ mà vẫn nắm được kiến thức mà anh truyền tải, em là đứa mà được anh add facebook mấy hôm trước hehe. Cảm ơn anh!
Không có gì em, cố gắng học tốt em nhé, xong bộ này anh tự tin là em sẽ lên level rất nhiều đó, vì bộ này không giống mấy bộ basic khác trên YT đâu, em cứ trải nghiệm xong là rõ rồi thoải mái để lại những comment cảm nhận của em dưới các video nhé :)))
thít cái cách anh này để lại resource quá, kéo xuống là thấy kéo xuống là thấy quá đã, dọn sẵn hết rồi bọn em lại bị bảo là vượt sướng đấy anh :))
Video nào cũng sẵn không thiếu gì hết :))
🔔Các bạn xem video và nếu hứng thú thì có thể join Discord hoặc group Facebook của mình để cùng nhau chia sẻ thêm nhiều kiến thức bổ ích nhé: 🍀
🔗Discord: Kiến Thức Lập Trình: discord.gg/ycSbhP6gDu
🔗Fanpage: Trung Quân DEV: facebook.com/trungquandev
🔗Group: Cộng đồng Lập Trình Web • Front-end & Back-end Việt Nam: facebook.com/groups/laptrinhwebvietnam
Đợi a ra hết rồi cày 1 lượt :D
Tới lúc đó lại cày xuyên mấy ngày mấy đêm luôn giờ =)))
Đang code angular, html css thuần code kiểu này cũng hack não phết, phải soi DOM nhiều để override lại value default của Mui chứ không được tự viết tự chỉnh, nhưng nhược điểm này lại là ưu điểm của mui là nó đồng bộ trên toàn bộ lib của nó, còn mình tự viêt thì có khi mỗi chỗ viết 1 kiểu. Ô nào cũng có ưu nhược điểm riêng.
38:10 sao 'primary.50' không ăn nhỉ, trong theme xóa rồi mà
e chưa học react , e học đến bài này rồi thì nên đi học base react rồi quay lại học khóa này hay là cứ tiếp tục học khóa này bây h mong a cho e lời khuyên.
Quan trọng là em cảm thấy sau 25 video rồi, em học có thấy khó không? Nếu khó thì hãy học base React. Còn không thì cứ tiếp tục đi em, xem video này của anh nhé, anh đã chia sẻ cách học dạng Thực Hành > Vỡ lý thuyết mà anh đã áp dụng từ thời sinh viên tới tận bây giờ đó: ruclips.net/video/u2Q0ojLy2mQ/видео.htmlsi=xiNr2A96hMddg0Cn
đoạn 41:03 sao mình để như video k được nhỉ, cái 0.5px ấy, nó vẫn chỉ render 1px, 1.5px cũng render1px
bạn kiểm tra xem gõ đúng chuẩn chính tả cái borderWidth chưa? Với cả những lỗi như này bạn nên chụp ảnh đủ code với kết quả lỗi bạn đang gặp phải rồi post vào trong Discord nhé, như thế sẽ dễ biết đc vấn đề code của bạn ở đâu hơn mới debug được.
Để lên 2px hay bao nhiêu thì vẫn ăn á anh? Nó làm tròn lên chăng ? @@trungquandev
@@streamshoc9509 anh chưa hiểu ý em lắm, nói chung thường thì css chỗ này nó sẽ ăn ở các mốc chia hết cho 5 mà :))
mình cũng bị y như vậy đã để :
'& fieldset': { borderWidth: '0.5px !important', }
Tuy nhiên boderWidth không thấy mờ đi giảm về 0.5px mà vẫn là 1px, dẫn đến khi hover hoặc focus vào search TextField. Hiệu ứng thay đổi apperance borderWidth không thay đổi gì hết
Mình dùng win cũng thế để hết về 1px 2px còn 0.5px chả thấy thay đổi gì @@manhthang836
Em code Tailwind đã đuối, giờ qua thấy bên MUI còn đuối hơn
MUI code khỏe hơn mà em =)) sẵn nhiều components rồi chỉ việc tận dụng lại. Tailwind cũng có nhưng lại mất phí mà anh thấy còn chưa nhiều bằng bọn MUI này =)))
@@trungquandev mệt cái đoạn custom như video này nè a
@@nbora nhằm nhò gì em, đi làm thực tế nhiều trường hợp còn mệt hơn nhiều.
Mà đoạn custom này làm sang tailwind có khi anh thấy còn mệt hơn nữa ấy chứ :))
@@trungquandev z là do e làm biếng rùiii
@@nbora 😆để mà thả cửa ra thì ai cũng lười như ai hết mà, anh cũng lười lắm. Chỉ là tới cái giai đoạn nếu lười thì làm gì có $ mà sống nên phải đỡ lười đi thôi =)))
Đoạn 20:22 endAdornment s không có InputAdornment vậy ạ ?
ừa ha, em tinh ý đó, chắc là anh code nhiều quá nên đôi lúc vậy đó em =)) Khả năng lúc đó vừa quay vừa code không tránh khỏi việc miss mất. Cơ mà nó vẫn chạy đúng thì cũng vui kìa =))
Em có thể bọc icon vào trong giống như ở ví dụ trên trang chủ của bọn nó nhé.
@@trungquandev dạ anh =)))
Anh ơi, em chưa hiểu tại sao mấy cái Box trong thằng AppBar light mode hover ko có gì mà sang dark mode hover lại thay đổi vậy anh?
Em học lại bài về MUI Theme lẫn 2 video Dark - Light mode mà anh dạy nhé, học từ từ mấy video lý thuyết đầu anh cố làm tỉ mỉ cẩn thận nhiều rồi đó.
Dạ vâng cảm ơn anh
'.MuiOutlinedInput-notchedOutline' tại sao lúc có & lúc lại không có vậy a
ủa em :)) cái .MuiOutlinedInput-notchedOutline nó đâu có & phía trước đâu, tài liệu chính chủ của mui nè:
mui.com/material-ui/api/outlined-input/#css-notchedOutline
Cái & mà em nhìn thấy lúc anh dạy là nó dành cho mấy cái cái pseudo-classes nhé, rồi sau đó mới đến .MuiOutlinedInput-notchedOutline chứ không phải là mình dùng thẳng luôn &.MuiOutlinedInput-notchedOutline nhé em. Khác nhau hoàn toàn nha.
Cái khúc ẩn hiện giấu X của ô search em chơi ẩn hiện luôn :v
setSearchValue('')} fontSize="small" sx={{ color: 'white', cursor: 'pointer', display: searchValue.length
Lại là hợp lý luôn em =)))
@@trungquandev 😂😂😂
@@PhucNguyen-dy9hg mà cái chỗ em gọi .length < 0 ấy, em có thể dùng 2 dấu chấm than kiểu này nhé: !!searchValue?.length, như thế cho gọn code =)))
@@trungquandev dạ a nhắc e mới nhớ !! luôn, thanks a nhiều ạ😁😁😁
@@PhucNguyen-dy9hg Đúng rồi, và tiếp tục chút cho vui nè, làm gọn tới tận cùng luôn. Đó là chỉ cần mỗi !!searchValue là xong, khỏi cần .length gì nữa =))))
Anh cho em hỏi: & .MuiOutlinedInput-root
Viết kiểu này giống như custom lại css gốc của MUI đúng không anh
Cứ hiểu đơn giản là cách để custom css của MUI em nhé, có mấy video trước đó anh nói riêng về vấn đề custom này rồi đó em.
@@trungquandev Dạ em cảm ơn anh. Cơ mà hơi rối anh ạ. Lúc inspect ra thấy có nhiều class bị mã hoá hay sao á. Em lần đầu dùng cái này, thấy khó anh ạ
@@nghialenguyenduy8386 Class đó là dạng CSS Modules em nhé, để tránh việc trùng lặp class, chứ không phải là mã hóa gì cao siêu đâu =)). Còn khi nào em thấy cần có class riêng ở chỗ nào thì em cứ thêm như bình thường thôi.
Ngoài ra ở công ty anh có một câu nói như thế này: "Việc khó mới cần người tài". Ngắn gọn vậy thôi nha =)))
@@trungquandev have a very nice day anh Quân, em đọc câu cuối ở công ty anh em nỏi da gà luôn :))))
@@minat-yw6qk câu nói đấy nhiều lúc bọn anh nói theo kiểu nửa vui nửa thật, nhưng đảm bảo nghe xong chắc chắn có thêm động lực để cố gắng :)))
công nhận custom cái này hơi khoai à
"Việc khó mới cần người tài" :))