- Đầu tiên, JS nó là cái nền tảng, nó có trước TS, bản chất của TS thì bên dưới vẫn Compile Code xuống JS để chạy. Vậy nên không thể bảo là em mới học lập trình thì em lao vào học luôn TS được mà em phải có base JS nền tảng đi lên, anh gặp khá nhiều bạn đặt câu hỏi cho anh về TS nhưng mấu chốt kiến thức lại nằm ở JS rồi. - Chưa kể ngoài kia có rất nhiều thư viện lớn họ build ra 2 gói cho JS và cho TS, khi họ update version họ thường update cho cái JS trước rồi mới đến TS (nếu em học bộ anh đang dạy em sẽ thấy có trường hợp như vậy và anh có nói trong video luôn) - Tiếp theo, việc lựa chọn JS hay TS cho một dự án phụ thuộc vào đội Dev, vào thời gian cần đưa dự án lên Product sớm hay muộn...vv, dù ít dù nhiều thì code JS chắc chắn sẽ nhanh ra sản phẩm hơn TS, nói chung phụ thuộc rất nhiều yếu tố kinh doanh thực tế để kiếm tiền dù có là công ty product hay outsource đi chăng nữa. - Cuối cùng, là một người đã làm việc với cả dự án TS code rất chặt chẽ cho tới JS code vẫn Clean rõ ràng chặt chẽ không thua kém gì, thì cái vấn đề ít hay nhiều bug là do phần lớn vào năng lực của Dev + Test, đừng đổ lỗi cho công cụ hay ngôn ngữ nha em =))) - Anh tranh thủ viết cũng dài rồi, em có thể đọc nhiều bài viết (tiếng Anh) về những câu chuyện lựa chọn JS hay TS cho dự án để mở rộng thêm kiến thức nhé. Và ở kênh của anh hiện tại anh sẽ tập trung phần lớn thời gian vào dạy nền tảng với JS trước, sau này khi có đủ các khóa nền tảng rồi anh sẽ dạy TS, chứ anh sẽ không giống nhiều người khác làm mấy cái TS cơ bản rồi làm khóa học này khóa học kia quảng cáo fomo TS lên để bán khóa học đâu, ở đây anh sẽ luôn chia sẻ kiến thức giá trị nha. Vài dòng tâm sự, chúc em buổi tối vui vẻ =)))
➡Xem xong video này rồi có cảm nghĩ gì thì bạn hãy comment bên dưới cho mình biết với nhé 😄 🔔Hãy Đăng Ký Kênh để ủng hộ mình và nếu bạn quan tâm 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 nha: 🍀 🔗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
Thư viện Dnd-kit em đọc chả hiểu gì cả anh Quân ạ. Thật sự đến bây giờ thì em mới hiểu được library MUI, còn đến video này qua Dnd-kit rồi. Có quá nhiều thứ phải học quá. Cứ tưởng làm FE học ít anh ạ 🤣🤣
@@studyvika-wf7vl ừa anh cũng có vài video làm như thế mà, riêng bộ này tại anh vừa code vừa làm video nên nhiều lúc cũng không chắc 100% cái video sau là gì =)) - Kiểu ngẫu hứng ý em, ví dụ lúc quay xong video 30 là anh tính vào làm kéo thả card luôn, nhưng sau đó thấy nội dung khá khó, nên lại muốn làm sao thật cẩn thận nhất để các bạn học dễ hiểu nhất, nên là có phát sinh video 31 chẳng hạn =)))
em không biết có phải do thư viện hay không mà event của em nó không trả về _id khi thêm dragOverlay nên việc kéo thả nó xảy ra lạ quắc tuy nhiên em đã fix được, cho những ai cũng bị như mình thì mình dùng thư viện lodash để fix nhé ! chúc anh một ngày tốt lành
Anh ơi, anh có thể giải thích về dòng đầu tiên "{!activeItemType && null}" trong không ạ, vì nó sẽ luôn không tạo ra element nào từ dòng đó thì việc mình để như vậy có ý nghĩa vậy ạ
- Không sao nha em :D mấy nội dung nâng cao với khó khó kiểu này cũng kén người học mà, còn làm nội dung giải trí hoặc tạo content câu tương tác như mấy trò Dirty Marketing thì mới dễ không bị flop, gần đây a mới thấy 1 đứa làm trò như thế, nhưng mà anh thì không phải người như vậy =))) - Cứ thong thả chia sẻ kiến thức giá trị, nhận lại những comment như của em là anh thấy rất vui rồi nhé, cảm ơn em :D
Em có 4 cái column chiều cao khác nhau, khi kéo thả 1 column tự dưng các column khác bị nhảy loạn xạ lên dù cho khi thả thì nó vẫn sort bình thường thì có thể là do gì vậy ạ
Có 2 nguyên nhân anh có thể tạm đoán được: 1. Kiểm tra lại xem dùng version thư viện giống anh chưa? 2. Nếu đã giống thì debug lại phần kéo thả column xem em cập nhật state đúng chưa. Cái này phải hiểu rõ mình đang làm gì để debug. Update sai state cũng sẽ luôn có khả năng bị như vậy. - Chỉ có thể thu hẹp phạm vi lại 2 cái như trên thôi, lúc học cố gắng học từ từ cẩn thận mấy bài logic này, có rất nhiều bạn học xong phần này không lỗi lầm gì rồi đó em.
@@trungquandev Dạ sau khi nghe lời khuyên của a thì em fix được rồi ạ, ở cấp cha em truyền xuống orderedColumns nhưng ở phần items của SortableContext lại dùng data trực tiếp từ mockData nên xung đột :)). Cảm ơn anh.
A ơi , cái đoạn mới thêm DragOverLay ý ạ, lúc chưa thêm thì cái column bị kéo đi nó sẽ bị mờ do opacity, tại sao sau khi DragOverLay thì cái mờ đi lại là cái column ở lại còn cái mình kéo thì trông bình thường ạ. E chưa rõ đoạn ấy lắm ạ
anh ơi cho e hỏi với e ko hiểu sao khi em kéo các cái card ý thì bóng của card nó mờ và vẫn có css trc khi e kéo á, còn cái mà e đang kéo thì nó mất hết css á a :(((
Mô tả này thì anh cũng không đoán ra bệnh được luôn á em :)) Mấy chỗ này chịu khó nhìn code anh hướng dẫn thật cẩn thận chứ sai một li dễ đi một dặm lắm luôn đó =)))))
@@trungquandev cái chỗ đó e cx code như a á, nma cái của e lạ ở chỗ khi mình kéo cái card á anh , thì cái giữ chỗ của e nó vẫn sẽ ăn cái css ban đầu á anh, còn cái mà e đang kéo nó đang bị mất cái css á anh, e ví dụ là cái chữ của e css màu đỏ á, thì cái giữ chỗ của e màu đỏ còn cái e đang kéo nó màu đen á a , ko bt anh có từng bị lỗi đó thì chỉ e với á , anh lại ko bị lỗi đó nên e fix mãi cx ko nổi huhu :(((
@@vuthanhkhang2787 anh chưa từng bị, và "nếu em code như anh" thật thì chắc chắn sẽ không bị nhé :)) Chỉ có thể là em đang code nhầm đâu đó thôi, cái này phải cố mà debug hoặc nhìn lại cẩn thận code từ lúc bắt đầu thay đổi hoặc bắt đầu bị nha em. :))
@@trungquandev anh ơi e bt nguyên nhân e sai r á, cái chỗ phần HTML và scss á , là e tự scss á, cách scss và html của e là e tạo ra 1 class cards chứa các card nhỏ kia , và khi e kéo nó đi thì cái mà e đang giữ và kéo ý thì nó rời khỏi cái cards này r nên nó mất hết css á , vì khi e scss thì e gọi thông qua cards :))) , khổ ghê mãi ms fix dc á a nma cx may lắm a ạ
@@vuthanhkhang2787 Thì dĩ nhiên em đang không làm giống anh dạy rồi thì phải có khả năng giải quyết các vấn đề phát sinh với công nghệ mà em chọn nhé. Nhưng mà sao đang học Material UI với anh không ngon lành hơn à mà lại cố đi làm Sass thế kia cho khổ ra em =))
Em dùng Windows bị 1 cái bug dị là khi không có thằng DragOverlay vào thì vẫn bình thường, nhưng bỏ vào thì lúc kéo Column và Card thì nó cũng mờ đi và không hiển thị đủ (chỉ hiển thị phần ngắn), đồng thời kéo giật giật không đổi được vị trí mượt mà. Cái này có thể do lỗi phần nào vậy anh em mò mãi chưa ra?
Thoải mái nha em, việc em tự học và tự code lại được, có kiến thức thì nó là của chính em, không của ai khác cả. Còn anh chỉ là người đi trước chia sẻ lại thôi. Cũng mong các em giỏi lên mỗi ngày mà.
![[VLOG 1] - MỘT NGÀY LÀM VIỆC CỦA LẬP TRÌNH VIÊN](http://i.ytimg.com/vi/lp3M-9jVyE8/mqdefault.jpg)
Anh cho em hỏi, em thấy dùng TS giảm được nhiều bug khi phát triển, vậy sao các dự án còn dùng JS vậy ạ? Vì dự án cũ kh cập nhật được hay sao ạ?
- Đầu tiên, JS nó là cái nền tảng, nó có trước TS, bản chất của TS thì bên dưới vẫn Compile Code xuống JS để chạy. Vậy nên không thể bảo là em mới học lập trình thì em lao vào học luôn TS được mà em phải có base JS nền tảng đi lên, anh gặp khá nhiều bạn đặt câu hỏi cho anh về TS nhưng mấu chốt kiến thức lại nằm ở JS rồi.
- Chưa kể ngoài kia có rất nhiều thư viện lớn họ build ra 2 gói cho JS và cho TS, khi họ update version họ thường update cho cái JS trước rồi mới đến TS (nếu em học bộ anh đang dạy em sẽ thấy có trường hợp như vậy và anh có nói trong video luôn)
- Tiếp theo, việc lựa chọn JS hay TS cho một dự án phụ thuộc vào đội Dev, vào thời gian cần đưa dự án lên Product sớm hay muộn...vv, dù ít dù nhiều thì code JS chắc chắn sẽ nhanh ra sản phẩm hơn TS, nói chung phụ thuộc rất nhiều yếu tố kinh doanh thực tế để kiếm tiền dù có là công ty product hay outsource đi chăng nữa.
- Cuối cùng, là một người đã làm việc với cả dự án TS code rất chặt chẽ cho tới JS code vẫn Clean rõ ràng chặt chẽ không thua kém gì, thì cái vấn đề ít hay nhiều bug là do phần lớn vào năng lực của Dev + Test, đừng đổ lỗi cho công cụ hay ngôn ngữ nha em =)))
- Anh tranh thủ viết cũng dài rồi, em có thể đọc nhiều bài viết (tiếng Anh) về những câu chuyện lựa chọn JS hay TS cho dự án để mở rộng thêm kiến thức nhé. Và ở kênh của anh hiện tại anh sẽ tập trung phần lớn thời gian vào dạy nền tảng với JS trước, sau này khi có đủ các khóa nền tảng rồi anh sẽ dạy TS, chứ anh sẽ không giống nhiều người khác làm mấy cái TS cơ bản rồi làm khóa học này khóa học kia quảng cáo fomo TS lên để bán khóa học đâu, ở đây anh sẽ luôn chia sẻ kiến thức giá trị nha. Vài dòng tâm sự, chúc em buổi tối vui vẻ =)))
➡Xem xong video này rồi có cảm nghĩ gì thì bạn hãy comment bên dưới cho mình biết với nhé 😄
🔔Hãy Đăng Ký Kênh để ủng hộ mình và nếu bạn quan tâm 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 nha: 🍀
🔗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
yêu a 😗, mong a giữ động lực chia sẻ nhiều cái hay + ho cho bọn e 🤣 thank a zai!!!
Anh vừa quay xong cái video số 74 gần 1 tiếng rưỡi mỏi cả vai thì ra đây đọc được comment của em, cảm ơn em nhé =))
@@trungquandev haha, bọn e thích nhất là sự chi tiết trong mỗi cái a nói, nên a làm càng dài, càng "nói nhiều :v" bọn e càng thích ạ 😗
e xem serie cũ hồi 2 năm trước, giờ e đi làm đc nửa năm rồi, thankiu anh zai nhé :)))))
Anh cũng cảm ơn comment đầy tích cực của em nhé, chúc em theo phong cách thực tế đó là: ngày càng kiếm về nhiều $k nhé =)))
💯💯💯💯💯💯 Nhìn có bóng phía sau đẹp hơn cả project ban đầu
Nhiều kỹ năng code và giải quyết vấn đề phát sinh như đi làm thực tế đều có trong video này hết nha em =)))
Thư viện Dnd-kit em đọc chả hiểu gì cả anh Quân ạ. Thật sự đến bây giờ thì em mới hiểu được library MUI, còn đến video này qua Dnd-kit rồi. Có quá nhiều thứ phải học quá. Cứ tưởng làm FE học ít anh ạ 🤣🤣
ừa thế đối diện với thực tế dần luôn đi là vừa đó em, sau đi làm đỡ ngợp :))
tuyệt vời quá anh ơiiiiiiiiiii
mà cuối video anh gợi ý video sau anh sẽ làm gì cho em đỡ tò mò i với em nghĩ nó cg sẽ hay hơn áaaa
@@studyvika-wf7vl ừa anh cũng có vài video làm như thế mà, riêng bộ này tại anh vừa code vừa làm video nên nhiều lúc cũng không chắc 100% cái video sau là gì =))
- Kiểu ngẫu hứng ý em, ví dụ lúc quay xong video 30 là anh tính vào làm kéo thả card luôn, nhưng sau đó thấy nội dung khá khó, nên lại muốn làm sao thật cẩn thận nhất để các bạn học dễ hiểu nhất, nên là có phát sinh video 31 chẳng hạn =)))
em không biết có phải do thư viện hay không mà event của em nó không trả về _id khi thêm dragOverlay nên việc kéo thả nó xảy ra lạ quắc tuy nhiên em đã fix được, cho những ai cũng bị như mình thì mình dùng thư viện lodash để fix nhé ! chúc anh một ngày tốt lành
Ừa nhớ dùng đúng version của thư viện giống anh luôn cho đảm bảo chuẩn nha em ^^
Anh ơi, anh có thể giải thích về dòng đầu tiên "{!activeItemType && null}" trong không ạ, vì nó sẽ luôn không tạo ra element nào từ dòng đó thì việc mình để như vậy có ý nghĩa vậy ạ
anh chia sẻ hay nhiệt tình , kiến thức tư duy giải quyết rất thực tế mà bị flop quá 😢
- Không sao nha em :D mấy nội dung nâng cao với khó khó kiểu này cũng kén người học mà, còn làm nội dung giải trí hoặc tạo content câu tương tác như mấy trò Dirty Marketing thì mới dễ không bị flop, gần đây a mới thấy 1 đứa làm trò như thế, nhưng mà anh thì không phải người như vậy =)))
- Cứ thong thả chia sẻ kiến thức giá trị, nhận lại những comment như của em là anh thấy rất vui rồi nhé, cảm ơn em :D
@@trungquandev em biết anh zai nói ai đấy nhé =))))
@@ductuanvu6891 theo dõi anh với cả thanh niên kia là biết ngay pha combat hôm nọ thôi mà 🤣
anh ơi em bên em bị khi kéo column thì được nhưng kéo card thì cả phần giữ chỗ và phần thẻ đang kéo nó đề bị làm mờ vậy anh ?
Em có 4 cái column chiều cao khác nhau, khi kéo thả 1 column tự dưng các column khác bị nhảy loạn xạ lên dù cho khi thả thì nó vẫn sort bình thường thì có thể là do gì vậy ạ
Có 2 nguyên nhân anh có thể tạm đoán được:
1. Kiểm tra lại xem dùng version thư viện giống anh chưa?
2. Nếu đã giống thì debug lại phần kéo thả column xem em cập nhật state đúng chưa. Cái này phải hiểu rõ mình đang làm gì để debug. Update sai state cũng sẽ luôn có khả năng bị như vậy.
- Chỉ có thể thu hẹp phạm vi lại 2 cái như trên thôi, lúc học cố gắng học từ từ cẩn thận mấy bài logic này, có rất nhiều bạn học xong phần này không lỗi lầm gì rồi đó em.
@@trungquandev Dạ sau khi nghe lời khuyên của a thì em fix được rồi ạ, ở cấp cha em truyền xuống orderedColumns nhưng ở phần items của SortableContext lại dùng data trực tiếp từ mockData nên xung đột :)). Cảm ơn anh.
@@nishigitakakata Quen dần là sau này đi làm khỏi sợ câu chuyện debug ngay. Bug là dễ :)))
A ơi , cái đoạn mới thêm DragOverLay ý ạ, lúc chưa thêm thì cái column bị kéo đi nó sẽ bị mờ do opacity, tại sao sau khi DragOverLay thì cái mờ đi lại là cái column ở lại còn cái mình kéo thì trông bình thường ạ. E chưa rõ đoạn ấy lắm ạ
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 ý ạ
anh ơi cho e hỏi với e ko hiểu sao khi em kéo các cái card ý thì bóng của card nó mờ và vẫn có css trc khi e kéo á, còn cái mà e đang kéo thì nó mất hết css á a :(((
Mô tả này thì anh cũng không đoán ra bệnh được luôn á em :)) Mấy chỗ này chịu khó nhìn code anh hướng dẫn thật cẩn thận chứ sai một li dễ đi một dặm lắm luôn đó =)))))
@@trungquandev cái chỗ đó e cx code như a á, nma cái của e lạ ở chỗ khi mình kéo cái card á anh , thì cái giữ chỗ của e nó vẫn sẽ ăn cái css ban đầu á anh, còn cái mà e đang kéo nó đang bị mất cái css á anh, e ví dụ là cái chữ của e css màu đỏ á, thì cái giữ chỗ của e màu đỏ còn cái e đang kéo nó màu đen á a , ko bt anh có từng bị lỗi đó thì chỉ e với á , anh lại ko bị lỗi đó nên e fix mãi cx ko nổi huhu :(((
@@vuthanhkhang2787 anh chưa từng bị, và "nếu em code như anh" thật thì chắc chắn sẽ không bị nhé :)) Chỉ có thể là em đang code nhầm đâu đó thôi, cái này phải cố mà debug hoặc nhìn lại cẩn thận code từ lúc bắt đầu thay đổi hoặc bắt đầu bị nha em. :))
@@trungquandev anh ơi e bt nguyên nhân e sai r á, cái chỗ phần HTML và scss á , là e tự scss á, cách scss và html của e là e tạo ra 1 class cards chứa các card nhỏ kia , và khi e kéo nó đi thì cái mà e đang giữ và kéo ý thì nó rời khỏi cái cards này r nên nó mất hết css á , vì khi e scss thì e gọi thông qua cards :))) , khổ ghê mãi ms fix dc á a nma cx may lắm a ạ
@@vuthanhkhang2787 Thì dĩ nhiên em đang không làm giống anh dạy rồi thì phải có khả năng giải quyết các vấn đề phát sinh với công nghệ mà em chọn nhé. Nhưng mà sao đang học Material UI với anh không ngon lành hơn à mà lại cố đi làm Sass thế kia cho khổ ra em =))
Em dùng Windows bị 1 cái bug dị là khi không có thằng DragOverlay vào thì vẫn bình thường, nhưng bỏ vào thì lúc kéo Column và Card thì nó cũng mờ đi và không hiển thị đủ (chỉ hiển thị phần ngắn), đồng thời kéo giật giật không đổi được vị trí mượt mà. Cái này có thể do lỗi phần nào vậy anh em mò mãi chưa ra?
Em fix được rồi anh ạ. chỗ setActiveDragItemData thiếu đi đến current. Thiếu 1 chữ hỏng ngay 🤣
@@ZeninPham cảm ơn bạn nhé, mình cũng bị lỗi này =((
a ơi, e học và làm app trello này giống a vậy thì e được bỏ nó vào cv của mình được không ạ
Thoải mái nha em, việc em tự học và tự code lại được, có kiến thức thì nó là của chính em, không của ai khác cả. Còn anh chỉ là người đi trước chia sẻ lại thôi. Cũng mong các em giỏi lên mỗi ngày mà.
🥰@@trungquandev