♫musicjinni

TUTORIAL: Como construir um menu horizontal com CSS e para que serve o FLEXBOX

video thumbnail
#css #webdesign #flexbox

Nesse vídeo vamos construir primeiro um menu horizontal a partir de uma simples lista no HTML (tag ul).

Primeiramente vamos desenvolver esse menu sem a utilização do flexbox, mas depois vamos falar da vantagem de se utilizar o display: flex na criação desse menu, ou seja, qual foi o problema que o flexbox veio para resolver.

Dessa forma vamos utilizar o display flex com conhecimento de causa e não simplesmente porquê vimos num tutorial qualquer.

CAPÍTULOS
00:00 Introdução
00:41 Apresentação do HTML
01:19 Formatação básica do menu com CSS
04:05 Transformar em menu horizontal SEM flexbox
07:01 Por que usar FLEXBOX ?
11:51 Conclusão


🌟 Links comentados no vídeo e outros interessantes 🌟

🎯 Vem aprender HTML, CSS e Javascript comigo. SEM MENSALIDADE. Tem 30 dias para pedir o dinheiro de volta caso não fiquei totalmente satisfeito
https://serfrontend.com/cursos/web-fundamentos-html-css/index.html

✅ 02 - Análise de Portfolio de Iniciante em FRONT END
https://youtu.be/2cOK2F0voBk

✅ 01 - Analisando Portfolio de Iniciante em FRONT END
https://youtu.be/qfepHZyYhTc

✅ Evite esses Erros na sua Entrevista Técnica
https://youtu.be/3CUTiC0_AeQ

✅ EXCELENTE Técnica para Aprender Lógica de Programação MAIS FÁCIL e Programar Sozinho(a) #01
https://youtu.be/uErxkLD9D-k

✅ A Melhor Forma para Aprender a PROGRAMAR sozinho(a). (para iniciantes em lógica de programação) #02
https://youtu.be/9IgXYm_b_3k

✅ Dificuldades com JavaScript? Aprenda a fazer Testes de Mesa
https://youtu.be/h5zWEe_12sw

✅ O que estudar para conseguir o primeiro emprego como dev front-end
https://youtu.be/K3Cm6T6a3pA

✅ Minha experiência como programador front-end
https://youtu.be/odIsh2k4iEY

✅ [OPINIÃO] O Programador dependente
https://youtu.be/qmjr4yfaX4E

Não gosto de trabalhar com JUNIOR #webdev #programação #webdesign #frontend

ESTUDAR programação é diferente de APRENDER programação! #shorts #programação #webdev #aprender

Portfólio sem projetos pra mostrar? #frontend #webdev #programação #serliv #portfolio

Como PENSA um bom PROGRAMADOR? #shorts #dicas #programação #serfrontend

O que estudar para conseguir o primeiro emprego como dev front-end

HTML, CSS é fácil, PODE CONFIAR! #shorts #programação #webdev #carreira

Se quer aprender algo novo é melhor agir dessa forma... #frontend #webdev #programação

Foi o JAVASCRIPT que me deu #merito #shorts

Antes de aprender JAVASCRIPT, você precisa aprender ISSO AQUI

O JAVASCRIPT tem que acabar? #shorts #programação #webdev #serfrontend

5 DICAS para INICIANTES! #shorts #dicas #iniciante #programador

O conhecimento, a experiência e o aprendizado!

ATENÇÃO! 😮 PREPARADO? PREPARADA? #programação #frontend #webdev #portfolio #webdesign

Se você é dev precisa focar NISSO! #shorts #serliv #dica #programação #dev #frontend #webdev

USAR ou NÃO usar a pseudo-classe :link ? #shorts #dica #link #serliv #web #dev

React ou angular? Qual é melhor? #opinião #javascript #frontend

Como criar Tema Light/Dark só com HTML e CSS? (sem JAVASCRIPT) #shorts

Olha esse comentário no Canal 😲 #shorts #programação #serfrontend

Não publique seu site antes de fazer essas coisas...

10 Dicas para EVOLUIR na carreira de programação web FRONT END

FAÇA ISSO quando tiver DIFICULDADES ao desenvolver um projeto sozinho

Estudar programação de forma acadêmica ou aprender na prática? Como você prefere?

FAÇA ISSO antes de perguntar para os outros #shorts #dica #programação #serliv #webdev

Você sabe guardar SEGREDO? #shorts #serfrontend #programação #novidade

Vi na internet. Resultado de pesquisa sobre aprender programação rápido, fácil e sem esforço #shorts

JAVASCRIPT: 10 dicas para ajudar a conseguir o primeiro emprego FRONT END

🚨 CSS: Um ERRO Simples mas que Muitos INICIANTES Cometem. #frontend #webdev #webdesign #DicaDeCSS

Porque fazer um portfólio funcionar mesmo sem javascript?

MELHOR stack/linguagem de programação DO MERCADO! #short #serliv #dica #melhor #programação #dica

VOCÊS são bons em JOGOS DE IMITAÇÃO? 😂 #serliv #programador #humorado #javascript #programação

Disclaimer DMCA