28: Open and close navigation in JavaScript - Learn JavaScript front-end programming
HTML-код
- Опубликовано: 13 июл 2024
- Animated side navigation in js - Learn JavaScript front-end programming. In this video we will do our first JavaScript exercise, and learn how to create a open and close side navigation.
Download lesson files: www.dropbox.com/s/vkvlgphghrh...
--
mmtuts is a RUclips channel that focuses on teaching beginner and advanced courses in various multimedia related skills.
We plan to make tutorials available on programming, video production, animation, graphic design, and on software such as the Adobe Creative Cloud programs.
JavaScript for beginners is a how to series that teaches the JavaScript coding language to people who are just starting out learning programming. The course teaches how JavaScript scripting can be made easy and teaches how to build many features on websites through behavior using JavaScript. Creating behavior on websites with JavaScript is easy and should not be seen as otherwise, which is why we want to explain the language in a easy to understand way for beginners.
If you have suggestions on new courses, or specific lessons within existing courses you would like to see, then feel welcome to submit them in the comment section or in a private message. ALL suggestions will be seen, but not all will be replied to since we get quite a few every day.
Thanks so much for the video! I love the step by step style. It makes it really easy to understand what's going on.
Loved this video. You were very prepared with the content, the audio was excellent, and everything was easy to see.
You're awesome mmtuts, keep up the good work. Learning alot from you!
for your video i disable the adblock so that u could get some reward for ur hard work.
really appreciate what u r doing.
I love how he explains everything he writes
Thank you for your help.
Nice. I was able to do it.
Thanks Buddy
I have question
i have build an navigation bar in asp master page & want to change the .active class with js/jquery
i understand all of this NOW ...that makes me happy. could i write it on my own.....no....lol but at least i finally grasp what is going on right?
Thank you for these videos! You've helped me so much in elevating my skill level.
Question for you. How do I get my body content to move as I close my nav bar?
You could wrap your content inside a tag, and then just change the CSS using position: relative; :)
Hey! can i overlap div1 over div2 and wheter i can make div1 transparent as to access div2…?
How do u change the slide when ur menu hamburger is responsive and changes to the top ... do you add media queries and have it drop down once in tablet/mobile mode?
Hi. I just watched your video. Web development is new to me and I would like to know how were you able to set the margins automatically on load (on the early part of this video) so that the menu and body display correct. I did the similar thing but the problem was upon load, the menu get displayed but covering the body, I had to click the toggle button to toggle the menu and adjust the margin. I hope you could show me how. Thank you.
I am having trouble making a function that closes the side panel when clicked outside the nav. =/ any tips much appreciated.
What if you also want to click the body to close the navigation? How would you go upon doing that?
Cool,but what about the content slide,when the menu comes in?
Maybe need to make hamburger icon,when the menu slide out also.
I got a problem, it said that the "background-image: url()" command is not configured for CSS. What does that mean?
Hey, Can you do a lightbox tutorial please..
How would you write that for the links inside the navbar?
More!!!
hi can you do a side nav using jquery? Thanks
I have found a problem while we use onclick function. In my code if i add any other button in sidebar, on clicking the new button also triggers toggleMenu function. Please help.
Good tutorial mate, sublime text theme ? thanks! :D
Can you please explain - what is node.js? Why is it used? It will be great if upload a video which will explain about Node.js
No node.js is a serverside language that is based on JavaScript. So if you to have a database connected to your website and interact with it, then you can use node.js.
Hello, When I added the close.png I can not see it on my top left corner. mouse pointer works but does not show the close.png i even changed the background color of the toggleMenu div to check and it works. Just the X image won't show
Figured it out :)
Can you please tell me what did you do?
Hey I was wondering.. wouldn't it be faster to use .toggle? Just wondering if anyone knows but also good alternative way if yes. Just getting into JS now.
How's the going so far?
@@monicah2554 Going really well. I think its all a matter of being persistent and consistent and eventually it all comes together. Also matters if you see a future and have a vision for your studies as well.
Please Tell me Why it doesnt work to open the nav again, it works to Close But it doesnt work OPEN it again and i checked all my Coding a lot Please Tell me Why it doesnt work.. do i need to add something Like a JavaScript or jquery link ref? Please Tell me
where is the zipfile
My apologies, i forgot to include a link for them. It is available now.
Otherwise thank u so much for the js tuts I started learning it last month but ur videos have helped me alot and actually i can say am now getting confident with my javascrip skills. Thanks so much man
After watching +100 of your videos I have to point out that you're using some phrases like "so now that we have this" and "because why not" waaay too often. I don't mean to be rude, but my observation is that it's hard for me to focus after a while when you're repeating yourself like that multiple times in one video. Other than that, watching your content is a very pleasant experience. ; )
Stop complaining and let the master do his thing however he wants