#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

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

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