Build a Hamburger Menu with HTML, CSS, and JavaScript | Treehouse Tips
Вставка
- Опубліковано 7 вер 2024
- Follow along with Dustin on this super quick guide to building an interactive hamburger menu using HTML, CSS and just a little bit of JavaScript.
Link to the GitHub repo: github.com/tre...
Join our Discord: trhouse.co/Joi...
We offer free trials - learn more front end development with us! trhouse.co/THt...
#html #css #javascript #teamtreehouse #code #coding
---
Learn how to build websites and apps, write code, or start a business at Treehouse. Learn from over 1,000 videos created by our expert teachers on web design, coding, business, and much more. Treehouse teaches the in-demand technology skills you need to land your dream job.
Your video helped me with my school project. Simple, no garbage, straight to the point. Thank you so much!
Love to hear that, thank YOU!
For future reference for anyone else who uses this video and they dont know why it doesn't work u need to link your JS file to your html file. Just add this line of code at tye end of body tag but still inside body is how i do it:
my JS file name is (app.js) so just replace that part of the code with ur file name
😘😘thanksss
This video sounds like a speedy cooking tutorial, lol, I can't follow but love the clarity, to the point. You have amazing skills of presenting and coding. I'm impressed and will sub.
Nice quick much needed refresher. Thanks
🙌 glad it was helpful!
quickly and effectively, just what I needed. Thanks a lot👍👍👍✌❤
You are really great making things done simply and precise
Damn bro built it in 4 min.... well thanks for this short yet helpful video
This was AMAZING! You have great skills - coding AND video creation-wise!! 😍😄 Thanks!
This is too underrated.
Much love bro❤
Thanks very much at least am done with this part of the project
Nice and quick video man, love it
thanks brother direct to the points
right on, man
Cool menu, mate!
How do you add the arrow symbol in the JavaScript ?
It's just the font that I am using. It's called 'ligatures' :)
Use this =>
nice one
Some reason it says hmaMenu is null
We'll need to see your code to help debug, come join our Discord :) trhouse.co/JoinDiscord - We'll help you out!
can I get your tool supporting your code
ex: you code "ham-menu" and the app automatically show "
but I write "ham-menu" --> show "ham-menu"
you need to write div.class to get that
js problems
TYSM
Bro why you sound like your making cooking recipe video Your Cool bro I like it
🤣 Thanks bro!
@@gotreehouse btw how do u make that arrow from 3:12
@@Loading___50 Some fonts do that
Opacity 0 is not working for the middle one 😢
Oh no, let's take a look at your code! Hop on into our Discord server! trhouse.co/JoinDiscordYT
@@gotreehouse done thank you
Bto
Bro where I put the Javascript? In the html? Where part?
You'll want to create a separate file for the javascript! You can name it anything you'd like. Just make sure it has the .js extension and you include in the HTML file. If you need any help, come hang out with us in Discord and we can get you going! trhouse.co/JoinDiscord
I don't understand a word for it. Can you slow down a little bit? I have never used JavaScript before. This is for those who already know everything.
Sorry, this isn't meant to be a video on learning HTML, CSS or JavaScript but instead a quick guide on building a hamburger menu. You should have a decent understanding of those topics before consuming this kind of content. Check out our full JavaScript Basics course here: teamtreehouse.com/library/javascript-basics
The code doesn't work rly much
Hey there! If you're still looking for help, please join us on our community Discord server so we can more easily troubleshoot your code :) trhouse.co/JoinDiscord