setTimeout(function(){ console.log(1); },5000); setTimeout(function(){ console.log(2); },2000); console.log(3); Em làm thế này trên loupe thì sao nó lại hiện console.log(1) trước console.log(2) nhưng khi chạy trên vscode open with live server thì console(2) nó lại chạy trước console.log(1) theo lí thuyết v ạ?
Yesss, okie em nhé Amanter, a cũng thấy nhiều anh mention về cái này, mà đây mới video đầu tiên trong topic này, nên anh chỉ định làm khái quát đơn giản để mọi người nắm được cơ bản hihi 😍
hi Hậu ơi, câu này hơi khó nè, a thì đọc bình thường à, với anh bộ câu hỏi anh hay áp dụng khi tìm hiểu vấn đề mới là: - What: nó là cái gi vậy ta? - Why: tại sao phải sử dụng nó? - When: khi nào sử dụng nó, ứng dụng vào trường hợp nào? - Who: ai là người sử dụng nó? - How: sử dụng nó như thế nào? Tự trả lời được bộ 5 câu hỏi đơn giản này, là mình cũng nắm đc sơ sơ về một topic nào rồi đó hehee.
hi Sang ơi, về hình ảnh mình không lưu trong database nhé Em nên lưu những loại dữ liệu như hình ảnh, videos trên một CDN em hen, còn trong database em chỉ lưu cái link tới hình ảnh, video thôi nha. 😉
@@EasyFrontend Có nghĩa là khi upload images, videos thì mình k lưu trong folder server hiện tại mà lưu hẳn sang 1 foder server khác (cdn) luôn hả a! Thanks a
Nếu vậy thì setTimeout và setInterval không thực sự chính xác nhỉ, vì giả sử nó chạy xong rồi nhưng nó vẫn ở trong queue để đợi thằng khác thì thành ra lại lệch mốc thời gian mất rồi
đúng òi em nhen, nó tương đối thôi đặc biệt nó còn lệch nặng hơn khi tab của mình trong trạng thái inactive (khi em focus zô tab khác) lúc đó 1s chưa chắc là 1s =)))
hi Lân, em hãy search về những concepts hoặc js advance topics để đọc thêm nha Lân. Ví dụ: - github.com/leonardomso/33-js-concepts - medium.com/@madasamy/15-javascript-concepts-that-every-nodejs-programmer-must-to-know-6894f5157cb7 Hoặc em đọc cuốn You don't know JS nha Lân 😉
hi Vũ ơi, Vũ có thể cho cụ thể hoạt post lên group để mn cùng trao đổi nhé, à còn cái tool thì nó visualize lên, thỉnh thoảng mình cũng thấy nó có lỗi, nên đừng strictly quá nhé Vũ, nếu muốn chắc hãy copy code rồi reload trình duyệt, xong sử dụng lại code vừa nảy xem có được hk nhen hehee 😉
Em hơi lơ ngơ là nếu setTimeout chờ đến hết thời gian thì vào cb quere rồi đưa và call stack nhưng khi call stack vẫn còn các lệnh khác kiểu liên tục như vậy thằng cb quere nó có đưa về được call stack ko anh hay chờ mà đến nổi ko thấy trống vậy là kẹt à, cho e giải đáp với ?
hi Thắng, thật ra tất cả Web APIs đều được đẩy sang em nha. Bên chỗ callstack nó thuộc về Javascript Engine, nó có nhiệm vụ parse và thực thi code javascript, nhưng những thứ liên quan tới môi trường cụ thể như web chẳng hạn, thì nó ko biết. ví dụ như: làm việc với storage, network, timer, .... nó sẽ đẩy sang cho web api xử lý hết hehe
a ơi cho em hỏi về phần react , e đang dùng useEffect với setinterval để đếm ngược mà thi thoảng nó lag nó sẽ đếm bị sai , thì em nên fix kiểu gì a . em cảm ơn a
A Hậu ơi! A cho e hỏi là e nghe nói reactjs k tốt cho sale nếu em làm web mà cần nhiều người biết đến. Có cách nào cải thiện SEO không a? E có tham khảo thì người ta bảo là dùng NEXTJs để SSR. A cho e lời khuyên với ạ. Thanks a!
hi Sang ơi, đầu tiên em phân biệt giúp anh CSR với SSR nha. - Nếu website cần SEO thì dùng NextJS - Nếu website ko cần SEO thì dùng ReactJS Như em biết là đúng rồi nè hehee 😉
rất hay và dễ hiểu, cảm ơn bạn
yeah cảm ơn bạn nhiều nhé Dragon 😉
Hay anh ơi, dễ hiểu quá ngắn gọn vào thẳng vấn đề ❤
hay quá, cảm ơn a
cảm ơn anh nhiều ạ
Hay quá anh, em nghe đồn phần này đi pv hỏi rất nhiều, xem xong clip em thông phần này
Yeahhhh cool em ơi, cơ mà cái này chỉ cho em được cái nhìn tổng quan, ở video sau a sẽ nói rõ hơn tí, giải thích về Macrotask và Microtask hehee
cám ơn anh
Siêu dễ hiểu anh ơiiii
đỉnh cao ạ
dễ hiểu quá, cảm ơn anh
hay quá anh ơi , làm thêm nhiều video nữa anh ơi
hihi cảm ơn em nhiều nhé Việt ❤️
@@EasyFrontend anh có thể ra nhiều video nói rõ thêm về các kiến thức basic của js dược không ạ, em cám ơn
@@VietNguyen-we7mg à cái này a sẽ tổng hợp hết trong khoá javascript em nhen, nó hơi nhiều nên a sẽ hk làm trên youtube này nè 😉
@@EasyFrontend dạ có ví dụ về thực tiễn dự án như thế nào nữa thì tốt quá anh ơi
@@VietNguyen-we7mg à trong khoá học thì có làm luôn một website hoàn chỉnh có CRUD luôn em nha, viết thuần bằng js hehe
Nói thêm về blocking io và non blocking io đi anh
hihi okie em nhé Tin ơi, để a note lại, có time a xúc nó hehee
anh ơi vậy khi dùng promise để xử lý bất đồng bộ thì promise cũng sẽ được đưa vào web apis để thực thi hả anh. Mong anh reply ạ 🥺
yay đúng òi em nha, em tham khảo thêm blog này nó có hình động minh họa cho dễ hiểu hơn em nhen. www.lydiahallie.com/blog/promise-execution
quá hay
Dễ hiểu quá. Cảm ơn bạn
Hay quá, mình từng ko hiểu setTimeout chạy như thế nào, bài giải thích của bạn rất đơn giản mà dễ hiểu thật, thanks
Yayyyy mình cũng từng như vậy đó Tiber ơi, xong ngâm cứu một hồi mới tìm ra được chân lý hehee 😉
setTimeout(function(){
console.log(1);
},5000);
setTimeout(function(){
console.log(2);
},2000);
console.log(3);
Em làm thế này trên loupe thì sao nó lại hiện console.log(1) trước console.log(2) nhưng khi chạy trên vscode open with live server thì console(2) nó lại chạy trước console.log(1) theo lí thuyết v ạ?
à cái simulation trên loupe thỉnh thoảng nó có issue em nhen, kể cả cái code example của nó cũng chạy demo sai hihi
Thêm video về thứ tự callback Queue microtask queue và macro task queue
Yesss, okie em nhé Amanter, a cũng thấy nhiều anh mention về cái này, mà đây mới video đầu tiên trong topic này, nên anh chỉ định làm khái quát đơn giản để mọi người nắm được cơ bản hihi 😍
Easy Frontend vâng ạ. Em cảm ơn a vì có nhiều video bổ ích. Mong anh sẽ ra video đều đều ạ
Hay quá a ơi. May quá. E tìm mãi mới thấy 1 video dễ hiểu thế này
Hay quá a ơi...
A hướng dẫn cách hiểu sâu khi đọc các document đi a...E đọc xong chỉ biết copy code thôi a ơi😢
hi Hậu ơi, câu này hơi khó nè, a thì đọc bình thường à, với anh bộ câu hỏi anh hay áp dụng khi tìm hiểu vấn đề mới là:
- What: nó là cái gi vậy ta?
- Why: tại sao phải sử dụng nó?
- When: khi nào sử dụng nó, ứng dụng vào trường hợp nào?
- Who: ai là người sử dụng nó?
- How: sử dụng nó như thế nào?
Tự trả lời được bộ 5 câu hỏi đơn giản này, là mình cũng nắm đc sơ sơ về một topic nào rồi đó hehee.
@@EasyFrontend Dạ cảm ơn a!
Hay quá idol ơi
mãi iu
hahaaa cảm ơn Bọ Xít nhiều nhiều nhé 🎉😍
Cảm ơn chia sẽ của anh nhiều
rất dễ hiểu
Yeahhh cảm ơn Sang nhiều nhé 😍
hay quá anh !! em cảm ơn video của anh.
Yeahhhh okie em nhé Khánh 😍
A Hậu oi! A cho e hỏi là mình nên lưu ảnh sản phẩm trên folder hay database ạ!
hi Sang ơi, về hình ảnh mình không lưu trong database nhé
Em nên lưu những loại dữ liệu như hình ảnh, videos trên một CDN em hen, còn trong database em chỉ lưu cái link tới hình ảnh, video thôi nha. 😉
@@EasyFrontend Dạ! A có thể làm rõ hơn xíu dùm e được không a!
@@EasyFrontend Có nghĩa là khi upload images, videos thì mình k lưu trong folder server hiện tại mà lưu hẳn sang 1 foder server khác (cdn) luôn hả a! Thanks a
Dễ hiểu quá. Thank a Hậu nhiều ạ : ))
Wohooo cảm ơn em nhiều nhé Juhand ơi 😍
Cách truyền đạt của a hay quá :)
Yeahhhh cảm ơn em nhiều nhiều nhé Duckies, rất vui vì mọi người thích style của anh nè hihi 😍
Anh có thể làm các cách để xử lý bất đồng bộ theo ý của mình đc k?
hi Nam ơi, ý của mình là ntn em ơi, em
đang muốn xử lý vấn đề gì em hen 😉
Như trong ví dụ của anh em muốn cái hàm setTimeOut chạy xong xuôi rồi mới chạy alert "easy fontend" thì xử lý thế nào vậy anh?
sao mà có thể hay được như thế nhỉ.có thể các bạn mới học thì hơi hoang mang.nhưng hãy xem thật kĩ nhé.!!!
Hay quá ad
hihi cảm ơn em nhiều nhé Doan ơi 😍
Nếu vậy thì setTimeout và setInterval không thực sự chính xác nhỉ, vì giả sử nó chạy xong rồi nhưng nó vẫn ở trong queue để đợi thằng khác thì thành ra lại lệch mốc thời gian mất rồi
đúng òi em nhen, nó tương đối thôi
đặc biệt nó còn lệch nặng hơn khi tab của mình trong trạng thái inactive (khi em focus zô tab khác)
lúc đó 1s chưa chắc là 1s =)))
Video của kênh cực chất lượng luôn anh, anh nói chuyện cũng thân thiện nữa :>
hihi cảm ơn em nhiều nhé Lực ơi ❤️
bổ ích và cảm ơn a rất nhiều
hihi cảm ơn em nhiều nhé em ơi 😍
Hi vọng anh ra những video chuyên sâu về js như thế này.
hihi okie em nhé Trường, có time a sẽ cố gắng sắp xếp để làm nè hehe
@@EasyFrontend cảm ơn anh ạ.
@@EasyFrontend nào a ra video về event loop, promise, async await a nhé.
Chào anh, cho em hỏi muốn hiểu rõ các framework cần nắm chắc js, vậy mình cần tìm hiểu những chủ đề nào để nắm chắc js
hi Lân, em hãy search về những concepts hoặc js advance topics để đọc thêm nha Lân.
Ví dụ:
- github.com/leonardomso/33-js-concepts
- medium.com/@madasamy/15-javascript-concepts-that-every-nodejs-programmer-must-to-know-6894f5157cb7
Hoặc em đọc cuốn You don't know JS nha Lân 😉
@@EasyFrontend em cám ơn anh nhiều
cho e hoi là nó khác với js runtime trên nodejs như thế nào ạ, vì nodejs là phiá server, webapis là của browser nên nodejs ko có.
hi Nghiệp ơi, câu hỏi của em rất hay nè, mà anh cũng không chắc về topic này, chắc để anh research thêm thử nhé 😉
@@EasyFrontend Câu này đi phỏng vấn e được hỏi :D và giờ e vẫn chưa có câu tl kkk
Làm thêm clips về Hooks đi bạn ơi. Cái này giờ đang hot. Bạn có thể hướng dẫn về Context API được không? Thanks!
Yeahhh okie nhé Nhật ơi, mình sẽ làm thêm videos về 2 topics này nhé hihi, mà đợi ít bữa mình có time sẽ làm nhé, mấy bữa nay sml quá 😂
Hay quá anh ơi, em không biết là có công cụ để xem trực quan như vậy! Cảm ơn chia sẻ của anh!
Cám ơn anh đã làm ra video này + suggest về web Loupe, một cái nhìn về flow không thể nào dễ hiểu hơn được :D
yeah cảm ơn em nhiều nhiều nhé Tristan ơi, có dịp a sẽ quay lại làm thêm về topic này hehe
Anh ơi có thể làm video hướng dẫn chức năng search ở trang chủ với api k a
Hi Hiếu, em xem thử video này nha th-cam.com/video/WF3pUtvC01M/w-d-xo.html 😉
Hay quá anh ơi. Trực quan dễ hiểu. Hy vọng anh làm nhiều về advance về js như này ạ.
hihi cảm ơn em nhiều nhé Dũng ơi, a cũng thích share về những cái này hihi, mỗi lần đục sâu xuống lại thấy càng thú vị hihi 😊
Hay quá a 👍
Yeahhhh cảm ơn em nhiều nhé Đăng ơi 😍
Làm clips hướng dẫn về Promise, async/await được không bạn? Thanks!
Yeahhh được nhé Nhật ơi, mình đã note lại hehee 😉
Hay quá ạ
hehe cảm ơn em nhiều nhé Đức 😍
clip trực quan quá anh ơi thanks anh
Yayyyy may quá, video hữu ích cho mn hihi 😊
Hay quá anh ơi. Video giúp em hiểu hơn về runtime của JS. Cảm ơn anh nhiều :3
Yeahhh rất vui khi videos hữu ích với em nè 🎉
e thử chạy tool với nhiều cái setTimeout với thời gian khác nhau thì tool hoạt động không đúng
hi Vũ ơi, Vũ có thể cho cụ thể hoạt post lên group để mn cùng trao đổi nhé, à còn cái tool thì nó visualize lên, thỉnh thoảng mình cũng thấy nó có lỗi, nên đừng strictly quá nhé Vũ, nếu muốn chắc hãy copy code rồi reload trình duyệt, xong sử dụng lại code vừa nảy xem có được hk nhen hehee 😉
Anh Hậu thêm một ví dụ nữa có thêm promise và setTimeout để rõ thêm tại sao promise luôn ưu tiên chạy trước setTimeout không ạ
Yesss yesss, a sẽ làm thêm một video về Macro task và Micro task nè hehee 😉
Em hơi lơ ngơ là nếu setTimeout chờ đến hết thời gian thì vào cb quere rồi đưa và call stack nhưng khi call stack vẫn còn các lệnh khác kiểu liên tục như vậy thằng cb quere nó có đưa về được call stack ko anh hay chờ mà đến nổi ko thấy trống vậy là kẹt à, cho e giải đáp với ?
hi em ơi, theo lý thuyết là nó sẽ cứ ở callback queue đợi em nha hehe 😉Xong callstack trống là nó nhảy zô liền hehe
Ngoài các hàm TimeOut, interval() thì còn có các hàm ntn nữa mà nó được đẩy sang webAPIs hoạt động tương tự như trên à a?
hi Thắng, thật ra tất cả Web APIs đều được đẩy sang em nha.
Bên chỗ callstack nó thuộc về Javascript Engine, nó có nhiệm vụ parse và thực thi code javascript, nhưng những thứ liên quan tới môi trường cụ thể như web chẳng hạn, thì nó ko biết.
ví dụ như: làm việc với storage, network, timer, .... nó sẽ đẩy sang cho web api xử lý hết hehe
hay quá chời a trai
heheee cảm ơn em trai nhiều nhé 😍
Hết dùng mac để hướng dẫn r hả a :D
hehee máy Mac trả lại cho công ty rồi Triều ơi, hiện cty cho con windows, nên xài windows luôn hehee
Easy Frontend khoá học sắp xong chưa a. Lên ít video để mua học trc a 😍
a ơi cho em hỏi về phần react , e đang dùng useEffect với setinterval để đếm ngược mà thi thoảng nó lag nó sẽ đếm bị sai , thì em nên fix kiểu gì a . em cảm ơn a
hi Xuân ơi, không biết là trường hợp em bị có liên quan tới việc em đi qua tab khác một lúc rồi mới quay trở lại không? :)
Easy Frontend dạ vâng a ơi . E qua tab khác xong quay lại , giờ làm sao để fix ạ
Dương Đinh Xuân hi Dương ơi, em mô tả kĩ vấn đề và post lên group, rồi tag a vào, a support cho hen 😉
Easy Frontend vâng ok a
A Hậu ơi! A cho e hỏi là e nghe nói reactjs k tốt cho sale nếu em làm web mà cần nhiều người biết đến. Có cách nào cải thiện SEO không a? E có tham khảo thì người ta bảo là dùng NEXTJs để SSR.
A cho e lời khuyên với ạ. Thanks a!
hi Sang ơi, đầu tiên em phân biệt giúp anh CSR với SSR nha.
- Nếu website cần SEO thì dùng NextJS
- Nếu website ko cần SEO thì dùng ReactJS
Như em biết là đúng rồi nè hehee 😉
@@EasyFrontend tới thời điểm hiện tại reactjs đã thân thiện với seo chưa anh Hậu
Hi vọng anh có thể làm về các chủ đề cách học english cho dân dev, viết unit test,... ^^!
Yeahhh topics hay em ơi, cơ mà unit test thì đc chứ english cho dev thì anh cũng chịu, vì anh hk giỏi english nè 🙂
Hay quá anh ơi
Wohooo cảm ơn em nhiều nhé Nguyên ơiiiiiiii 😍