Day 4: Hiệu ứng show ảnh Image Gallery chuyên nghiệp không phải ai cũng biết | 30 Days Thực chiến

30 Days Thực chiến HTML CSS JS sẽ giúp bạn vận dụng lý thuyết một cách hoàn hảo, nâng cao trình độ, kinh nghiệm code bản thân
👇 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​

Пікірлер: 48

  • @tuhoccodethietkeweb4598
    @tuhoccodethietkeweb45985 ай бұрын

    khi nào em có tiền nhất định mua cái khóa học mới được, đúng là thực chiến luôn, quá đã, web gearvn cũng đang làm tính năng này, cảm ơn anh.

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

    Cảm ơn admin, mình đã thử và thành công

  • @huynhnhathao6339
    @huynhnhathao63392 жыл бұрын

    Hay quá anh ơi

  • @nguyenduy2819
    @nguyenduy28192 жыл бұрын

    cảm ơn anh ạ

  • @HuyenNguyen-yq6wi
    @HuyenNguyen-yq6wi9 ай бұрын

    quá hay luôn

  • @Nodemy

    @Nodemy

    9 ай бұрын

    thank ban nhe, ae sub kenh nhe

  • @PhuongTran-ur3ko
    @PhuongTran-ur3ko2 жыл бұрын

    Tại sao đến bây giờ mình mới biết đến kênh này nhỉ

  • @nguyentrung6966
    @nguyentrung69662 жыл бұрын

    cảm ơn b! b dạy rất dễ hiểu.

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Cảm ơn bạn. Nếu thấy hay hãy đăng kí kênh và chia sẻ để nhận thông báo sớm nhất cho các video tiếp theo nhé bạn

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

    bài này hay quá, code rất dễ hiểu và gọn gàng ạ

  • @Nodemy

    @Nodemy

    2 жыл бұрын

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

  • @thanhvo2092
    @thanhvo20922 жыл бұрын

    Quá hay cảm ơn bạn nhe

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Okie em nhé, thấy hay nhớ đăng ký kênh để nhận thông báo cho nhiều chủ để mới anh sắp ra nhé

  • @phankhanh5029
    @phankhanh50292 жыл бұрын

    Bài giảng hay quá bạn ơi

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Thank bạn, ae subscrible để đón các video tiếp nhé :D

  • @NguyenThang-tp2hk
    @NguyenThang-tp2hk2 жыл бұрын

    cảm ơn a nhiều ❤

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Okie em nhé, thấy hay nhớ đăng ký kênh để nhận thông báo cho nhiều chủ để mới anh sắp ra nhé

  • @phothongvatly3631
    @phothongvatly36312 жыл бұрын

    Hay quá. Không biết xưng hô thế nào nhưng mình cảm ơn bạn rất nhiều.

  • @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

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

    Đã học tới day 4

  • @traninhtheanh6138
    @traninhtheanh61382 жыл бұрын

    cho em hỏi phần class gallery thì khi em để position: fixed; thì cái phần gallery nó biến mất luôn là tại sao v a

  • @thuhonghacthi1984
    @thuhonghacthi19842 жыл бұрын

    cho mình hỏi cái phần integrity=" " là lấy link ở đâu vậy ạ?

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

    hay quá anh ơi, chỉ mõi cái là là loa cực kì cực kì bé :(((( còn đâu nội dung ổn

  • @minhhoangnhat7331
    @minhhoangnhat73312 жыл бұрын

    video dễ hiểu ạ!! nhưng a ơi cho em hỏi khi để display flex ở body thì phần position: fixed ở gallery mới có tác dụng hiển thị cả màn hình. Còn nếu không có display: flex thì phần galerry chỉ hiển thị nửa màn hình. Tại sao lại thế ạ?? em cảm ơn!!

  • @hienvu5908

    @hienvu5908

    6 ай бұрын

    trời ui thanks b tui đang mãi k biết sao nó k nhẩy lên như trong vid

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

    bạn cho mình xin đoạn code phần head của html được không@@ (đoạn này ạ integrity="sha512-..........) Video rất hữu ích !! Cảm ơn bạn rất nhiều.

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

    anh ơi lấy link ảnh kiểu gì ạ

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

    ai giải thích dùm mình đoạn src này là sao không vây " galleryImg.src = images[currenIndex].src; "

  • @_NguyenThuanThien
    @_NguyenThuanThien2 жыл бұрын

    hi anh. video rất hay và bổ ích ạ. nhưng mà e có gặp 1 issue là khi e set sự kiện cho keydown == 27 thì khi mở hình lên ấn nút ESC thì chỉ tắt được một lần và lúc ấn lại tấm hình khác thì nó không hoạt động nữa ạ . a có thể chỉ e cách fix không ạ? mong a trả lời

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Em gán sự kiện vào đâu, nếu em muốn luôn bắt đc sự kiện thì tốt nhất nên để document.addEvent hoặc window.addEvent em nhé.

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

    Bài tập 3 và bài tập 4 làm JS như anh chỉ không thể nào chạy được. Em không biết tại sao luôn.

  • @Ndc2095
    @Ndc20952 жыл бұрын

    b có thể hướng dẫn ,khi next ảnh thì ảnh sẽ chuyển động mượt từ phải sang trái và khi prev ảnh thì ảnh chuyển động từ trái sang phải ko?

  • @hoangang8880

    @hoangang8880

    Жыл бұрын

    bạn tìm trên kênh evondev có 1 bài như ý b đấy nhưng hơi nhì nhằng 1 tí với cả không hoàn thiện cho lắm bạn phải tự thêm mấy cái nữa mới ổn

  • @aibui320
    @aibui3202 жыл бұрын

    Muốn click vào next thì ảnh chạy từ phải sang trái và ngược lại thì làm ntn vậy ạ . E sư4 dụng animation rồi nhưng ko dc ạ. Chỉ cái click next đầu tiên là có animation thôi ạ.

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Em toggle class có transition + thay đổi vị trí ảnh ban đầu về sau là được nhé. Lướt từ đâu cũng vậy thôi em

  • @hongthaipham4546
    @hongthaipham45462 жыл бұрын

    a dạy dễ hiểu lắm, nhưng cỡ chữ nhỏ hơi khó nhìn ạ

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Cảm ơn em đã góp ý. Anh sẽ chú ý ở những vid sau nhé :D

  • @ChauLe-es9is
    @ChauLe-es9is2 жыл бұрын

    ko biết bên chanel mình có làm 1 series JS, Jquery thực chiến trong 30 ngày ko ạ? e cám ơn đội nhóm của Nodemy nhiểu

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Ừm để team anh nghiên cứu cho thêm series Jquery 10 buổi. JS thuần e cứ làm hết 30 days này là lên tay nhé

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

    cho e xin link ảnh ạa

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

    Video hay quá ạ, nhưng mà anh để màn hình nhỏ quá xem hơi khó ạ :(((

  • @Nodemy

    @Nodemy

    Жыл бұрын

    thank em nhé, subscrible để a ra nhiều video mới nhé. các video mới a sẽ đê màn hình to hơn nha

  • @kimliz1557
    @kimliz15572 жыл бұрын

    sao e cứ bị lỗi galleryImg.src = images[currentIndex].src vậy ạ,,, e sửa lại r nhưng vẫn bị lỗi chổ này ạ :

  • @xuanthien2388

    @xuanthien2388

    2 жыл бұрын

    full code đi bạn

  • @tuantran3725
    @tuantran37252 жыл бұрын

    thuộc tính over flow: hidden có nghĩa là gì vậy anh

  • @osamabinladen7827

    @osamabinladen7827

    2 жыл бұрын

    Khi các thành phần bên trong có kích thước vượt qua nó thì sẽ bị ẩn đi

  • @taiphamminh8056

    @taiphamminh8056

    2 жыл бұрын

    Không bị tràn ra bên ngoài ấy