Top Likes Geral
136
16-06-2025 11:06:02
Desafio aceito e resolvido! Neste vídeo "Mão na Massa", Gustavo Guanabara resolve o desafio de criar uma interface de site completa utilizando CSS Grid. Acompanhe o processo desde o planejamento no papel, mapeando cada área (header, nav, main, aside, footer), até a codificação com HTML semântico e CSS. Aprenda a usar a propriedade grid-area para posicionar cada elemento e, como um bônus, descubra como usar a unidade fr para criar um layout flexível que ocupa 100% da tela e se adapta ao tamanho do navegador.
Assuntos Abordados (Capítulos):
00:00 - Início da resolução do primeiro desafio de Grid Layout.
02:28 - Análise e otimização da grade proposta no desafio.
03:50 - Planejamento Visual: Mapeando as coordenadas de cada área no grid.
05:25 - Planejamento Alternativo: Usando valores negativos e span.
07:29 - Mão na Massa: Configurando a estrutura de pastas e arquivos.
10:24 - Estrutura HTML: Utilizando tags semânticas (header, nav, main, etc.).
11:44 - Estilização Inicial: Configurações gerais da classe .caixa e do .container.
12:25 - Posicionamento dos Itens: Utilizando a propriedade grid-area.
14:40 - O Upgrade: Tornando o layout flexível e de tela cheia.
15:32 - Usando a unidade fr para criar linhas e colunas flexíveis.
16:21 - Resultado Final: Um layout que se adapta ao tamanho da tela.
17:43 - Teaser: Próximo desafio e um jogo para aprender Grid Layout.
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: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf
Receba notificações de novos vídeos:
== Canal no Telegram: https://t.me/cursoemvideo
Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3:
== Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n
Acompanhe todos os vídeos do Módulo 2 do Curso de HTML5 e CSS3:
== Módulo 02: https://youtube.com/playlist?list=PLHz_AreHm4dlUpEXkY1AyVLQGcpSgVF8s
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 03: https://www.youtube.com/playlist?list=PLHz_AreHm4dmcAviDwiGgHbeEJToxbOpZ
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 04: https://www.youtube.com/playlist?list=PLHz_AreHm4dkcVCk2Bn_fdVQ81Fkrh6WT
Consiga certificados fazendo o curso diretamente pelo site oficial do projeto:
== Site: https://www.cursoemvideo.com
Torne-se apoiador do projeto:
== Acesse: https://www.cursoemvideo.com/apoie
Siga-nos nas redes sociais:
== Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara
== Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo
== Hostnet no Instagram: https://www.instagram.com/hostnetbr
== Estudonauta no Instagram: https://www.instagram.com/estudonauta
Conheça os patrocinadores desse curso:
== HOSTNET: https://www.hostnet.com/cursoemvideo
== RECODE: https://www.recode.org.br/novidades
== ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo
#cursohtml5css3 #modulo05 #C28A13
Curso em Vídeo | Inscritos:
2.700.000 | Vídeos: 1.173
137
11-06-2025 11:06:45
#cursoinglês #modulo04 #aula 06
Neste vídeo, você vai praticar como completar frases em inglês com diferentes expressões e estruturas do dia a dia. Você sabe dizer “Eu tenho que estudar inglês.” usando a estrutura correta em inglês? Sabe qual expressão você pode usar para fazer uma sugestão, como “Vamos dar uma caminhada no parque? Veja esse vídeo até o fim para aprender isso e muito mais sobre sugestões. Esse vídeo faz parte do seu curso de Inglês 100% grátis, criado pela Teacher Joana Costa com ajuda do professor Gustavo Guanabara, do canal @CursoemVideo
Siga seus professores e tenha acesso a muito mais conteúdo extra: https://www.cursoemvideo.com/links-ingles/
Encontre todas as aulas do primeiro módulo na playlist completa: https://www.youtube.com/playlist?list=PLHz_AreHm4dl8FBQLBC0bWSdL2FGmZnne
Encontre todas as aulas do segundo módulo nesta playlist:
https://www.youtube.com/playlist?list=PLHz_AreHm4dlKB-34f5v4SYA9xiqoRfqs
Encontre todas as aulas do terceiro módulo nesta playlist:
https://www.youtube.com/playlist?list=PLHz_AreHm4dm26nThxChxAMEezu449Y42
O que vamos aprender nesse vídeo?
00:00 - Learning Target
00:51 - Welcome time
01:37 - Realize seu sonho de ter o seu negócio na Internet!
02:14 - 1. ___ go for a walk in the park.
02:56 - 2. ___ asking the question to the teacher?
04:29 - 3. ___ I have to study English.
05:12 - 4. _______. You are very good at maths.
06:19 - 5. ____ . I can't go out at night.
06:54 - 6. ____ I don't have anything to do.
09:11 - It's time to say goodbye!
Gostou da aula? Então torne-se um Gafanhoto APOIADOR do CursoemVídeo acessando o site https://www.cursoemvideo.com/apoie
Inscreva-se no nosso canal de cortes! https://www.youtube.com/channel/UCNp7wEXH_E2E5ieJRv8RCFA?sub_confirmation=1
Seja membro deste canal no YouTube e ganhe benefícios:
https://www.youtube.com/channel/UCrWvhVmt0Qac3HgsjQK62FQ/join
Curso em Vídeo
Seja um apoiador: https://cursoemvideo.com/apoie
Site: https://www.cursoemvideo.com
YouTube: https://www.youtube.com/cursoemvideo
Canal de Cortes: https://www.youtube.com/channel/UCNp7wEXH_E2E5ieJRv8RCFA
Patrocínio
HOSTNET: https://www.hostnet.com.br/hospedagem-de-sites/
ESTUDONAUTA: https://www.estudonauta.com/matricula/
#cursoingles #modulo04 #aula 06
Curso em Vídeo | Inscritos:
2.700.000 | Vídeos: 1.173
138
09-06-2025 11:06:23
Simplifique seu código e domine o posicionamento dos itens no CSS Grid! Nesta aula, Gustavo Guanabara apresenta as propriedades shorthand grid-row, grid-column e grid-area, que permitem definir a posição e o tamanho dos elementos com muito menos código. Aprenda também a usar a palavra-chave span para expandir itens por múltiplas linhas ou colunas. Acompanhe a aplicação prática desses conceitos, refatorando um exercício anterior, e prepare-se para um desafio: construir a interface de um site usando tudo o que aprendeu!
Assuntos Abordados (Capítulos):
00:00 - Introdução: Simplificando propriedades de itens do grid.
01:53 - Revisão: Propriedades start e end para itens.
02:39 - Foco da Aula: span, grid-row, grid-column e grid-area.
04:40 - Teoria: Como definir áreas com pontos de início e fim.
08:26 - Conceito de Expansão: Usando a palavra-chave span.
10:49 - Simplificação Nível 1: grid-row para unir start e end.
11:47 - Simplificação Nível 1: grid-column para unir start e end.
13:14 - Mão na Massa: Refatorando o código com grid-row e grid-column.
15:55 - Mão na Massa: Aplicando span nas propriedades simplificadas.
17:13 - Simplificação Máxima: A propriedade grid-area.
18:53 - Mão na Massa: Refatorando o código com grid-area.
21:21 - Aplicando span com a propriedade grid-area.
22:07 - Resumo Gráfico: As 3 formas de declarar a posição de um item.
23:41 - DESAFIO: Monte a interface de um site com Grid Layout!
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: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf
Receba notificações de novos vídeos:
== Canal no Telegram: https://t.me/cursoemvideo
Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3:
== Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n
Acompanhe todos os vídeos do Módulo 2 do Curso de HTML5 e CSS3:
== Módulo 02: https://youtube.com/playlist?list=PLHz_AreHm4dlUpEXkY1AyVLQGcpSgVF8s
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 03: https://www.youtube.com/playlist?list=PLHz_AreHm4dmcAviDwiGgHbeEJToxbOpZ
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 04: https://www.youtube.com/playlist?list=PLHz_AreHm4dkcVCk2Bn_fdVQ81Fkrh6WT
Consiga certificados fazendo o curso diretamente pelo site oficial do projeto:
== Site: https://www.cursoemvideo.com
Torne-se apoiador do projeto:
== Acesse: https://www.cursoemvideo.com/apoie
Siga-nos nas redes sociais:
== Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara
== Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo
== Hostnet no Instagram: https://www.instagram.com/hostnetbr
== Estudonauta no Instagram: https://www.instagram.com/estudonauta
Conheça os patrocinadores desse curso:
== HOSTNET: https://www.hostnet.com/cursoemvideo
== RECODE: https://www.recode.org.br/novidades
== ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo
#cursohtml5css3 #modulo05 #C28A12
Curso em Vídeo | Inscritos:
2.700.000 | Vídeos: 1.173
139
07-06-2025 11:06:16
Chegou a hora de botar a mão na massa! Neste exercício prático, Gustavo Guanabara demonstra passo a passo como construir um layout complexo com CSS Grid, transformando itens individuais em áreas maiores. Acompanhe a criação de um projeto do zero, aplicando as propriedades grid-row-start, grid-row-end, grid-column-start e grid-column-end para posicionar cada elemento exatamente onde você quiser na grade. Aprenda também a usar números negativos para se referir às linhas e colunas, além de outras dicas para dominar o posicionamento no Grid Layout.
Assuntos abordados nesse vídeo:
00:00 - Mão na Massa: Construindo áreas com Grid Layout na prática.
00:52 - Revisão: Propriedades para contêiner e para itens do grid.
03:23 - Começando o Exercício: Abrindo o projeto e criando os arquivos (grid04).
04:13 - Código HTML: Criando a estrutura com div.container e 3 caixas internas.
05:24 - CSS Inicial: Configurando a classe .container com display: grid.
05:41 - Definindo a Grade: Usando grid-template-rows e grid-template-columns.
06:58 - Posicionando a caixa1 com grid-row-start/end e column-start/end.
08:10 - Configurando a caixa2: Posicionamento na grade.
09:16 - Configurando a caixa3: Finalizando o layout principal.
10:01 - Dica Prática: Usando números negativos (ex: -1) para posicionamento.
11:28 - Ajuste Fino: Adicionando espaçamento visual com a propriedade gap.
11:58 - Conselho de Ouro: Não chute valores, use o inspetor de grid do navegador.
14:14 - Desafio: Crie e pratique com seus próprios layouts para evoluir.
14:46 - Próxima Aula: Simplificando as propriedades de posicionamento.
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: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf
Receba notificações de novos vídeos:
== Canal no Telegram: https://t.me/cursoemvideo
Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3:
== Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n
Acompanhe todos os vídeos do Módulo 2 do Curso de HTML5 e CSS3:
== Módulo 02: https://youtube.com/playlist?list=PLHz_AreHm4dlUpEXkY1AyVLQGcpSgVF8s
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 03: https://www.youtube.com/playlist?list=PLHz_AreHm4dmcAviDwiGgHbeEJToxbOpZ
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 04: https://www.youtube.com/playlist?list=PLHz_AreHm4dkcVCk2Bn_fdVQ81Fkrh6WT
Consiga certificados fazendo o curso diretamente pelo site oficial do projeto:
== Site: https://www.cursoemvideo.com
Torne-se apoiador do projeto:
== Acesse: https://www.cursoemvideo.com/apoie
Siga-nos nas redes sociais:
== Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara
== Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo
== Hostnet no Instagram: https://www.instagram.com/hostnetbr
== Estudonauta no Instagram: https://www.instagram.com/estudonauta
Conheça os patrocinadores desse curso:
== HOSTNET: https://www.hostnet.com/cursoemvideo
== RECODE: https://www.recode.org.br/novidades
== ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo
#cursohtml5css3 #modulo05 #C28A11
Curso em Vídeo | Inscritos:
2.700.000 | Vídeos: 1.173
140
04-06-2025 11:06:30
#cursoinglês #modulo04 #aula 05
Nesta aula, você vai aprender a fazer, aceitar e recusar sugestões em inglês de forma natural e com a entonação adequada. Você sabe como usar expressões comuns para sugerir atividades, ou responder a essas sugestões de forma afirmativa ou negativa e educada? Você sabe como falar “Vamos nos encontrar no hotel?" em inglês?Veja esse vídeo até o fim para aprender e muito mais, além de praticar conversação dentro deste contexto. Esse vídeo faz parte do seu curso de Inglês 100% grátis, criado pela Teacher Joana Costa com ajuda do professor Gustavo Guanabara, do canal @CursoemVideo
Siga seus professores e tenha acesso a muito mais conteúdo extra: https://www.cursoemvideo.com/links-ingles/
Encontre todas as aulas do primeiro módulo na playlist completa: https://www.youtube.com/playlist?list=PLHz_AreHm4dl8FBQLBC0bWSdL2FGmZnne
Encontre todas as aulas do segundo módulo nesta playlist:
https://www.youtube.com/playlist?list=PLHz_AreHm4dlKB-34f5v4SYA9xiqoRfqs
Encontre todas as aulas do terceiro módulo nesta playlist:
https://www.youtube.com/playlist?list=PLHz_AreHm4dm26nThxChxAMEezu449Y42
O que vamos aprender nesse vídeo?
00:00 - Learning Target
00:44 - Welcome time
00:59 - Let's meet at the hotel.
02:14 - Recado do estudonauta.
03:14 - Making suggestions
05:02 - Let's meet at the coffee shop.
05:34 - Accepting suggestions
06:37 - A importância da entonação ao falar.
07:14 - Refusing suggestions
09:40 - Let's speak for a few minutes!
11:44 - Se inscreva no Curso em vídeo.
12:39 - Let's check!
18:48 - It's time to say goodbye!
Gostou da aula? Então torne-se um Gafanhoto APOIADOR do CursoemVídeo acessando o site https://www.cursoemvideo.com/apoie
Inscreva-se no nosso canal de cortes! https://www.youtube.com/channel/UCNp7wEXH_E2E5ieJRv8RCFA?sub_confirmation=1
Seja membro deste canal no YouTube e ganhe benefícios:
https://www.youtube.com/channel/UCrWvhVmt0Qac3HgsjQK62FQ/join
Curso em Vídeo
Seja um apoiador: https://cursoemvideo.com/apoie
Site: https://www.cursoemvideo.com
YouTube: https://www.youtube.com/cursoemvideo
Canal de Cortes: https://www.youtube.com/channel/UCNp7wEXH_E2E5ieJRv8RCFA
Patrocínio
HOSTNET: https://www.hostnet.com.br/hospedagem-de-sites/
ESTUDONAUTA: https://www.estudonauta.com/matricula/
#cursoingles #modulo04 #aula 05
Curso em Vídeo | Inscritos:
2.700.000 | Vídeos: 1.173
141
142
02-06-2025 11:06:55
Neste episódio do Experience Podcast, Gustavo Guanabara recebe, ao lado do cohost Pedro Silva (Pedro Silva Dev), o convidado Luciano dii Souza (O Primo Dev) para uma conversa inspiradora sobre sua trajetória na tecnologia. Primo Dev relembra desde seus primeiros passos na programação, passando por experiências marcantes como servente de pedreiro e instrutor de informática, até alcançar o cargo de Software Engineer em uma empresa de Londres e se consolidar como criador de conteúdo tech. Um bate-papo descontraído e repleto de aprendizados sobre os desafios da carreira em TI, superação, dicas valiosas para iniciantes e a evolução da produção de conteúdo na área, sempre com muito bom humor.
📌 Assuntos abordados:
00:00 - Apresentação dos convidados: Primo Dev (Luciano) e Pedro.
01:35 - Quem é Primo Dev hoje.
02:22 - Início da jornada como produtor de conteúdo tech
04:15 - Rotina de trabalho para empresa em Londres
05:25 - Pai de três: Conciliando carreira e família
06:01 - Primeiro contato com programação
06:46 - Início como instrutor
07:04 - Primeira oportunidade profissional como QA
08:17 - Desafios e a longa jornada até a primeira vaga
10:26 - Dificuldades iniciais e aprendizado autodidata
10:59 - Servente de pedreiro para comprar o primeiro PC
14:20 - De auxiliar de pedreiro até a primeira oportunidade
15:02 - Primeiro emprego de instrutor
18:03 - Operador de telemarketing e "Guru da Claro"
19:14 - Homologador a analista de controle de versão
21:19 -Indicação que abriu portas
29:30 - Habilidades além do técnico
32:40 - Período de "hiato" e tentativas diversas:
35:18 - A importância da experiência de vida na carreira
39:12 - Decisão de focar na programação
42:45 - Layoffs e a busca por estabilidade
49:04 - Primeira experiência internacional
56:26 - Conselho para iniciantes
59:05 - A primeira oportunidade é você quem se dá
01:03:07 - Ciclos e "bolhas" na tecnologia: A febre da IA
01:09:06 - Profissional brasileiro no mercado internacional
01:11:42 - Vontade de criar conteúdo para tecnologia.
01:19:41 - A evolução estética e qualidade nos vídeos do Primo Dev
01:29:00 - Inspirações na criação de conteúdo
01:32:02 - Representatividade preta na criação de conteúdo tech
01:45:02 - Pensar em conteúdo durante o trabalho
01:48:04 - Qual é o "superpoder" do Primo Dev?
📌 Apoiadores desse episódio
Semana Carreira Tech da FIAP - http://cursoemvideo.link/carreiratech (02:45)
Participe do Universo TOTVS 2025 - https://cursoemvideo.link/universo (24:02)
Conheça o Contador Direto - http://cursoemvideo.link/contadordireto (44:13)
Seja membro deste canal e ganhe benefícios:
https://www.youtube.com/channel/UCrWvhVmt0Qac3HgsjQK62FQ/join
Gostou deste conteúdo? Então torne-se um Gafanhoto APOIADOR do CursoemVídeo acessando o site cursoemvideo.com/apoie
Curso em Vídeo
Seja um apoiador: http://cursoemvideo.com/apoie
Doe Bitcoins: 18A9Se4FK2hSsDT7xZ7n5FdRQ47WCjcftw
Site: http://www.cursoemvideo.com
YouTube: http://www.youtube.com/cursoemvideo
Facebook: http://www.facebook.com/cursosemvideo
Twitter: http://twitter.com/cursosemvideo
Google+: http://plus.google.com/112666558837414979080
Patrocínio
HOSTNET: http://www.hostnet.com.br
GAFANHOTOS: http://apoie.me/cursoemvideo
Curso em Vídeo | Inscritos:
2.700.000 | Vídeos: 1.173
143
28-05-2025 11:05:13
#cursoinglês #modulo04 #aula 04
No aula de exercícios anterior você aprendeu a usar a expressão “be going to” em frases afirmativas e negativas para indicar um futuro próximo e planejado. Mas você sabe como formar perguntas de sim/não e perguntas informativas usando "be going to"? Sabe qual é a ordem correta das palavras em uma pergunta como "Você vai estudar hoje à noite?" em inglês? Veja esse vídeo até o fim para aprender formar e usar perguntas com "be going to" e a estrutura das wh-questions (perguntas com pronomes interrogativos) para falar sobre planos futuros.Esse vídeo faz parte do seu curso de Inglês 100% grátis, criado pela Teacher Joana Costa com ajuda do professor Gustavo Guanabara, do canal @CursoemVideo
Siga seus professores e tenha acesso a muito mais conteúdo extra: https://www.cursoemvideo.com/links-ingles/
Encontre todas as aulas do primeiro módulo na playlist completa: https://www.youtube.com/playlist?list=PLHz_AreHm4dl8FBQLBC0bWSdL2FGmZnne
Encontre todas as aulas do segundo módulo nesta playlist:
https://www.youtube.com/playlist?list=PLHz_AreHm4dlKB-34f5v4SYA9xiqoRfqs
Encontre todas as aulas do terceiro módulo nesta playlist:
https://www.youtube.com/playlist?list=PLHz_AreHm4dm26nThxChxAMEezu449Y42
O que vamos aprender nesse vídeo?
00:00 - Learning Target
00:46 - Welcome time
01:20 - Você já pensou em ter um e-mail profissional?
02:17 - Statements with "be going to"
05:34 - Questions with "be going to".
08:28 - For information questions with "be going to," put the question word before is, are, or am.
11:12 - Put the words in the correct order to make a question.
12:17 - study - Are - tonight - going to - you - ?
13:40 - going to - your - next week - see - Are - friends - you - ?
14:51 - Who is he going to _____ shopping with?
16:29 - ___ are we going to drive to the airport?
17:14 - What ____ going to wear to the party?
18:15 - Você conhece o nosso canal de cortes?
18:48 - It's time to say goodbye!
Gostou da aula? Então torne-se um Gafanhoto APOIADOR do CursoemVídeo acessando o site https://www.cursoemvideo.com/apoie
Inscreva-se no nosso canal de cortes! https://www.youtube.com/channel/UCNp7wEXH_E2E5ieJRv8RCFA?sub_confirmation=1
Seja membro deste canal no YouTube e ganhe benefícios:
https://www.youtube.com/channel/UCrWvhVmt0Qac3HgsjQK62FQ/join
Curso em Vídeo
Seja um apoiador: https://cursoemvideo.com/apoie
Site: https://www.cursoemvideo.com
YouTube: https://www.youtube.com/cursoemvideo
Canal de Cortes: https://www.youtube.com/channel/UCNp7wEXH_E2E5ieJRv8RCFA
Patrocínio
HOSTNET: https://www.hostnet.com.br/hospedagem-de-sites/
ESTUDONAUTA: https://www.estudonauta.com/matricula/
#cursoingles #modulo04 #aula 04
Curso em Vídeo | Inscritos:
2.700.000 | Vídeos: 1.173
144
27-05-2025 15:05:03
Prepare-se para mergulhar fundo nas propriedades de itens do CSS Grid Layout! Nesta aula, Gustavo Guanabara, do Curso em Vídeo, descomplica o posicionamento dos seus elementos. Aprenda a usar grid-row-start, grid-row-end, grid-column-start e grid-column-end de uma forma totalmente nova, usando uma divertida analogia com o clássico jogo Batalha Naval. Entenda a teoria por trás da criação de áreas e prepare-se para a próxima aula prática!
Navegue pelo Vídeo:
00:23 - Boas-vindas e introdução às propriedades de itens.
02:09 - Revisão rápida: Propriedades essenciais de contêineres Grid.
03:20 - Foco da aula: As 4 novas propriedades.
03:39 - Analogia genial: CSS Grid vs. Batalha Naval.
06:10 - Construindo nosso campo: Exemplo prático de grid.
08:15 - Entendendo as linhas e colunas do Grid.
10:53 - Mão na massa: Definindo a "Caixa 1".
14:10 - Definindo a "Caixa 2" no nosso layout.
15:15 - Finalizando o layout com a "Caixa 3".
17:13 - Dica extra: Aprenda Grid jogando!
18:15 - O que esperar da próxima aula prática.
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: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf
Receba notificações de novos vídeos:
== Canal no Telegram: https://t.me/cursoemvideo
Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3:
== Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n
Acompanhe todos os vídeos do Módulo 2 do Curso de HTML5 e CSS3:
== Módulo 02: https://youtube.com/playlist?list=PLHz_AreHm4dlUpEXkY1AyVLQGcpSgVF8s
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 03: https://www.youtube.com/playlist?list=PLHz_AreHm4dmcAviDwiGgHbeEJToxbOpZ
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 04: https://www.youtube.com/playlist?list=PLHz_AreHm4dkcVCk2Bn_fdVQ81Fkrh6WT
Consiga certificados fazendo o curso diretamente pelo site oficial do projeto:
== Site: https://www.cursoemvideo.com
Torne-se apoiador do projeto:
== Acesse: https://www.cursoemvideo.com/apoie
Siga-nos nas redes sociais:
== Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara
== Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo
== Hostnet no Instagram: https://www.instagram.com/hostnetbr
== Estudonauta no Instagram: https://www.instagram.com/estudonauta
Conheça os patrocinadores desse curso:
== HOSTNET: https://www.hostnet.com/cursoemvideo
== RECODE: https://www.recode.org.br/novidades
== ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo
#cursohtml5css3 #modulo05 #C28A10
Curso em Vídeo | Inscritos:
2.700.000 | Vídeos: 1.173
145
21-05-2025 11:05:37
#cursoinglês #modulo04 #aula 03
Neste vídeo, você vai aprender vocabulário essencial em inglês sobre as estações do ano e as roupas que usamos em cada uma. Vamos explorar nomes de peças de roupa, variações, sinônimos e curiosidades, como a pronúncia correta da marca Levi’s e o significado de Wellington boots. Também há uma atividade prática para você treinar a fala e fixar o conteúdo. Você sabe como dizer “cueca” e “calcinha” em inglês? E quantas formas diferentes de falar “tênis” você conhece? Veja esse vídeo até o fim para aprender isso e muito mais. Esse vídeo faz parte do seu curso de Inglês 100% grátis, criado pela Teacher Joana Costa com ajuda do professor Gustavo Guanabara, do canal @CursoemVideo
Siga seus professores e tenha acesso a muito mais conteúdo extra: https://www.cursoemvideo.com/links-ingles/
Encontre todas as aulas do primeiro módulo na playlist completa: https://www.youtube.com/playlist?list=PLHz_AreHm4dl8FBQLBC0bWSdL2FGmZnne
Encontre todas as aulas do segundo módulo nesta playlist:
https://www.youtube.com/playlist?list=PLHz_AreHm4dlKB-34f5v4SYA9xiqoRfqs
Encontre todas as aulas do terceiro módulo nesta playlist:
https://www.youtube.com/playlist?list=PLHz_AreHm4dm26nThxChxAMEezu449Y42
O que vamos aprender nesse vídeo?
00:08 - Learning Target
00:37 - Welcome time
01:40 - What season is it now?
02:40 - Conheça o Estudonauta.
05:18 - Seasons of the year
07:19 - What clothes do you usually wear?
08:21 - Clothes in general
11:24 - Outro nome para pants
12:15 - Variações para T-shirt
13:00 - Diferença entre short e shorts
13:39 - Calcinha e cueca em inglês
15:00 - Pronúncia da marca Levi's
15:40 - Três formas de falar tênis em inglês
16:58 - Você sabe o que é Wellington boots?
18:03 - Let's speak for a few minutes!
19:01 - Conheça os cursos do curso em vídeo!
20:01 - Nossa ofensiva no Duolingo.
22:36 - Let's check!
21:52 - It's time to say goodbye!
Gostou da aula? Então torne-se um Gafanhoto APOIADOR do CursoemVídeo acessando o site https://www.cursoemvideo.com/apoie
Inscreva-se no nosso canal de cortes! https://www.youtube.com/channel/UCNp7wEXH_E2E5ieJRv8RCFA?sub_confirmation=1
Seja membro deste canal no YouTube e ganhe benefícios:
https://www.youtube.com/channel/UCrWvhVmt0Qac3HgsjQK62FQ/join
Curso em Vídeo
Seja um apoiador: https://cursoemvideo.com/apoie
Site: https://www.cursoemvideo.com
YouTube: https://www.youtube.com/cursoemvideo
Canal de Cortes: https://www.youtube.com/channel/UCNp7wEXH_E2E5ieJRv8RCFA
Patrocínio
HOSTNET: https://www.hostnet.com.br/hospedagem-de-sites/
ESTUDONAUTA: https://www.estudonauta.com/matricula/
#cursoingles #modulo04 #aula 03
Curso em Vídeo | Inscritos:
2.700.000 | Vídeos: 1.173
146
19-05-2025 11:05:47
Seja membro deste canal e ganhe benefícios:
https://www.youtube.com/channel/UCrWvhVmt0Qac3HgsjQK62FQ/join
Nessa aula, vamos aprender ...
Gostou da aula? Então torne-se um Gafanhoto APOIADOR do CursoemVídeo acessando o site cursoemvideo.com/apoie
Aula do Curso de _____ criado pelo professor Gustavo Guanabara para o portal CursoemVideo.com.
Curso em Vídeo
Seja um apoiador: http://cursoemvideo.com/apoie
Doe Bitcoins: 18A9Se4FK2hSsDT7xZ7n5FdRQ47WCjcftw
Site: http://www.cursoemvideo.com
YouTube: http://www.youtube.com/cursoemvideo
Facebook: http://www.facebook.com/cursosemvideo
Twitter: http://twitter.com/cursosemvideo
Google+: http://plus.google.com/112666558837414979080
Patrocínio
HOSTNET: http://www.hostnet.com.br
GAFANHOTOS: http://apoie.me/cursoemvideo
Curso em Vídeo | Inscritos:
2.700.000 | Vídeos: 1.173
147
14-05-2025 11:05:22
#cursoinglês #modulo04 #aula 02
No vídeo anterior você aprendeu expressões para usar no seu dia a dia em um futuro próximo. Mas você sabe como estruturar o "be going to" para falar sobre planos futuros em inglês? Consegue citar alguns exemplos de expressões de tempo futuro que podemos usar junto com "be going to"? Veja esse vídeo até o fim para aprender como usar a expressão "be going to" para falar sobre planos e intenções futuras em inglês, fazer frases afirmativas e negativas, expressões de tempo futuro e fazer exercícios práticos para fixar o conteúdo. Esse vídeo faz parte do seu curso de Inglês 100% grátis, criado pela Teacher Joana Costa com ajuda do professor Gustavo Guanabara, do canal @CursoemVideo
Siga seus professores e tenha acesso a muito mais conteúdo extra: https://www.cursoemvideo.com/links-ingles/
Encontre todas as aulas do primeiro módulo na playlist completa: https://www.youtube.com/playlist?list=PLHz_AreHm4dl8FBQLBC0bWSdL2FGmZnne
Encontre todas as aulas do segundo módulo nesta playlist:
https://www.youtube.com/playlist?list=PLHz_AreHm4dlKB-34f5v4SYA9xiqoRfqs
Encontre todas as aulas do terceiro módulo nesta playlist:
https://www.youtube.com/playlist?list=PLHz_AreHm4dm26nThxChxAMEezu449Y42
O que vamos aprender nesse vídeo?
00:08 - Learning Target
00:37 - Welcome time
01:53 - Já pensou em ter o seu próprio site?
02:55 - Statements with "be going to"
03:38 - Use "be going to" to talk about plans.
04:36 - Make future statements with "be going to + a verb".
06:00 - Affirmative sentences with "be going to"
07:18 - Negative sentences with "be going to"
09:00 - Porque as vezes o "T" tem som de "R" em inglês?
09:39 - Future times expressions
13:39 - Seja apoiador do Curso em Vídeo
14:32 - 1. I ____ home tomorrow. I have to work at the office.
16:24 - 2. My friends and I _____ on a trip to Rio next year. We have our tickets!
18:30 - 3. My parents ______ me to lunch on Saturday. They're busy.
20:26 - I _____ a lot next week. I have an important test.
21:11 - My friend _____ me tonight. She's sick.
21:52 - It's time to say goodbye!
Gostou da aula? Então torne-se um Gafanhoto APOIADOR do CursoemVídeo acessando o site https://www.cursoemvideo.com/apoie
Inscreva-se no nosso canal de cortes! https://www.youtube.com/channel/UCNp7wEXH_E2E5ieJRv8RCFA?sub_confirmation=1
Seja membro deste canal no YouTube e ganhe benefícios:
https://www.youtube.com/channel/UCrWvhVmt0Qac3HgsjQK62FQ/join
Curso em Vídeo
Seja um apoiador: https://cursoemvideo.com/apoie
Site: https://www.cursoemvideo.com
YouTube: https://www.youtube.com/cursoemvideo
Canal de Cortes: https://www.youtube.com/channel/UCNp7wEXH_E2E5ieJRv8RCFA
Patrocínio
HOSTNET: https://www.hostnet.com.br/hospedagem-de-sites/
ESTUDONAUTA: https://www.estudonauta.com/matricula/
#cursoingles #modulo04 #aula 02
Curso em Vídeo | Inscritos:
2.700.000 | Vídeos: 1.173
148
12-05-2025 11:05:04
Simplifique e flexibilize seu CSS Grid! Nesta aula teórica (Parte 4), Gustavo Guanabara ensina a usar a função repeat() para reduzir a repetição nas definições de colunas e linhas do grid. Descubra também a poderosa unidade fr (fração), ideal para criar layouts proporcionais e flexíveis. Aprenda como a unidade fr distribui o espaço disponível e como combiná-la com outras unidades como pixels (px) e porcentagem (%) para criar grids complexos de forma eficiente.
Assuntos Abordados (Capítulos):
00:00 - Introdução: Simplificando declarações com funções e unidades.
00:35 - Contexto: Parte 4 teórica das propriedades de contêiner grid.
02:15 - Revisão Geral: Propriedades e shorthands vistos anteriormente.
03:50 - Foco da Aula: Função repeat() e unidade fr (fração).
04:37 - Função repeat(): Simplificando valores repetidos (ex: auto auto auto).
05:03 - Aplicando repeat(): Exemplos em grid-template-columns e rows.
05:21 - Combinando repeat() com Shorthands: grid-template mais enxuto.
06:04 - Introdução à Unidade fr: Frações para divisão de espaço.
06:28 - Exemplo com fr: 1fr 1fr 1fr vs auto auto auto.
08:02 - Como fr Funciona: Soma das frações divide o espaço total.
09:09 - auto vs fr: Diferenças e recomendação de uso (fr).
09:53 - Layout Assimétrico com fr: Exemplo 1fr 2fr 1fr.
10:40 - Cálculo com fr (Exemplo 1fr 2fr 1fr): Dividindo o espaço disponível.
13:04 - Misturando Unidades: px, % e fr na mesma declaração.
13:47 - Cálculo com Unidades Mistas: Fixas e % primeiro, fr no restante.
16:17 - Simplificando Unidades Mistas: Usando repeat() com fr.
18:08 - Próxima Aula: Mão na Massa aplicando repeat() e fr
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: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf
Receba notificações de novos vídeos:
== Canal no Telegram: https://t.me/cursoemvideo
Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3:
== Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n
Acompanhe todos os vídeos do Módulo 2 do Curso de HTML5 e CSS3:
== Módulo 02: https://youtube.com/playlist?list=PLHz_AreHm4dlUpEXkY1AyVLQGcpSgVF8s
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 03: https://www.youtube.com/playlist?list=PLHz_AreHm4dmcAviDwiGgHbeEJToxbOpZ
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 04: https://www.youtube.com/playlist?list=PLHz_AreHm4dkcVCk2Bn_fdVQ81Fkrh6WT
Consiga certificados fazendo o curso diretamente pelo site oficial do projeto:
== Site: https://www.cursoemvideo.com
Torne-se apoiador do projeto:
== Acesse: https://www.cursoemvideo.com/apoie
Siga-nos nas redes sociais:
== Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara
== Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo
== Hostnet no Instagram: https://www.instagram.com/hostnetbr
== Estudonauta no Instagram: https://www.instagram.com/estudonauta
Conheça os patrocinadores desse curso:
== HOSTNET: https://www.hostnet.com/cursoemvideo
== RECODE: https://www.recode.org.br/novidades
== ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo
#cursohtml5css3 #modulo05 #C28A08
Curso em Vídeo | Inscritos:
2.700.000 | Vídeos: 1.173
149
07-05-2025 11:05:17
#cursoinglês #modulo04 #aula 01
Você já aprendeu muitas coisas nos módulos 1 e 2. Mas você sabe usar o present continuous? Sabe expressar quais atividades você faz em casa? Quer evoluir com seu aprendizado? Veja esse vídeo até o fim para responder essas perguntas e muito mais. Esse vídeo faz parte do seu curso de Inglês 100% grátis, criado pela Teacher Joana Costa com ajuda do professor Gustavo Guanabara, do canal @CursoemVideo
Siga seus professores e tenha acesso a muito mais conteúdo extra: https://www.cursoemvideo.com/links-ingles/
Encontre todas as aulas do primeiro módulo na playlist completa: https://www.youtube.com/playlist?list=PLHz_AreHm4dl8FBQLBC0bWSdL2FGmZnne
Encontre todas as aulas do segundo módulo nesta playlist:
https://www.youtube.com/playlist?list=PLHz_AreHm4dlKB-34f5v4SYA9xiqoRfqs
Encontre todas as aulas do terceiro módulo nesta playlist:
https://www.youtube.com/playlist?list=PLHz_AreHm4dm26nThxChxAMEezu449Y42
O que vamos aprender nesse vídeo?
00:00 - Learning Target
00:37 - Welcome time
01:07 - Do you have big plans for the future?
02:15 - Look at the art at the Museum
03:11 - We're going to look at art...
04:05 - Look at me!
04:38 - Take a walk.
05:12 - We are going for a walk.
05:50 - We're going on foot.
06:37 - Get together with someone.
07:30 - We are hanging out with someone.
08:23 - Go shopping
09:25 - We are going out.
10:00 - To eat
11:55 - "Só dando uma olhadinha!" em inglês
12:37 - Have a picnic or a party
13:30 - Take someone out to dinner.
14:47 - Tire seus certificados dos módulos anteriores.
15:59 - It's time to say goodbye!
16:30 - Let's practise!
Gostou da aula? Então torne-se um Gafanhoto APOIADOR do CursoemVídeo acessando o site https://www.cursoemvideo.com/apoie
Inscreva-se no nosso canal de cortes! https://www.youtube.com/channel/UCNp7wEXH_E2E5ieJRv8RCFA?sub_confirmation=1
Seja membro deste canal no YouTube e ganhe benefícios:
https://www.youtube.com/channel/UCrWvhVmt0Qac3HgsjQK62FQ/join
Curso em Vídeo
Seja um apoiador: https://cursoemvideo.com/apoie
Site: https://www.cursoemvideo.com
YouTube: https://www.youtube.com/cursoemvideo
Canal de Cortes: https://www.youtube.com/channel/UCNp7wEXH_E2E5ieJRv8RCFA
Patrocínio
HOSTNET: https://www.hostnet.com.br/hospedagem-de-sites/
ESTUDONAUTA: https://www.estudonauta.com/matricula/
#cursoingles #modulo04 #aula 01
Curso em Vídeo | Inscritos:
2.700.000 | Vídeos: 1.173
150
07-05-2025 11:05:04
#cursoinglês #modulo04 #aula 00
Começamos o Módulo 4 do seu Curso em Vídeo de Inglês com um panorama do que esperar nesta nova fase! Aqui, você encontrará dicas valiosas para aproveitar melhor o conteúdo e avançar no aprendizado do idioma. Quer saber o que vamos estudar neste módulo? Então assista ao vídeo até o fim para tirar suas dúvidas e descobrir como aproveitar ao máximo as oportunidades de evolução. Este vídeo faz parte do seu curso de Inglês 100% gratuito, criado pela Teacher Joana Costa com a ajuda do professor Gustavo Guanabara, do canal @CursoemVideo.
Siga seus professores e tenha acesso a muito mais conteúdo extra: https://www.cursoemvideo.com/links-ingles/
Encontre todas as aulas do primeiro módulo na playlist completa: https://www.youtube.com/playlist?list=PLHz_AreHm4dl8FBQLBC0bWSdL2FGmZnne
Encontre todas as aulas do segundo módulo nesta playlist:
https://www.youtube.com/playlist?list=PLHz_AreHm4dlKB-34f5v4SYA9xiqoRfqs
Encontre todas as aulas do terceiro módulo nesta playlist:
https://www.youtube.com/playlist?list=PLHz_AreHm4dm26nThxChxAMEezu449Y42
O que vamos aprender nesse vídeo?
00:00 - Learning Target
00:26 - Welcome time
04:00 - Make outdoor plans for the weekend
04:44 - Statements with "be going to"
05:24 - Discuss what clothes to wear for different trips
07:03 - Questions with "be going to"
08:24 - Suggest plans for evening activities
09:00 - Making, accepting, and refusing suggestions
09:31 - Write an online invitation
10:10 - How to write an invitation
10:41 - Describe people, places, and things in the past
11:24 - Statements with "was" and "were"
12:00 - Talk about colors and memories
12:32 - Talk about movies and actors
13:42 - Practice expressing uncertainty
14:55 - Write an email about things you keep from your past
15:34 - Using object pronouns
16:04 - Simple past sentences
16:39 - Offer and accept food and drink
17:31 - Write a restaurant review
18:16 - Review Vocab, Grammar, and Functional Language
22:17 - Let's check!
Gostou da aula? Então torne-se um Gafanhoto APOIADOR do CursoemVídeo acessando o site https://www.cursoemvideo.com/apoie
Inscreva-se no nosso canal de cortes! https://www.youtube.com/channel/UCNp7wEXH_E2E5ieJRv8RCFA?sub_confirmation=1
Seja membro deste canal no YouTube e ganhe benefícios:
https://www.youtube.com/channel/UCrWvhVmt0Qac3HgsjQK62FQ/join
Curso em Vídeo
Seja um apoiador: https://cursoemvideo.com/apoie
Site: https://www.cursoemvideo.com
YouTube: https://www.youtube.com/cursoemvideo
Canal de Cortes: https://www.youtube.com/channel/UCNp7wEXH_E2E5ieJRv8RCFA
Patrocínio
HOSTNET: https://www.hostnet.com.br/hospedagem-de-sites/
ESTUDONAUTA: https://www.estudonauta.com/matricula/
#cursoingles #modulo04 #aula 00
Curso em Vídeo | Inscritos:
2.700.000 | Vídeos: 1.173