Workshop
Introdução ao HTML e CSS
Nível
47 aulas
2h13
Assistir agora
1. Introdução sobre HTML
Sobre o Workshop
Seu Instrutor
Caról Silva
Desenvolvedora Front-End e Instrutora de Desenvolvimento Web.
Vencedora do hackaton Nubank e prefeitura de São paulo, já trabalhou na área de tecnologia no banco Credit Suisse e no Reclame AQUI. Atualmente, é estrategista de marketing na Kroltec e compartilha seu conhecimento como professora de desenvolvimento web no Codante.io.
Aulas
- Introdução ao HTML
Introdução sobre HTML
00:51A História do HTML
02:22Fundamentos do HTML
04:57Criando HTML no VS Code
03:16- Introdução ao CSS
Primeira Página com HTML
02:05Introdução ao CSS
02:48Métodos de Estilos CSS
04:24- Elementos essenciais
Classes e IDs no HTML/CSS
05:18Classes vs IDs: Diferenças Esclarecidas
03:41Estilizando com Divs e CSS
07:12Tags Semânticas no HTML
01:51SEO e Estratégias Web
07:23- Exercício prático
Recapitulando o conteúdo
02:42Exercício Prático de HTML
02:18Dimensões de Imagens HTML
03:57Dimensionamento de Imagens Web
02:45- Conceitos de Layout com CSS
- 17.
Entendendo o Box Model no CSS
03:09 Estilos CSS em Ação
02:44Box Model CSS: Padding e Margem
02:02CSS Box Model Atualizado
01:50- Posicionamento e Flexbox
Fundamentos de Posicionamento CSS
05:45Dominando o Display Flex
00:51Introdução ao Display Flex
01:49Projeto Land Page Básico
04:20Design de Links em HTML/CSS
05:32Conectando CSS ao HTML
01:46Ajuste de Imagens e Flexbox
01:05Guia de CSS Display Flex
02:32CSS: Espaçamento com Flexbox
03:39Posicionamento CSS Prático
01:16- Projeto Prático
Exercício de Clonagem em HTML
00:40Projeto Prático: Deploy e Flexbox
01:21Explorando Padding e CSS Básico
03:25Links e Estilos CSS
00:51Ajustando Espaçamento CSS
01:56- Deploy
Deploy de Sites Facilmente
02:31Deploy e Design Responsivo
00:50- Design Responsivo
Design Responsivo em Foco
02:32CSS Responsivo com Media Queries
03:11Design Responsivo com CSS
02:42Design Responsivo: Media Queries
02:04Media Queries no CSS
01:32Layout Responsivo com Menu Hambúrguer
01:22Layout Responsivo com Flexbox
02:50CSS: Ajustando Layout do Menu
04:17- Finalização
Ajustando Layout Responsivo
04:32Dicas de Breakpoint CSS
01:11