Anh ơi cho e hỏi chút ạ, sao dùng setoldColumnWhenDragginCard(dndOrderedCards) thì lại không được ạ mà lại phải setState theo kiểu kia mới được ạ.
@anhdn182 күн бұрын
A có thể hướng dẫn về CI/CD được hog ạ <3
@trungquandevКүн бұрын
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á :)))
@trihoangdev3 күн бұрын
Cho em hỏi anh dùng theme gì thế ạ
@trungquandev3 күн бұрын
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
@trihoangdev2 күн бұрын
@@trungquandev dạ em cảm ơn anh nhiều ạ
@trungquandev3 күн бұрын
👉 Join những cộng đồng lập trình văn minh lịch sự ở đây cùng mình nhé: 👉 Discord: Cộng đồng lập trình Việt Nam 🇻🇳 : discord.gg/ycSbhP6gDu 👉 Group: Cộng đồng Lập Trình Web • Front-end & Back-end Việt Nam: facebook.com/groups/laptrinhwebvietnam
@DuongDanh-b9e3 күн бұрын
typescript sortByOder: export const sortOder = <T>(arrray: T[], oder: string[], key: keyof T): T[] => { return arrray.sort((a, b) => { return ( oder.indexOf(a[key] as unknown as string) - oder.indexOf(b[key] as unknown as string) ); }); };
@trungquandev3 күн бұрын
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é.
@8i-14minhuc54 күн бұрын
A ơi e đag xem FE gần cuối r mà mấy bài cuối bandicang nổ não quá e chưa có load dc thì e qua xem backend r làm dần có ảnh hưởng j phần FE 0 ạ
@trungquandev3 күн бұрын
Không ảnh hưởng nhé em, cứ thoải mái học thôi =))
@8i-14minhuc54 күн бұрын
nếu mình không xài nextActiveColumn với nextOverColumn mà cứ xài activeColumn với overColumn rồi thực hiện các thao tác tương tự thì có sao không ạ
@trungquandev3 күн бұрын
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.
@8i-14minhuc52 күн бұрын
@@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 ạ
@truonggiafamily43644 күн бұрын
Bài giảng rất chi tiết & bổ ích. Cám ơn bạn rất nhiều 😍
@trungquandev4 күн бұрын
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.
@tranquocduong85335 күн бұрын
em đã qua backend rồi mà anh nói xem lại phần này ai ngờ em bỏ qua phần này thât anh ạ, video hữu ích +1 like
@duanee7 күн бұрын
anh có dự định sẽ ra thêm nextjs với nestjs ko ạ
@trungquandev7 күн бұрын
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.
@duanee7 күн бұрын
@@trungquandev dạo này java job ít quá nên em cũng hóng series này để update thêm hehe
@trungquandev7 күн бұрын
@@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ư :))
@duanee7 күн бұрын
@@trungquandev quá cống hiến rùi a ưi 😋
@trungquandev8 күн бұрын
👉 Join những cộng đồng lập trình văn minh lịch sự ở đây cùng mình nhé: 👉 Discord: Cộng đồng lập trình Việt Nam 🇻🇳 : discord.gg/ycSbhP6gDu 👉 Group: Cộng đồng Lập Trình Web • Front-end & Back-end Việt Nam: facebook.com/groups/laptrinhwebvietnam
@namdv_3338 күн бұрын
extension đề xuất code anh dùng ý, em cài rồi mà nó báo lỗi ko dùng được ạ (Supermaven). Em ko rõ cách sửa như nào?
@trungquandev8 күн бұрын
Ủ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.
@vannghia5129 күн бұрын
mong mấy video sau a làm về event loop và so sánh khác biệt giữa event loop của browser và nodejs 😁
@trungquandev9 күн бұрын
ừ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 =))
@sythanhle92279 күн бұрын
anh cho em hỏi là mình call api để lấy các cái list trong redux ròi set nó vô global state thì có nên không anh vì em thấy trong docs có createAsyncThunk nó dùng để fetch data thấy khá tiện
@trungquandev9 күн бұрын
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.
@VuNguyen-tr4ul10 күн бұрын
Dạ quang đồng hồ này sáng lâu k a
@trungquandev10 күн бұрын
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 :))
10 күн бұрын
Mình cũng bị, và mình thêm DndKitPointerSensor vào DndKitSensors.js thì OK export class PointerSensor extends DndKitPointerSensor { static activators = [{ eventName: 'onMouseDown', handler }] }
@anhng848510 күн бұрын
rất cảm kích chia sẻ của anh, chúc anh sức khỏe !
@tranquocduong853311 күн бұрын
vậy sử dụng npm sao anh nhỉ
@trungquandev10 күн бұрын
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é.
@trungquandev11 күн бұрын
👉 Join những cộng đồng lập trình văn minh lịch sự ở đây cùng mình nhé: 👉 Discord: Cộng đồng lập trình Việt Nam 🇻🇳 : discord.gg/ycSbhP6gDu 👉 Group: Cộng đồng Lập Trình Web • Front-end & Back-end Việt Nam: facebook.com/groups/laptrinhwebvietnam
@nhv199111 күн бұрын
Mình cũng có một con kindle ppw5, cho mình hỏi bạn thường để độ sáng đèn vàng và đèn trắng thế nào nhỉ?
@trungquandev11 күн бұрын
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.
@nhv19919 күн бұрын
@@trungquandev bạn để độ sáng cao thế thấy thời gian dùng pin có được lâu không?
@trungquandev8 күн бұрын
@@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.
@tranquocduong853312 күн бұрын
nên làm backend trước hay Frontend trước v a
@trungquandev10 күн бұрын
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.
@ĐứcTrịnhVăn-q9x13 күн бұрын
Chỗ cloneDeep ở phút 38:20, mình có thể sử dụng Spread Operator như này được không ạ? const resBoard = {...board}
@trungquandev13 күн бұрын
- 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
@namdv13313 күн бұрын
anh ơi, cho em hỏi với, khi em copy đoạn văn bản trên trang lorem đó, khi paster vào VS code thì nó ko hiện lên đoạn văn như trong video, mà nó là một dòng văn bản dài ạ, em cần cài extension nào để có thể định dạng lại đoạn văn đó ạ?
@trungquandev13 күн бұрын
Em cứ Alt + Z là được nhé.
@tranquocduong853314 күн бұрын
công nhận custom cái này hơi khoai à
@trungquandev13 күн бұрын
"Việc khó mới cần người tài" :))
@trungquandev15 күн бұрын
👉 Join những cộng đồng lập trình văn minh lịch sự ở đây cùng mình nhé: 👉 Discord: Cộng đồng lập trình Việt Nam 🇻🇳 : discord.gg/ycSbhP6gDu 👉 Group: Cộng đồng Lập Trình Web • Front-end & Back-end Việt Nam: facebook.com/groups/laptrinhwebvietnam
@8i-14minhuc515 күн бұрын
Bài này khó thật sự a ạ nhất là đoạn cuối , cảm ơn a vì 1 bài giảng chất lượng ạ
@oanhlethihong795615 күн бұрын
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 ạ
@oanhlethihong795615 күн бұрын
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 ý ạ
@bentanick141016 күн бұрын
Hi vọng anh sẽ ra clip về multi login
@trungquandev16 күн бұрын
Ý 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?
@bentanick141016 күн бұрын
@@trungquandev dạ kiểu như giống facebook ạ, 2 trình duyệt vẫn đăng nhập được
@trungquandev16 күн бұрын
@@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
@phuchuu228317 күн бұрын
Dạ anh ơi, em có đọc cái sending email của anh thì em thấy a dùng google-auth-library thay vì googleapis ạ. Thực sự là đọc bài đó của anh em mới biết đến và dùng cái gg-auth-library, trước đây xem các tutor khác em chỉ thấy dùng googleapis là nhiều ạ
@trungquandev17 күн бұрын
@@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.
@KevinNitro17 күн бұрын
Có cho vim không bác =))
@trungquandev17 күн бұрын
@@KevinNitro Vim thì mình thấy mỗi bộ này là có novel nhé: s.shopee.vn/2Av29dGmYu
@namdv_33317 күн бұрын
let person = { userName : 'Dao Van Nam', age: 21, greet: function() { console.log(' Hi world, I am ' + this.userName + ' I begin to learn programming with Javascript. ') console.log(' Hi world, I am ${this.userName}. I begin to learn programming with Javascript.') // } } person.greet(); em chạy thì nó dòng console.log thứ 2 nó ko in ra Dao Van Nam ( chỗ ${this.userName} ) em ko rõ sai ở đâu?
@trungquandev17 күн бұрын
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.
@namdv_33316 күн бұрын
@@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
@trungquandev16 күн бұрын
Đơ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.
@namdv13311 күн бұрын
@@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ì
@namdv13318 күн бұрын
Câu hỏi ngoài lề 1, Anh có thể làm một video về hướng dẫn học trên kênh youtube của anh cho người mới đăng ký được không ạ?? Em đăng ký kênh bên anh cũng chưa được lâu ạ Mà khi nhìn vào ko biết nên bắt đầu từ đâu 2, sau khi học list HTML, CSS và javascript thì tiếp theo cần học những gì để đi sâu hơn tronh mảng web ạ?? Mong nhận được phản hồi từ anh Em xin cảm ơn
@trungquandev18 күн бұрын
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.
@namdv_33317 күн бұрын
@@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 ạ)
@tranquocduong853318 күн бұрын
nếu trong thực tế thì công ty họ sử dụng muui hay code tailwind vây a
@trungquandev18 күн бұрын
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é.
@8i-14minhuc518 күн бұрын
Có thể sau a làm thêm video cách tìm kiếm theo từ khóa khi gặp bug để xử lý một cái bug dị dị đc không ạ
@trungquandev18 күн бұрын
Ừ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 đó.
@duongtrong269019 күн бұрын
a ơi, e có case khi rebase nhánh dev về nhánh feature mà nhánh dev có nhiều commit thì khi em rebase nó bắt rebase lại 2-3 lần lý do là sao a nhỉ . Tại trong video e thấy a rebase có 1 lần là oke rồi mà e rebase 1 lần xong nó bảo rebase(1/2) xong phải rebase thêm mới dc . Mong a giải thích case này ạ , e cảm ơn.
@trungquandev18 күн бұрын
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é.
@8i-14minhuc519 күн бұрын
Nếu cảm thấy không thể nào hiểu đc nhiều ý ạ, thì nên tập trung vào những phần nào để tạm nắm được dnd ạ
@trungquandev18 күн бұрын
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é.
@vythanh667419 күн бұрын
E sài thư viện antd á a mà e muốn custom như a thì phải làm sao e đọc doc thì k thấy chỉ cụ thể ạ
@trungquandev19 күн бұрын
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.
@tranquocduong853319 күн бұрын
em viết code bằng ts ở khóa này được không anh
@trungquandev19 күн бұрын
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.
@tranquocduong853319 күн бұрын
theme anh sử dụng trong vscode là gì vậy anh
@trungquandev19 күн бұрын
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é.
@ThưởngNguyễnVăn-o5l20 күн бұрын
Phải nói thật là nếu em có cơ hội ra Hà Nội làm việc thì em rất muốn được gặp anh một lần ý. Cảm ơn rất nhiều bài học và video hữu ích mà anh đã mang lại. Chúc kênh của anh phát triển hơn nữa ạ 🥰🥰
@trungquandev20 күн бұрын
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é ^^
@nishigitakakata20 күн бұрын
Em hiện sắp trở thành sinh viên năm 4/4.5 năm học, chuyên ngành công nghệ phần mềm. Anh có lời khuyên gì liên quan đến đồ án tốt nghiệp không ạ.
@trungquandev20 күн бұрын
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é.
@nishigitakakata19 күн бұрын
@@trungquandev Em cảm ơn anh.
@goodboii902020 күн бұрын
Cho e hỏi khi nào dùng cái sx mà khi nào dùng thẳng cái property vào trong mui component vậy ạ.
@trungquandev20 күн бұрын
Em xem lại 3 video số 14, 15, 16 nhé.
@goodboii902019 күн бұрын
@@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 ạ.
@nguyenchithanh279822 күн бұрын
Anh ơi, tại sao mấy cái css tái dụng mà kh viết ra 1 file riêng, em thấy có mấy cái lặp code á. Với lại cho em hỏi trong hỏi là đi làm thực tế ngta tránh việc sử dụng css-inline kh anh
@trungquandev21 күн бұрын
- 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.
@trungquan330822 күн бұрын
chỗ reduce mình có thể không cần để initialValue cũng được ấy anh ạ, thì total ban đầu sẽ là phần tử đầu + number là phần tử thứ 2 xong đó ra kết qua nó lưu vào total rồi tiếp tục cộng phần phần tử tiếp theo ạ, theo em tìm hiểu là vậy :vv
@trungquandev22 күн бұрын
- Ừ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
@trungquan330822 күн бұрын
@@trungquandev uầy +1 kiến thức mới và thực tế anh ơi, em cảm ơn ạ😍😍