Primeiros passos com Flexbox CSS - @CursoemVideo HTML5 + CSS3
HTML-код
- Опубликовано: 15 июл 2024
- Como usar Flexbox com HTML e CSS? O que é um contêiner? O que são itens do Flexbox? Como criar um exemplo simples de site usando Flexbox? Veja nesse vídeo a resposta para essas e muitas outras perguntas.
Tópicos desse vídeo:
00:00 - Duas perguntas malucas
00:55 - Você conhece o curso completo?
01:55 - Educação muda vidas
03:06 - CSS Flexible Box Module Level 1
04:20 - CSS Grid Layout Module Level 1/2
05:02 - Outros Layouts mais antigos
06:30 - Qual é o formato da água?
08:25 - Entendendo Flexbox
09:44 - Limitações do display:block
10:32 - Comportamento do display:flex
11:50 - Comportamento de caixas flexíveis
12:27 - Caixas adaptáveis
12:49 - Eixo principal na direção vertical
13:29 - Quem é o pai?
14:23 - Faça os módulos pelo site
14:58 - Colocando a mão na massa
17:09 - Primeiro exemplo prático Flexbox
20:09 - O que veremos a seguir?
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 #C27A01
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/
Senhores e senhoras, bem-vindos ao módulo mais esperado da história desse canal!
Negativo, é o Mundo 4 de python
Lança a continuação do curso de PHP também S2
Puxa vida! Melhor professor de todos os tempos!
Infelizmente ele demorou tanto a liberar essa aula do curso Html, que acabei cancelando minha matricula lá no Estudonauta. Pedi, perguntei várias vezes quando iriam liberar e ninguém respondia.
Fui fazendo outros cursos até a tão sonhada aula sair, porém sempre sentia um vazio de que eu estava fora do eixo.
Decidi então cancelar e pagar um outro curso pois não tinha condições de pagar dois ao mesmo tempo. Sim, não é como o Guanabara, mas me fez voltar ao propósito .
Hoje, assistindo a essa aula fico mais ainda surpresa em saber que ela foi gravada em 2020!
UAU!!!!!!!!!!!!!!!!
2020?
Por que segurou tanto essa aula?
Enfim, acho o Guanabara um profissional e um ser humano incrível. Porém percebo que sua assessoria não está tão boa assim.
Era meu plano fazer todos os cursos da plataforma, mas por causa de um único modulo, fui levada ao concorrente.
Será que eu fui a única?
não
Dica 1: Para criar a tag com a classe conteiner
"div.conteiner + Enter ou tecla Tab"
Se for tag div com id conteiner basta substituir o ponto por "#"
Dica 2 : Como duplicar linhas de código rapidamente
(com o cursor no final da linha de código a ser copiada, clicar...)
"shift + alt + Down (seta para baixo)"
obs: podemos também selecionar várias linhas e fazer o mesmo comando.
Aprendi flexbox e grid "daquele jeito" ! Mas agora vai! Obrigada Guanabara, até não acreditei quando vi...
terminei o modulo 4 tem um tempinho e comecei a buscar conteúdo no youtube sobre flex-box, já aprendi bastante coisa e acredito ter uma boa base, essas aulas vão me dar uma estrutura ainda melhor sobre esse assunto, muito obrigado Guanabara
Um dos melhores professores de tecnologias no mundo. Prof. Guanabara. Coisas difíceis com a sua explicação tornam-se simples e fáceis de se entender, vi isso quando estava tendo algoritmos em minha escola estava tudo muito complicado, mas quando fiz seu curso aprendi certinho que até o professor ficou espantado como do nada havia dominado algo que praticamente ninguém na sala ainda sabia.😊
finalmente, quem chegou até aqui passou por muita coisa, parabens!
Aeee, vou começar do módulo 1 de novo pra finalmente conseguir concluir este curso.
É absurdo como ele explica bem!! Comprei um curso ai (na propaganda falou que era vitalício, pensei eu que sempre estaria sendo atualizado) e o cara explica mal, aulas antigas de 2017 num curso PAGO!! Tive que voltar ao youtube do curso em vídeo para entender melhor. Pesquisem muito antes de comparem cursos!!
tô no módulo 4, percebi a ausência do módulo 5, e agora ele está aqui 🙌
Pensa que esse curso começo em uma época tão difícil para todos da uma felicidade em saber que sobrevivemos por mais difícil que possa ter sido para você, você sobreviveu siga em frente sua vaga vem 🎉🎉🎉
Meu Deus do céu! Eu interrompi na hora o meu trabalho. COOOOOISA BOA!
Caraca anos esperando, voltei a estudar essa semana e sou surpreendido com isso pra alegrar meus estudos
Monstro sempre
Em exatamente 13.out.2020, na aula 03 do capítulo 01, nos minutos 9:38, nosso professor apresentava, no seu Kindle um livro de flebox e anunciava que seria um dos assuntos que vamos ver😅😅 , tive que pacientemente aguardar isso, quanta coisa aconteceu de lá para cá com cada um de nós, "quem diria"?!
Quanto tempo estava esperando esse módulo ❤❤❤❤❤
👏🏻 👏🏻 👏🏻 👏🏻 👏🏻 Muito obrigado
Não me aguent de tanta emoção 🥰 aula simples e super top
Você é o melhor!
nossa anos esperando por essa continuação maravilhosa
Primeiro comentário kk. Excelente curso e excelente professor. Deus abençoe. Que venham muito mais cursos
AEEEE O MODULO 5 SAIU ❤❤❤❤
Muito bom esse curso 🎉🎉🎉 acabei ontem o módulo 4 e já tá disponível o módulo 5 agora
o melhor professor que existe ❤️😖😖
CHORANDOOOO 😭😭😭😭 FINALMENTE!!!!🎉
Melhor curso
E SAIU A NOTOCIAAAA ❤❤
Show !! 🎉🎉🎉🎉 Meu portfólio finalmente será feito!😅
Solta mais aula aí desse módulo, as aulas de 2020 na geladeira em pleno 2024. Daqui a pouco o conteúdo fica datado
Razão
Tu ta pagando quanto pra ele?
Os cara é muito cara de pau mesmo de mandar uma dessas num curso GRATUITO kkkk vsf
Tem vários cursos pagos que estão completos e atualizado, só pagar mano, aí vc vai ter tudo
amemmmm❤❤❤❤❤
Sonho ❤
Graças a Deus🎉🎉🎉🎉🎉❤❤
Que curso senhores!
aeeeee ja tava indo para back end agora bora de flexbox
Aeee, que massa.
pensei q nao ia viver esse dia
FINALMENTEEE!!!
Guanabra sou seu fã! Um dia nois tira um foto :D
Demorou mas saiu!!!
NÃO POSSO ACREDITAR!!! Isso é real? Ñ acredito desde 2020 a espera já são 4 anos❤
Aleluia Jesus! Obrigada prof. Gustavoo. Lança o MUNDO 4, POR FAVOR! :D
estou na ultima aula do módulo 4 e ja feliz pelo modulo 5
Dicas de atalhos (VS code):
- Para duplicar uma linha dentro do código (ou uma parte grande selecionada), usem shift+alt+seta
- Para mover uma linha dentro do código, usem alt+seta
- Para apagar uma linha de código, usem ctrl+shift+k.
Aleluia Agora já vou continuar a estudar, já estou fazendo ate javascript
Top
Agora vai
Ainda estou no módulo 3, então não vou poder acompanhar essa master piece, mas vou deixar meu like para te apoiar, e eu queria pedir um curso de Inteligência Artificial com python, seria o ideal para os dev's de IA.
Que loucura, terminei o módulo 4 ontem Kkkkkkkkkkkkkkkkkkk
Lança um curso sobre Assembly
11" comentário, GUANABARA é outro level
Quando lança na plataforma?
Primeiro
Vou assistir almoçando ❤
É real.
Vai ser vídeo diário? Estou finalizando o Modulo 4 e vai ser bem a tempo
E quando sai a continuação do curso de C na plataforma do estudonauta?
20:49 qual material?? a partir do capítulo 21 todos os PDF sumiram do repositório do GitHub 😢😢
Quando o modulo 5 sai no site?
Informações super valiosas aqui, mas uma dúvida. Os vídeos desse módulo foram gravados em 2020 e estão saindo só agora em 2024?
Por qual motivo?
Excel, tem no curso em vídeo?
;)
SENHORAS E SENHORES EU ESTOU CHORANDO EU TE AMO GUANABARA EU TE AMO
Ele gravou o video em 2020?
Material de apoio parou no capítulo 20. (link da descrição). Gente vamos curtir e pedir pro Guanabara atualizar?
Esses vídeos são de 2020?
Módulo final de php e mysql😢
Tem apostila do módulo 5 ?? Não tem no repositório do GitHub ….😢
Eu queria saber por que no github parou no capitulo 20 este curso?
Opa Guanabara, estou estudando através de seu curso de HTML, e estou com um pequeno questionamento, qual seria o motivo para salvar os arquivos em minúsculo? Conseguiria me esclarecer essa dúvida? Desde já, agradeço. ;D
10:47 2020¿?
Faz vídeo sobre o vazamento do algoritmo do Google!
Eu achei que o módulo 5 de Html nunca iria existir
No site estudonalta já existia e esta completo.
Vi esse 👇 vídeo antes de ver esse 👆 acredito que é um resumão direto ao ponto, eu prefiro desse jeito, mas sucesso professor e parabéns pela iniciativa.
m.ruclips.net/video/yjqVSQ5_77o/видео.html&pp=ygUqQ3JpYW5kbyB1bWEgZ2FsZXJpYSBkZSBmb3RvcyBjb20gaHRtIGUgY3Nz