Drag And Drop In Javascript Is Easy | Javascript Tutorial

preview_player
Показать описание
Hello everyone, I'm creating a lot of new projects every day and sharing them 😍, including things you'll love to know about Javascript and web Developer, Designer. Subscribe to the channel so you don't miss it ✅.

In this video, Lun Dev will create Drag And Drop In Javascript Is Easy the example of creating the Stricky Notes application with Javascript Tutorial. Through this video, you will easily understand how to create drag & drop functionality in web programming. a simple way

Steps - By Steps:
00:00 introduce Project
00:43 Write Html Code
01:35 Design with CSS
04:03 Create and Remove Notes in Javascript
06:06 Drag and Drop inJavascript

#javascript #js #code #html #css #developer

Contact With me:

Buy me a cup of coffee by clicking the thanks button on any video. Thank you very much for your support 😍.

Here, I share all my knowledge about Developer and Web Design including languages ​​such as HTML, CSS, SASS, Javascript, Vue, React, Bootstrap, Tailwind along with clean code techniques and UI UX Design.
Рекомендации по теме
Комментарии
Автор

It's crazy that you made this. Because I literally spent the last week building a similar sticky note system for my browsers landing page. It might be worth updating this with how you would save and load notes to and from the DOM. Because that's the next hurdle people will face with this project. I like your inclusion of the color wheel. I didn't think of that, lol. I'll have to yoink it. Your channel is fantastic. So many cool ideas, man. You really are goated.

FlockofSmeagles
Автор

It would be cool to raise up z-index level for the last clicked card to keep it above other cards. What do you think?

gladisihor
Автор

This project is fantastic.
I recently learned about DOM, and this project was a great way for me to get a lot of knowledge.

saifulislamshanto
Автор

Вау 👍👍👍👍👍👍👍👍👍 Супер, Большое спасибо Вам🙏

ЮлияРоманенко-кц
Автор

This is incredible. What are some resources to gain an intuition of the "why, " behind the developmental decisions being made?

Charlesfrostman
Автор

That is a very good and clear lesson 🤝

Letsgoplaces
Автор

And how to make it in the textarea that any content written would be wrapped on the next line automatically within the borders of the note?

daily_english_practice
Автор

Is there a way to make this responsive while maintaining the sizes similar to scaling. Also how can we implement snap to grid with this

neelnarwadkar
Автор

Keep it up man, your videos are really helpful ❤❤

wassim
Автор

I like the tutorial on drag & drop notes ! But as soon as I close the windows I lose my notes - please help me to know how to let them stay there !!!
Thank you so much for the help....

vickaukraine
Автор

Try to do all video with voice over✨like this video

vijaymusicoff
Автор

it dont work if i scroll the page by mouse, it glitches. it should follow the scroll also

anantchandak
Автор

i want to add a button in the text note which will be used to submit the note written. can you please tell me how can i make that and how will i connect it to my backend where i can see those submitted notes. can u please help ?

sarim
welcome to shbcf.ru