Day 14: Thiết kế SlideShow, Carousel hiệu ứng với HTML CSS JS thuần.
ฝัง
- เผยแพร่เมื่อ 30 ม.ค. 2025
- 👇 LỘ TRÌNH LÊN FULLSTACK, trọn bộ serial course MIỄN PHÍ 👇:
👇 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.edmforyou9...
•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
Thỉnh thoảng vẫn xem lại video của a, video quá hay a ơi:v
Thank em haha, share video đến bạn bè và subsrible để nhận thông báo video mới nhất nhé
vừa đẹp trai vừa good, bài học bổ ích quá đại ka
Hy vọng Nodemy sẽ không vì view mà ngưng ngang :((( vì rất bổ ích lắm ạ, cách code của Nodemy cũng phù hợp với em nữa, đủ 3 tính chất ngon bổ rẻ luôn
Cảm ơn Nodemy nhiều !
Tuyệt vời , vô cùng bổ ích , Tks ad nhiều
cảm ơn bạn, share video đến bạn bè và subsrible để nhận thông báo video mới nhất nhé
Cảm ơn anh, video rất bổ ích !
ok e nhé , sub kênh với like để team ra thêm video mới e nhé 😍
tiếp tục nhé anh hay lắm 😊😊😊
Cảm ơn ad nhé, quá hay
Ok bạn tiếp tục follow nhé bạn
Mình từng làm bên a này rồi nè , thiết kế , tạo , mở w e b rất yên tâm cứ nhờ phây búc Moganit xong trong 1 nốt nhạc ❤❤❤️
Tự làm khó lắm mọi người à , ae cứ lên phây búc tìm Moganit bên họ thiết kế wet cho bao đỉnh nhá❤❤❤️
Tạo w e b mình thấy phây búc Moganit làm rất chuẩn đó mọi người
Làm khó kinh nha mọi người , mình lên phây búc tìm Moganit họ làm cho hay lắm
Nhưng bạn làm cho nó tự động chạy sau 1 khoảng time nữa đi
cám ơn anh
ok e nhé , sub kênh với like để team ra thêm video mới e nhé 😍
cái trượt sang trái phải e click nó chỉ chạy được 1 lần thoi, tại s vay a
Đẹp trai còn giỏi :))))
Hay quá ạ. Anh ơi nếu responsive cho phần thumbnails bên dưới thì mình làm thế nào ạ😳
tốt nhất ẩn nó đi, cho slide thôi
nếu em muốn vuốt sang trái hoặc phải ảnh thay đổi thì làm thế nào
nếu em muốn làm hiệu ứng vuốt thì dùng overflow: scrollx thay thế thôi, không cần đến js
em bị lỗi ở phần imgFeature.src=listImg[index].getAttribute('src') nó báo lỗi cannot read properties of undefined ạ , mong anh fix giúp em
files js, imgElement nó là gì vậy anh? kiểu nó là biến hay là tên function hay là cái gì ạ?
imgElement là tên biến a đặt thui
cai dấu * kia là gì v ạ
ủa tại sao ở phần lấy mấy thẻ img em cũng làm giống vậy mà tới lúc lặp forEach nó lại bị lỗi ta
em gửi mã lỗi để mọi người đưa hướng giải quyết nhé
Anh cho em xin source code đc không vậy ạ
em lên nodemy.vn có e nhé
mọi người cho mình hỏi là tại sao mình làm đúng thứ tự prev next nhưng sao ko chạy được nhỉ :(((
Mình không có máy tính không biết tạo 1 trang như thế nào may sao lên phây búc tìm Moganit bên này họ làm cho t ốt phết mọi người ạ
Anh ơi làm sao để khi gõ .container thì ở ngay dưới nó hiện ra gợi ý để mình chọn vậy a? Vs code của e khi gõ mấy thẻ tag thì hiện ra gợi ý nhưng khi gõ tên class thì nó ko hiện
em cài extension emmet nhé
mn biết cách cho mấy cái ảnh nhỏ dưới tràng 100% ko, bình thường thì k sao nhưng khi mình active vào thì nó lại hiện thêm ra 1 khoảng 1px như border vậy màu trắng
bạn thử cho ảnh chòi ra ngoài mỗi góc kích thước border thử xem nhé
Nếu k tác động gì vào sau 1s thì ảnh chính tự trượt thì làm như nào a?
bạn viết callback khi ấn nút prev ra bên ngoài rồi dùng setinterval 1s bên trong setinterval gọi lại hàm đó là đc
a có share code bài này ko ạ
19:37 e=> ở line 7 có ý nghĩa gì vậy ạ
Làm khó kinh nha mọi người , mình lên phây búc tìm Moganit họ làm cho hay lắm