Build a Hamburger Menu with HTML, CSS, and JavaScript | Treehouse Tips

Подписаться 367 тыс.

Просмотров 17 тыс.

50% 1

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/treehouse/ham-menu
Join our Discord: trhouse.co/JoinDiscordYT
We offer free trials - learn more front end development with us! trhouse.co/THtips-Hamburger-F...
#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.

Опубликовано:

5 окт 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 29

@lukasreznicek4670 Месяц назад

Your video helped me with my school project. Simple, no garbage, straight to the point. Thank you so much!

@gotreehouse Месяц назад

Love to hear that, thank YOU!

@echetammesoma8913 4 месяца назад

This is too underrated. Much love bro❤

@ZickPranks 7 месяцев назад

Nice quick much needed refresher. Thanks

@gotreehouse 7 месяцев назад

🙌 glad it was helpful!

@helenaose Месяц назад

This was AMAZING! You have great skills - coding AND video creation-wise!! 😍😄 Thanks!

@user-oi5df4sz3y 21 день назад

thanks brother direct to the points

@astroapk2456 7 месяцев назад

TYSM

@bryanelmedawar8726 3 месяца назад

How do you add the arrow symbol in the JavaScript ?

@gotreehouse 3 месяца назад

It's just the font that I am using. It's called 'ligatures' :)

@syko095 Месяц назад

Use this =>

@cucnguyen7278 22 дня назад

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"

@programwithalex 17 дней назад

you need to write div.class to get that

@I_Love_Lord 25 дней назад

nice one

@chadjacobs6246 Месяц назад

Some reason it says hmaMenu is null

@gotreehouse Месяц назад

We'll need to see your code to help debug, come join our Discord :) trhouse.co/JoinDiscord - We'll help you out!

@ahmadfaisal.9 7 месяцев назад

Opacity 0 is not working for the middle one 😢

@gotreehouse 7 месяцев назад

Oh no, let's take a look at your code! Hop on into our Discord server! trhouse.co/JoinDiscordYT

@ahmadfaisal.9 7 месяцев назад

@@gotreehouse done thank you

@Loading___50 24 дня назад

Bro why you sound like your making cooking recipe video Your Cool bro I like it

@gotreehouse 24 дня назад

🤣 Thanks bro!

@Loading___50 21 день назад

@@gotreehouse btw how do u make that arrow from 3:12

@JuliusPablo-tt7wq 5 месяцев назад

Bto

@JuliusPablo-tt7wq 5 месяцев назад

Bro where I put the Javascript? In the html? Where part?

@gotreehouse 5 месяцев назад

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

@Enr1c0_online 6 месяцев назад

The code doesn't work rly much

@gotreehouse 6 месяцев назад

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

@panka33 3 месяца назад

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.

@gotreehouse 3 месяца назад

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