Videos Recentes
151
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.730.000 | Vídeos: 1.185
152
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.730.000 | Vídeos: 1.185
153
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.730.000 | Vídeos: 1.185
154
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.730.000 | Vídeos: 1.185
155
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.730.000 | Vídeos: 1.185
156
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.730.000 | Vídeos: 1.185
157
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.730.000 | Vídeos: 1.185
158
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.730.000 | Vídeos: 1.185
159
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.730.000 | Vídeos: 1.185
160
15-04-2025 13:04:07
Aprenda na prática os fundamentos do CSS Grid Layout! Nesta aula do curso de HTML5 e CSS3, Gustavo Guanabara guia você na criação da sua primeira grade (grid), explicando propriedades essenciais como display: grid, grid-template-columns, grid-template-rows e gap. Descubra também como usar a ferramenta Grid View do Google Chrome DevTools para visualizar e entender melhor a estrutura do seu grid. Essencial para quem quer dominar layouts modernos na web!
Assuntos Abordados (Capítulos):
00:00 - Introdução ao Grid Layout: Mão na massa!
00:42 - Pré-requisitos: Aulas anteriores sobre Grid Layout são essenciais.
01:30 - Apresentando o Grid View: Ferramenta poderosa do Google Chrome.
03:06 - Preparando o Ambiente: GitHub Desktop e VS Code.
03:36 - Estrutura do Projeto: Criando pastas e arquivo HTML.
04:12 - HTML Básico: Criando o contêiner e os itens com divs.
04:40 - Dica de VS Code: Criando divs com classes rapidamente (Emmet).
05:34 - CSS Básico: Estilizando o contêiner e os itens com bordas.
06:32 - Aplicando display: grid: O primeiro passo essencial (e frustrante?).
07:51 - Configurações Iniciais: Definindo altura e padding.
08:51 - grid-template-columns: Definindo as colunas da grade.
09:48 - grid-template-rows: Definindo as linhas da grade.
10:32 - grid-gap vs gap: Atenção à propriedade atualizada para espaçamento!
11:55 - Usando o Grid View na Prática: Inspecionando o grid no DevTools.
13:24 - Ativando o Grid Overlay: Visualizando linhas e colunas numeradas.
14:37 - Painel de Layout no DevTools: Explorando opções de alinhamento (prévia).
15:11 - Entendendo as Linhas de Grade: Positivas e negativas no Grid View.
15:34 - Ajustando o gap: Modificando o espaçamento entre os itens.
17:18 - Recado Final: Próximos passos e a importância do Grid View.
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 #C28A04
Curso em Vídeo | Inscritos:
2.730.000 | Vídeos: 1.185
161
162
08-04-2025 14:04:09
O que é blockchain? Neste corte do Experience Podcast, você vai entender essa tecnologia de forma simples e direta: como um CRUD sem DELETE! Usando analogias com Git, planilhas do Excel e até o clássico problema dos Generais Bizantinos, mostramos como o blockchain funciona na prática.
Você já ouviu falar que blockchain é complicado? Esquece isso. Imagina uma planilha onde todo mundo pode ver, mas ninguém pode apagar. E para modificar, você precisa provar que é você. Pronto! É isso, com segurança e validação em rede.
A grande sacada do Bitcoin não foi a tecnologia em si, mas **o algoritmo de consenso**. Um jeito de manter o estado da rede sincronizado sem conflitos – mesmo quando há falhas de comunicação. Tudo isso é inspirado no famoso problema dos Generais Bizantinos!
Assim como no Git, o blockchain evita conflitos, garante versões válidas e protege a integridade da informação. E tudo isso sem depender de um servidor central.
Assista agora e entenda de vez como o blockchain realmente funciona – com exemplos fáceis e analogias que fazem sentido!
Curso em Vídeo | Inscritos:
2.730.000 | Vídeos: 1.185
163
07-04-2025 11:04:07
Neste vídeo, vamos continuar a explicar o Grid Layout em CSS, focando nas propriedades que se aplicam ao Grid Container. Vamos revisar o conceito de Grid Container e, em seguida, detalhar quatro propriedades essenciais: display: grid, grid-template-columns, grid-template-rows e grid-gap. O vídeo demonstra como essas propriedades são utilizadas para definir a estrutura do Grid, o número de colunas e linhas, e o espaçamento entre os elementos. O objetivo é fornecer um entendimento prático de como configurar um Grid Container para criar layouts complexos e responsivos.
Assuntos Abordados e Tempo:
0:00 - Introdução às propriedades do Grid Container
0:35 - Patrocínio do Estudonauta
2:10 - Propriedade display: grid
7:20 - Propriedade grid-template-columns
9:23 - Propriedade grid-template-rows
10:43 - Propriedade grid-gap
12:19 - Incentivo à inscrição no canal
13:03 - Continuação das propriedades do Grid Container em próximos vídeos
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 #C28A03
Curso em Vídeo | Inscritos:
2.730.000 | Vídeos: 1.185
164
03-04-2025 11:04:09
Conheça a anatomia do Grid Layout em CSS, explicando os principais elementos que compõem um Grid. Veremos a diferença entre Grid Rows e Grid Lines, definimos o que é um Grid Container e Grid Item, e explicamos o conceito de Grid Tracks (Row Tracks e Column Tracks). Além disso, o vídeo ensina como as Grid Lines são numeradas (tanto positiva quanto negativamente) e introduz o conceito de Grid Area e Grid Gap. O objetivo é fornecer uma base sólida para a compreensão e utilização do Grid Layout em CSS.
Assuntos Abordados e Tempo:
0:00 - Introdução ao Grid Layout e anatomia de um Grid
0:35 - Patrocínio da Hostnet
2:42 - Explicação sobre Grid Rows e Grid Lines
4:06 - Definição de Grid Container e Grid Item
5:23 - Explicação sobre Grid Tracks (Row Tracks e Column Tracks)
12:00 - Numeração das Grid Lines (positiva e negativa)
23:00 - Definição de Grid Area
24:00 - Explicação sobre Grid Gap
26:00 - Divulgação do canal do Telegram
30:00 - Comparação entre Grid Layout e Flexbox
31:00 - Preparação para a próxima aula sobre propriedades do Grid Container
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 #C28A02
Curso em Vídeo | Inscritos:
2.730.000 | Vídeos: 1.185
165
31-03-2025 11:03:54
Você sabe o que é Grid Layout? Neste vídeo, vamos iniciar um novo assunto, falando sobre Grid Layout em CSS, contrastando-o com Flexbox e explicando sua importância no design de interfaces de usuário. Ele utiliza o site do G1 como exemplo prático para demonstrar como o Grid Layout organiza o conteúdo em linhas e colunas, facilitando a criação de layouts responsivos. Além disso, o vídeo aborda a evolução do design web, desde o uso de tabelas e frames até a adoção do Grid Layout, destacando as vantagens desta nova tecnologia.
Assuntos Abordados e Tempo:
0:00 - Introdução ao Grid Layout e comparação com Flexbox
0:37 - Patrocínio da Recode e depoimento de um aluno
1:49 - Definição de Grid Layout e sua aplicação em interfaces de usuário
2:30 - Referência à documentação do W3C
3:37 - Explicação do conceito de contêiner e itens no Grid Layout
4:52 - Exemplo prático de Grid Layout no site do G1
9:06 - Uso de Media Queries com Grid Layout para responsividade
9:31 - Evolução do design web: tabelas, frames e tableless
13:06 - Introdução ao Grid Layout e seus benefícios
13:32 - Preparação para a próxima aula sobre anatomia do Grid
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 #C28A01
Curso em Vídeo | Inscritos:
2.730.000 | Vídeos: 1.185