Day 18: Kéo thả đơn giản quá, hoá ra code hiệu ứng Drag and drop lại dễ dàng như vậy.

👇 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.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​

Пікірлер: 25

  • @ucleviet3782
    @ucleviet37822 жыл бұрын

    Video hay quá anh ơi

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

    Cảm ơn những chia sẽ của bạn :)

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Thank bạn , follow để đón chờ thử thách tiếp theo nhé

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

    Trường hợp có nhiều .target, chưa biết sẽ di chuyển cái nào (như di chuyển các con cờ trên bàn cờ vua) thì làm sao để get được cái object chuột đang drag a nhỉ?

  • @user-nb7ou9ih6i
    @user-nb7ou9ih6i Жыл бұрын

    hay quá anh ơi T_T

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

    Ultr, chờ mòn mỏi, mong anh sớm có nhiều bài mới ạ (học xong qua apply FE dev luôn)

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Nắm được cách sử dụng JS thì qua ngon lành luôn

  • @thanhvo2092

    @thanhvo2092

    2 жыл бұрын

    @@Nodemy Mình có thể ra nhiều videos hơn / 1 ngày được không ạ, kkk

  • @laocong2537

    @laocong2537

    2 жыл бұрын

    :V "học xong qua apply FE dev luôn" nghe ghê vậy a, thế a apply chưa

  • @thanhvo2092

    @thanhvo2092

    2 жыл бұрын

    @@laocong2537 Chưa học xong khóa nên chưa apply được, hiu hiu

  • @ucdopham3125
    @ucdopham3125Ай бұрын

    Cái này muốn nó hoạt đông trên mobile nữa thì sao a nhỉ. Tại mobile nó là touch

  • @user-hj6ub1nr9p
    @user-hj6ub1nr9p2 жыл бұрын

    Mong anh làm hướng dẫn kéo thả xong kết quả lưu vào database nữa ạ . Em cảm ơn anh Nam :)

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    À thêm vào DB thì nó lại là bên Backend rồi. Nếu chưa học được backend thì tạm thời dùng firebase API cũng được

  • @user-hj6ub1nr9p

    @user-hj6ub1nr9p

    2 жыл бұрын

    Anh có link hướng dẫn ko ạ .gửi em tham khảo vs ạ . Em cảm ơn anh

  • @TuanTran-uv8vp
    @TuanTran-uv8vp Жыл бұрын

    mình xin source được không b

  • @tranphai3865
    @tranphai38652 жыл бұрын

    Đây mới là chèn element, thế trường hợp kéo, thả + đổi vị trí phần tử thì làm thế nào a?

  • @nahtingham

    @nahtingham

    10 ай бұрын

    bro còn cần k kzread.info/dash/bejne/dIqKq6yrfbjIcbg.html

  • @laocong2537
    @laocong25372 жыл бұрын

    :V nghe thử tự code lại mà không xài drag cuối cùng chả đâu vào đâu ,code thì hơn 80 dòng , mới mô phỏng được lúc draging còn lúc drop thì chịu luôn vì nó lỗi tùm lum

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    Cố gắng xem video xong, tóm tắt kiến thức cốt lõi thui, từ đó sẽ tự code được nhé bạn. Code một lần chưa được thì xem hướng dẫn, code lại lần 2 lần 3 là ok

  • @Anonymous-zw2py
    @Anonymous-zw2py2 жыл бұрын

    Bạn cho mình hỏi, tại sao nếu để width và height của box to hơn 400px thì khi drag ảnh sẽ bị mờ thế ạ. Cảm ơn bạn rất nhiều

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    bạn cho ảnh background chế độ cover nhé

  • @Anonymous-zw2py

    @Anonymous-zw2py

    2 жыл бұрын

    @@Nodemy Ý mình là khi để kích thước của drag item quá to (trên 400px) thì khi đang drap item đó thì sẽ bị rất mờ nếu so với để kích cỡ dưới 400px. Bạn có biết tại sao không ạ?

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    @@Anonymous-zw2py khi drag là do Html quản lý rồi , để mình check thử

  • @Nodemy

    @Nodemy

    2 жыл бұрын

    @@Anonymous-zw2py bạn thử để background size cover , positon center và không repeat nhé. có khả năng ảnh bạn quá bé nên sẽ nhìn vỡ

  • @Anonymous-zw2py

    @Anonymous-zw2py

    2 жыл бұрын

    @@Nodemy Thay background-image bằng background color khi drag cũng bị mờ nên mình nghĩ không phải do image. Chắc cái này do html quản lý rồi

Келесі