Videos Recentes
121
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.670.000 | Vídeos: 1.161
122
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.670.000 | Vídeos: 1.161
123
124
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.670.000 | Vídeos: 1.161
125
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.670.000 | Vídeos: 1.161
126
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.670.000 | Vídeos: 1.161
127
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.670.000 | Vídeos: 1.161
128
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.670.000 | Vídeos: 1.161
129
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.670.000 | Vídeos: 1.161
130
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.670.000 | Vídeos: 1.161
131
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.670.000 | Vídeos: 1.161
132
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.670.000 | Vídeos: 1.161
133
05-05-2025 00:05:02
Continue explorando o CSS Grid Layout! Nesta aula teórica (Parte 3), Gustavo Guanabara aborda o Grid Implícito, explicando como configurar linhas e colunas adicionadas automaticamente com grid-auto-rows e grid-auto-columns. Descubra também como simplificar seu código CSS usando as propriedades shorthand: place-items (para align-items e justify-items), place-content (para align-content e justify-content) e grid-template (para grid-template-rows e grid-template-columns). Deixe seu CSS mais limpo e eficiente!
Assuntos Abordados (Capítulos):
00:00 - Introdução: Propriedades de Contêiner Grid - Parte 3.
00:37 - Metodologia: Aulas teóricas antes do próximo Mão na Massa.
02:13 - Revisão Essencial: Propriedades vistas nas aulas anteriores.
03:26 - Novas Propriedades: Foco em grid-auto e shorthands.
04:15 - grid-auto-rows e grid-auto-columns: Controlando o grid implícito.
05:03 - Exemplo Base: Grid 3x3 com itens de A a I.
06:03 - Grid Explícito vs. Implícito: O que acontece com itens extras (J)?.
07:10 - Problema Comum: Itens implícitos com tamanho incorreto.
08:12 - Solução: Usando grid-auto-rows para definir altura das linhas implícitas.
09:06 - grid-auto-columns: Definindo largura das colunas implícitas.
11:00 - Propriedades Shorthand: Simplificando o CSS Grid.
11:28 - Revisão Alinhamentos: align/justify para items e content.
12:45 - Shorthand place-items: Combinando align-items e justify-items.
12:53 - Shorthand place-content: Combinando align-content e justify-content.
13:53 - Shorthand grid-template: Combinando grid-template-rows e columns
14:43 - Resultado: Redução significativa de linhas de código (7 para 4).
15:50 - Próxima Aula: Mais teoria antes do próximo exercício prático.
16:33 - Dica de Estudo: Anotar é fundamental para fixar tantas propriedades.
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 #C28A07
Curso em Vídeo | Inscritos:
2.670.000 | Vídeos: 1.161
134
28-04-2025 11:04:09
Coloque em prática o alinhamento no CSS Grid Layout! Nesta aula "Mão na Massa Parte 2" do curso de HTML5 e CSS3, Gustavo Guanabara aplica as propriedades align-items, justify-items, align-content e justify-content vistas na teoria. Acompanhe a configuração passo a passo, testando valores como start, center, end, stretch, space-between, space-evenly e space-around diretamente no código e visualizando os resultados no navegador com a ajuda do Grid View do Chrome DevTools.
Assuntos Abordados (Capítulos):
00:00 - Mão na Massa Parte 2 - Aplicando Alinhamentos.
00:29 - Aplicando as 4 propriedades de alinhamento da aula anterior.
02:12 - Ambiente Pronto: Reutilizando o código da Parte 1.
02:38 - Revisão Rápida: Grid View e o painel de alinhamento do DevTools.
03:26 - Importante: O painel DevTools é para teste, não aplica o código.
04:12 - Relembrando: A mudança de grid-gap para gap.
04:39 - Propriedades Padrão: normal vs stretch nos alinhamentos.
05:39 - align-items na Prática: Testando start, end e center verticalmente.
07:44 - justify-items na Prática: Testando start, end e center horizontalmente.
08:08 - Alinhamento de content: Aplicando no conteúdo geral da grade.
08:15 - align-content na Prática: start, end e center (vertical).
09:32 - align-content + Space: Testando space-between, evenly e around.
11:38 - justify-content na Prática: start, end e center (horizontal).
11:43 - justify-content + Space: Testando space-between, evenly e around.
13:06 - Finalidade do Painel DevTools: Testar e descobrir a melhor configuração.
14:36 - Compatibilidade do Grid View: Chrome, Edge, Safari, Firefox.
16:11 - Próximo Passo: Simplificando as propriedades de alinhamento.
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 #C28A06
Curso em Vídeo | Inscritos:
2.670.000 | Vídeos: 1.161
135
21-04-2025 11:04:38
Domine o alinhamento de contêineres no CSS Grid Layout! Nesta aula teórica do curso de HTML5 e CSS3, Gustavo Guanabara descomplica as propriedades align-items, justify-items, align-content e justify-content. Aprenda a diferença crucial entre alinhar itens individuais e o conteúdo geral da grade, tanto vertical (align) quanto horizontalmente (justify). Entenda valores como start, center, end, stretch, space-between, space-around e space-evenly com exemplos visuais claros.
Assuntos Abordados (Capítulos):
00:00 - Novas propriedades do contêiner grid
00:36 - Vídeo anterior prático sobre Grid View.
02:08 - Propriedades já vistas (display, template, gap).
02:54 - As 4 novas propriedades de alinhamento.
03:08 - align (vertical) vs justify (horizontal).
04:09 - Alinhar items vs alinhar content.
05:49 - Usando o align-items
08:03 - Usando o justify-items
09:11 - Aumentando o tamanho do contêiner.
09:28 - Usando o align-content
10:24 - Valores start, center, end.
11:00 - Valor space-between
12:00 - Valor space-evenly
12:39 - Valor space-around
14:13 - justify-content: Alinhamento horizontal do conteúdo.
14:48 - Valores justify-content: start, center, end.
14:53 - Valor justify-content: space-between: Espaço distribuído entre colunas.
15:09 - Valor justify-content: space-evenly: Espaço horizontal distribuído igualmente.
15:32 - Valor justify-content: space-around: Espaço horizontal igual ao redor.
16:03 - Dica Final
17:04 - O que veremos 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: 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 #C28A05
Curso em Vídeo | Inscritos:
2.670.000 | Vídeos: 1.161