Day 3: Bật mí cách tạo Modal Popup Material UI vừa đẹp vừa đơn giản - Thực chiến HTML CSS JS

👇 LỘ TRÌNH LÊN FULLSTACK, trọn bộ serial course MIỄN PHÍ 👇:
• Luyện tập 30 Projects thực chiến: • Day 1: Thiết kế Produc...
• HTML: • HTML căn bản cho người...
• CSS: • [CSS căn bản] | bài 1:...
• JS: • [Javascript căn bản] |...
• NodeJS: • NodeJS backend - Cơ ch...
• ExpressJS: • [ExpressJS] | Giới thi...
• ReactJS: • ReactJS căn bản, làm b...
Ngoài ra nếu bạn muốn học hiệu quả hơn, có kinh nghiệm đi làm ngay thì nên học tập tại:
• Học OFF (2 - 4 tháng): Nodemy.vn​
Được đưa vào làm dự án, giảng viên hỗ trợ 1-1, trực tiếp hướng dẫn làm task. Đầu ra cam kết việc làm có lương ngay.
• Học ONLINE: class.nodemy.vn/​
Video call, giải đáp trực tiếp, hỗ trợ 1-1, teamview review sửa code. Hướng dẫn code dự án thực tế.
❓Tại sao mình nói học OFF hoặc ONLINE qua class.nodemy.vn/​ lại hiệu quả hơn ?
Vì khi bạn tham gia các chương trình đào tạo trên, bạn sẽ được giảng viên hỗ trợ trực tiếp. Đó là cách bạn lên kinh nghiệm nhanh nhất, học từ người đi trước.
Có người hướng dẫn bạn sẽ học tập trung kiến thức trọng tâm, kiến thức chuyên sâu, tránh sai lầm khi code. Những điều đó thôi cũng giúp bạn rút ngắn gần 1 năm so với tự học lập trình.
✪ Để học tập ONLINE qua youtube hiệu quả :
⚠️⚠️ ⚠️ Các bạn không nên quá phụ thuộc vào video. Video chỉ giúp các bạn hiểu kiến thức, để vận dụng thành thạo các bạn cần luyện tập nhiều và làm dự án thực tế, cần 1 người đi trước chỉ dẫn.
⭐ Nên tự code lại kiến thức đã học (tắt video đi code lại),
⭐ Làm bài tập cần pause video, tự nghĩ và làm bài tập trước, rồi mới xem đáp án
⭐ Xem hiểu hết video không có nghĩa là bạn đã biết code. Vì vậy các bạn đừng vội xem nhanh và nhiều video trong 1 ngày. Các bạn có thể thực hiện theo công thức bên dưới:
1. Xem video, khoảng 5 - 10 phút thì dừng lại để luyện tập
2. Tóm tắt những kiến thức trong 5-10 phút vừa xem theo cách bạn dễ nhớ
3. Tắt video, code lại những gì đã học trong video (không được mở video tham khảo, chỉ nhìn vào bản tóm tắt để làm, nếu không nhớ thì google search)
4. Tự lấy thêm ví dụ để kiểm chứng xem mình đã hiểu đúng về kiến thức chưa.
5. Nếu tự code được bằng chính khả năng của mình thì tiếp tục xem tiếp video.
☝️CHÚ Ý: Thường các video có dài hơn 30 phút đến 1 tiếng thì vẫn phải áp dụng 5 bước trên, mỗi lần xem video chỉ 10 phút rồi phải thực hành lại ngay.
❓ Nếu có bất kì thắc mắc nào về bài giảng có thể để lại comment, mình sẽ trả lời sớm nhất cho các bạn. Mọi người có thể cùng nhau học lập trình, tham gia group bên dưới:
Nodemy là một startup trường học công nghệ đào tạo chuyên sâu về Nodejs - Javascript, được nhóm admin NodeJs Việt Nam - cộng đồng Js lớn nhất Việt Nam thành lập.
✪ Follow Me :
• Fanpage: / nodemy.vn​
• Website: www.edmforyou95.com​
•Group học tập: / nodemy​
•Website: nodemy.vn​
✪ Cộng đồng:
• Nodejs Việt Nam: / congd...​
• Diễn đàn: nodejs.vn​
• Fanpage Nodejs Việt Nam: / nodejs.vn​
✪ Các bạn có thể liên hệ trực tiếp với mình qua:
📞 08 666 33 805
🙋‍♂: / nam.nodemy​

Пікірлер: 40

  • @phannhattuan3581
    @phannhattuan35812 жыл бұрын

    hay quá anh ơi

  • @vudat1608
    @vudat16082 жыл бұрын

    cảm ơn ad nhé

  • @hygge5655
    @hygge56552 жыл бұрын

    CẢM ƠN BẠN RẤT NHIỀU VÌ NHỮNG ĐIỀU HỮU ÍCH

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Cảm ơn bạn. Thấy hay thì đăng ký kênh với chia sẻ để nhận thông báo cho Days tiếp theo nhé bạn

  • @tieucuongmedia970
    @tieucuongmedia9702 жыл бұрын

    hay quá tìm mãi mới được cách dạy như thế này .Mong anh sau khi làm xong list này, ra thêm thực chiến 30 days reacjs nữa !

  • @LongNguyen-bj8rh

    @LongNguyen-bj8rh

    2 жыл бұрын

    kzread.info/head/PLJ5qtRQovuEOoKffoCBzTfvzMTTORnoyp

  • @thoduongvan6781
    @thoduongvan67812 жыл бұрын

    video hay lắm, cảm ơn b nhé :D học được thêm vài cách gõ html class tắt cũng hay

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Cảm ơn bạn. Thấy hay thì đăng ký kênh với chia sẻ để nhận thông báo cho Days tiếp theo nhé bạn

  • @quantrinh6817
    @quantrinh68172 жыл бұрын

    video rất hay ạ, ủng hộ

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Cảm ơn bạn. Thấy hay đăng kí kênh và share để ae cùng vào học hỏi trao đổi nhé bạn

  • @chitrunghuynh8288
    @chitrunghuynh82882 жыл бұрын

    E hi vong co them nhieu bai tap nua

  • @tak4761
    @tak47612 ай бұрын

    dạ em cảm ơn!

  • @manhlinh3138
    @manhlinh31382 жыл бұрын

    Hy vọng ad sẽ làm đầy đủ từ day 1 tới day 30, đã thêm vào playlist (y)

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Chắc chắn luôn bạn ơi. Bạn nhớ đăng kí và chia sẻ để nhận thông báo sớm nhất cho video tiếp theo nhé

  • @mie2357
    @mie23572 жыл бұрын

    Anh có thể giải thích rõ hơn về sự khác nhau giữa e.target và e.currentTarget trong trường hợp này được không ạ? Em cảm ơn

  • @27_angquanghuy99
    @27_angquanghuy99 Жыл бұрын

    hay quá

  • @Nodemy

    @Nodemy

    Жыл бұрын

    ok, Huy đăng kí kênh để xem thêm 30days thực chiến nhé

  • @TungPham-yq9gq
    @TungPham-yq9gq2 жыл бұрын

    a ơi mk nên dùng closset hoặc dataset , viết sẽ ngắn hơn rất nhiều a ạ trong file js,

  • Жыл бұрын

    Giồi ôi, không biết cái current target khổ sở bấy lâu.

  • @TungPham-dt6tr
    @TungPham-dt6tr2 жыл бұрын

    cho em hỏi chút là 9:30 sao phải thêm thuộc tính position: fixed làm gì vậy ạ

  • @phi1876
    @phi1876 Жыл бұрын

    mong anh làm 1 seri " Mỗi ngày code giao diện 1 trang Web cùng HTML CSS" hoặc seri bài tập CSS. Em định tìm hiểu cứng về phần HTML CSS rồi mới qua JS nhìn anh code Js mà iem hông hỉu dì lun :''> hicccccc

  • @hienvu5908

    @hienvu5908

    7 ай бұрын

    1n rồi hỉu chưa b

  • @vunguyenxuan8721
    @vunguyenxuan87212 жыл бұрын

    Nội dung hay nhưng màn hình code chữ quá nhỏ với cả bạn cứ làm mà ko có giải thích. Nên làm trong inspection để mọi người thấy được sự thay đổi.

  • @raucover
    @raucover2 жыл бұрын

    Bạn bị dư cái, có nghĩa là bn không cần thêm “ model.addEventlistener…., Như vậy sẽ tiết kiệm thời gian hơn, ý kiến riêng😀

  • @ChaoTanLongAn
    @ChaoTanLongAn8 ай бұрын

    Admin ơi! tới lúc em làm JS nó không chạy, với lại sao em không thấy anh dưa app.js vào html vậy? sao nó vẫn chạy bình thường hay vậy? Mất 2 tiếng kiểm tra vẫn không chạy được.

  • @triuc8755
    @triuc87559 ай бұрын

    làm sao ấn để lấy sự kiện 21:59 mà không bị tắt modal vậy ạ?

  • @minhnghia7520
    @minhnghia75202 жыл бұрын

    Mình thắc mắc chỗ currentTarget. Ai đó giải thích giúp mình với ạ!

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    curentTarget là DOM mà đang lắng nghe event nhé

  • @anywhereloc2969
    @anywhereloc29692 жыл бұрын

    Này giống mấy cái howto trên w3

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Thấy hay thì đăng ký kênh và chia sẻ cho mình nhé :D

  • @youmusic1681
    @youmusic1681 Жыл бұрын

    phút thứ 16:40 bắt đầu là làm gì vậy ạ . bạn có thể cho mk keyword để mình tìm kiếm không

  • @tranthikhanhlien9771
    @tranthikhanhlien97712 жыл бұрын

    admin đẹp trai có thể phóng to màn hình code lên được không ạ, em cảm ơn ad

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Thanks em, cảm ơn em đã góp ý nhé

  • @nhattuan4443
    @nhattuan44432 жыл бұрын

    video lag quá dau hết cả mắt @@

  • @HoangAnh-bt5fk

    @HoangAnh-bt5fk

    2 жыл бұрын

    Lag đâu mà lag

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Em xem lại chất lượng đường truyền mạng nhé.

  • @TaiNguyen-kk9gl
    @TaiNguyen-kk9gl12 күн бұрын

    code file js của tôi: var btnOpen = document.querySelector(".open-modal-btn"); var modal = document.querySelector(".modal"); var iconClose = document.querySelector(".modal__header i"); var btnClose = document.querySelector(".modal__footer button"); // Việc 1: khi click vào btnOpen thì sẽ show ra modal function toggleModal() { modal.classList.toggle("hide"); } btnOpen.addEventListener("click", toggleModal); modal.addEventListener("click", toggleModal); iconClose.addEventListener("click", (e) => { e.stopPropagation(); toggleModal(); }); btnClose.addEventListener("click", (e) => { e.stopPropagation(); toggleModal(); });

  • @devdaytoan
    @devdaytoan2 жыл бұрын

    hay quá anh ơi

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Cảm ơn bạn. Thấy hay thì đăng ký kênh và chia sẻ để nhận thông báo cho Days tiếp theo nhé bạn

Келесі