Direções e Eixos Flexbox CSS - @CursoemVideo HTML5 + CSS3
HTML-код
- Опубликовано: 15 июл 2024
- Você sabe definir as direções e eixos do Flexbox? Sabe configurar a propriedade flex-direction de um Container Flexível? Sabe a diferença entre row, row-reverse, column e column-reverse? Sabe identificar o eixo principal e transversal? Veja nesse vídeo a resposta para essas e muitas outras perguntas.
Tópicos desse vídeo:
00:00 - Direções e Eixos Flexbox
00:27 - O que vimos até aqui
01:13 - Construtores de site
02:24 - Contêiner e itens
03:06 - Configurando o flex-direction
05:08 - Direção row-reverse
05:35 - Direção column
06:24 - Direção column-reverse
07:01 - Entendendo os eixos
07:37 - Eixo principal
08:09 - Eixo transversal
08:56 - Um resumo muito valioso
11:10 - A importância de conhecer tudo isso
12:01 - Faça outros cursos grátis
12:40 - Exemplo prático
17:26 - A importância dessa teoria
18:30 - O que vem na próxima aula?
O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e folhas de estilo em cascata (CSS), todas em suas versões mais recentes. Neste curso, o Professor Gustavo Guanabara criou um conjunto de vídeos, exercícios, desafios e um material de apoio em forma de e-book com 30 capítulos ao todo.
Acesse o material de apoio em PDF:
== GitHub: github.com/gustavoguanabara/h...
Receba notificações de novos vídeos:
== Canal no Telegram: t.me/cursoemvideo
Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3:
== Módulo 01: • Curso completo e atual...
Acompanhe todos os vídeos do Módulo 2 do Curso de HTML5 e CSS3:
== Módulo 02: • Curso HTML5 e CSS3 - M...
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 03: • Curso HTML5 e CSS3 - M...
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 04: • Curso HTML5 e CSS3 - M...
Consiga certificados fazendo o curso diretamente pelo site oficial do projeto:
== Site: www.cursoemvideo.com
Torne-se apoiador do projeto:
== Acesse: www.cursoemvideo.com/apoie
Siga-nos nas redes sociais:
== Gustavo Guanabara no Instagram: / gustavoguanabara
== Curso em Vídeo no Instagram: / cursoemvideo
== Hostnet no Instagram: / hostnetbr
== Estudonauta no Instagram: / estudonauta
Conheça os patrocinadores desse curso:
== HOSTNET: www.hostnet.com/cursoemvideo
== RECODE: www.recode.org.br/novidades
== ESTUDONAUTA: www.estudonauta.com/cursoemvideo
#cursohtml5css3 #modulo05 #C27A02
Estude pelo nosso site e tire certificado de 40 horas. Curso completo em:
www.cursoemvideo.com/curso/curso-html5-e-css3-modulo-5-de-5-40-horas/
Acho muito interessante saber sobre os eixos, pois quando estudei sobre flex-box por meio de outros canais, eles nem citaram a existência deles, dificultando o entendimento sobre a tecnologia. Por isso eu amo o ensino do CursoEmVideo, ele explica as tecnologias de forma simples, visual e não pula passos, desse jeito conseguimos construir uma base forte. Não adiante construir uma casa, sem uma base forte, porque elas pode desmoronar facilmente. Obrigado Gustavo Guanabara, você é um professor incrível!
Concordo, finalmente entendi pq end e start.
Concordo totalmente.
Tava terminando o módulo 4 e já vem essa notificação.
AGR to motivado
Só Deus sabe o quanto esperei por esse momento 😭🙏
ainda to no primeiro modulo. mas calma rsrs so vim aqui falar que ansioso pra chegar ate aqui mas também dar parabéns ao gustavo pela iniciativa linda que é esse curso! obrigado cara você tem me ajudado demais!
Estou indo para o módulo 4, já já chego por aqui! Estou muito motivado em continuar aprendendo e desenvolvendo cada vez mais. 10/06/2024
Estou ansioso pra chegar logo nesse capitólio!
Cuidado😂
Otima aula 🔥
Ótima informação...💪
VALEU PELA AULA PROFESSOR GUANABARA!
Guanabara você é o deus do código. Obrigado
🎉
E quando você vai tocar o violão do cenário ?.
Vamos deixar o like pessoal. Mais de 3 milhões de visualizações e só 300 likes.
AEEEwwW obrigada
vai ter curso C#?
O Guanabara sempre cita os PDFs, mas o link lá segue sem atualizar o material...
Guanabara, vc pensa em fazer um curso de algum framework/biblioteca como React.js ou Next.js?
Seria ótimo
@@jefferson01arantes27 cara, eu pesquisei muito sobre um curso de React, tem o do Matheus Batista mas eu NN gosto da didática dele. Então encontrei o canal do Professor Edson Maia, ele ensina muito bem pesquisa lá talvez vc goste
Material de apoio parou no capítulo 20. (link da descrição). Gente vamos curtir e pedir pro Guanabara atualizar?
Ótimo vídeo, infelizmente estou tendo um problema mais a frente, toda vez que instalo o node JS acontece algo, mó caso de agora depois que instalei ele, meu navegador e tela inicial do computador e barra de pesquisa do navegador ficou zoado, basicamente não consigo acessar opção nenhuma, incluindo usando o botão direito do mouse, alguém sabe como resolver? Não é problema no mouse ou algo assim por que se eu abrir um site por exemplo o canvas e usar as opções do botão direito, funciona. Já a barra de pesquisa, por exemplo se eu usar a barra de pesquisa do site Google quando eu começo a digitar, vai para a barra de pesquisa do navegador, aquela que a gente digital a url e tal, francamente to sem saber como resolver isso
Eita mano, que situação bizarra. Sinceramente, não sei muito o que fazer nesse caso por falta de informações, porém tente dar uma pesquisadar em opções de restauração e volte para a versão do seu computador onde você ainda não tivesse baixado o node.js. Outra coisa que você pode tentar é reintalar o navegador e o node.
@@DiogoAntonny então mano, fiz isso é continua assim, rapaz vou ser sincero não faço a menor ideia do que aconteceu
Nem acredito q cheguei até aqui usando apenas um celular.
Teremos aulas de Grid Layout?
sim, mas vai demorar bastante pra sair
Professor, eu encontrei o seu canal, e tenho algumas duvidas, queria comecar a trabalhar online na area de programacao. Tava pensando em fazer esse curso aqui. Mas eu vi outros falando que tem outros jeitos de fazer site muito rapido e que o html 5 nao vale a pena mais e tals, to bem confuso por onde comecar é tanta coisa.
Não vai nesse papo. Eu paguei curso caro, e tô fazendo aqui com o Guanabara. Vai uma dica, faz html e css com Java script junto
qual a frequência de postagem do curso? 1 por semana?
Tbm quero saber Guanabara
Nessa faixa
2 por semana eu acho
Não creioooo!!
Eu gosto muito da didática do Guanabara, aprendi muitas coisas com ele, porem, ele dá uma enrolada em algo que não tão necessário assim, flex é simples de aprender e de ensinar
Mas acho que esse é o diferencial dele mano, tem um monte de video ensinando flex-box, mas a maioria não ensinam os conceitos principais para o funcionamento daquela tecnologia. Acredito que principalmente para iniciantes, saber da funcionalidade e da base das tecnologias nos ajudam a realmente entender o que estamos fazendo. O fato de ele "Enrolar" para ensinar, faz com que ninguém fique para trás ao entender o conteúdo que esta sendo passado. Enfim, isso é o que eu acho.
@@DiogoAntonnyconcordo muito com isso
🎉