CURSO Web Fundamentos: HTML e CSS com PROJETOS
4.0
(2)
25 learners
What you'll learn
This course includes
- 25 hours of video
- Certificate of completion
- Access on mobile and TV
Course content
1 modules • 153 lessons • 25 hours of video
CURSO Web Fundamentos: HTML e CSS com PROJETOS
153 lessons
• 25 hours
CURSO Web Fundamentos: HTML e CSS com PROJETOS
153 lessons
• 25 hours
- Seção 1 - Aula 1 - CURSO HTML e CSS - Apresentação 06:43
- Seção 1 - Aula 2 - CURSO HTML e CSS - Introdução 19:18
- Seção 1 - Aula 3 - Primeiro HTML 13:23
- Seção 1 - Aula 4 - Algumas Tags principais 14:58
- Seção 1 - Aula 5 - Principais tags - mão na massa 16:22
- Seção 1 - Aula 6 - Correção de exercício 04:34
- Seção 1 - Aula 7 - Estrutura base - teoria 07:45
- Seção 1 - Aula 8 - Estrutura base - mão na massa 08:50
- Seção 1 - Aula 9 - Para que servem as Metatags? 03:14
- Seção 2 - Aula 1 - As folhas de estilo em cascata 13:08
- Seção 2 - Aula 2 - Primeiras regras de CSS 15:45
- Seção 2 - Aula 3 - Adicionando Classes 05:02
- Seção 2 - Aula 4 - Background ou background-color? 00:36
- Seção 2 - Aula 5 - Box-model 12:26
- Seção 2 - Aula 6 - Box-model - parte 2 06:11
- Seção 2 - Aula 7 - Pseudo-classes e list-style 03:38
- Seção 2 - Aula 8 - Praticando 13:50
- Seção 2 - Aula 9 - Exercício. Centralizar na tela 07:57
- Seção 2 - Aula 10 - Exercício. HTML 12:44
- Seção 2 - Aula 11 - Exercício. CSS 12:46
- Seção 3 - Aula 1 - Trabalhando com imagens 08:13
- Seção 3 - Aula 2 - Imagens - mão no código 14:26
- Seção 3 - Aula 3 - Estruturando layouts com semântica 13:16
- Seção 3 - Aula 4 - Projeto 1 - HTML 11:44
- Seção 3 - Aula 5 - Projeto 1 - CSS 19:50
- Seção 3 - Aula 6 - footer - como centralizar na vertical 02:17
- Seção 3 - Aula 7 - CSS display: inline, block e inline-block 15:11
- Seção 3 - Aula 8 - Projeto 1 - menu horizontal 14:43
- Seção 3 - Aula 9 - CSS Box-sizing 05:54
- Seção 3 - Aula 10 - CSS Float 06:41
- Seção 3 - Aula 11 - CSS Float e clear na prática 13:34
- [AVISO RÁPIDO] Antes da aula 12 da seção 3 01:41
- Seção 3 - Aula 12 - Projeto 1 - cards horizontais 12:53
- Seção 4 - Aula 1 - CSS Position 09:10
- Seção 4 - Aula 2 - CSS Position na prática 09:03
- Seção 4 - Aula 3 - Projeto Fashion - início 05:11
- Seção 4 - Aula 4 - Projeto Fashion - HTML 15:26
- Seção 4 - Aula 5 - Projeto Fashion - CSS - parte 1 18:46
- Seção 4 - Aula 6 - Projeto Fashion - CSS - parte 2 11:11
- Seção 5 - Aula 1 - Listas aninhadas e de definição 03:08
- Seção 5 - Aula 2 - Listas aninhadas e de definição na prática 08:50
- Seção 5 - Aula 3 - Overflow 06:47
- Seção 5 - Aula 4 - Tabelas 06:59
- Seção 5 - Aula 5 - Tabelas na prática 10:42
- Seção 6 - Aula 1 - Formulário de busca no Google 14:01
- Seção 6 - Aula 2 - Semântica em formulários 06:01
- Seção 6 - Aula 3 - CSS em formulários 15:46
- Seção 6 - Aula 4 - Tipos de entrada de dados - parte 1 16:15
- Seção 6 - Aula 5 - Tipos de entrada de dados - parte 205 05 23:05
- Seção 6 - Aula 6 - Tipos de entrada de dados - parte 3 02:04
- Seção 7 - Aula 1 - Quais efeitos veremos? 01:05
- Seção 7 - Aula 2 - CSS Border-radius 07:54
- Seção 7 - Aula 3 - CSS Box-shadow 05:03
- Seção 7 - Aula 4 - CSS text-shadow 04:07
- Seção 7 - Aula 5 - CSS gradiente linear 15:00
- Seção 7 - Aula 6 - Fontes customizadas 11:27
- Seção 7 - Aula 7 - CSS transitions (transições suaves) 14:34
- Seção 8 - Aula 1 - Projeto Strata - início 13:10
- Seção 8 - Aula 2 - Seção Recent Works 07:38
- Seção 8 - Aula 3 - HTML Get in Touch 09:56
- Seção 8 - Aula 4 - HTML - Elements - parte 1 20:52
- Seção 8 - Aula 5 - HTML - Elements - parte 2 - Links 05:45
- Seção 8 - Aula 6 -HTML - Elements - parte 3 - Tabelas 01:53
- Seção 8 - Aula 7 - HTML - Elements - parte 4 - buttons 11:27
- Seção 8 - Aula 8 - HTML - Elements - parte 5 - Imagens 05:46
- Seção 8 - Aula 9 - CSS - Início 14:17
- Seção 8 - Aula 10 - CSS - Estrutura 21:15
- Seção 8 - Aula 11 - CSS - parte 1 - base 17:19
- Seção 8 - Aula 12 - CSS - parte 2 - listas 14:05
- Seção 8 - Aula 13 - CSS - parte 3 - botões 09:47
- Seção 8 - Aula 14 - CSS - parte 4 - tabelas 11:51
- Seção 8 - Aula 15 - CSS - parte 5 - Get in Touch 23:05
- Seção 8 - Aula 16 - CSS - parte 6 - arrumar o formulário 05:25
- Seção 8 - Aula 17 - CSS - parte 7 - ajustes 10:15
- Seção 8 - Aula 18 - CSS - parte 8 - Galeria de imagens - 3 colunas 12:48
- Seção 8 - Aula 19 - CSS - parte 9 - Corrigir grid 10:07
- Seção 8 - Aula 20 - CSS - parte 10 - hover nos botões 05:49
- Seção 8 - Aula 21 - CSS - parte 11 - footer 04:38
- Seção 8 - Aula 22 - Resultado Final 02:33
- Seção 8 - Aula 23 - Refatoração 11:26
- Seção 9 - Aula 1 - Seletores compostos - parte 1 11:50
- Seção 9 - Aula 2 - Seletores compostos - parte 2 17:20
- Seção 9 - Aula 3 - CSS content, ::after e ::before 07:35
- Seção 9 - Aula 4 - pseudo-classes e pseudo-elementos - parte 1 06:34
- Seção 9 - Aula 5 - pseudo-classes e pseudo-elementos - parte 2 13:17
- Seção 9 - Aula 6 - pseudo-classes e pseudo-elementos - parte 3 08:11
- Seção 9 - Aula 7 - pseudo-classes e pseudo-elementos - parte 4 05:31
- Seção 9 - Aula 8 - CSS propriedade transform 25:41
- Seção 9 - Aula 9 - Exercício Prático 20:00
- Seção 9 - Aula 10 - Desafio checkbox lindão 03:26
- Seção 9 - Aula 11 - Resolução do DESAFIO 07:35
- Seção 9 - Aula 12 - Desafio - Será que nosso checkbox está acessível? 05:24
- Seção 9 - Aula 13 - Efeito hover lindão em thumbnails 12:16
- Seção 10 - Aula 1 - Introdução ao design responsivo RWD 12:28
- Seção 10 - Aula 2 - CSS media types 10:50
- Seção 10 - Aula 3 - media queries parte 1 11:17
- Seção 10 - Aula 4 - media queries parte 2 08:47
- Seção 10 - Aula 5 - media queries parte 3 22:30
- Seção 10 - Aula 6 - Apresentar projeto Responsivo 05:44
- Seção 10 - Aula 7 - Estrutura do projeto Responsivo 12:05
- Seção 10 - Aula 8 - CSS do projeto - parte 1 09:39
- Seção 10 - Aula 9 - CSS do projeto - parte 2 08:12
- Seção 10 - Aula 10 - CSS do projeto - parte 3 15:18
- Seção 10 - Aula 11 - CSS do projeto - parte 4 04:16
- Seção 10 - Aula 12 - CSS do projeto - parte 5 03:07
- Seção 10 - Aula 13 - CSS responsivo - parte 1 10:51
- Seção 10 - Aula 14 - CSS responsivo - parte 2 05:52
- Seção 10 - Aula 15 - CSS responsivo - parte 3 06:18
- Seção 10 - Aula 16 - CSS responsivo - parte 4 07:40
- Seção 10 - Aula 17 - CSS responsivo - parte 5 11:11
- Seção 11 - Aula 1 - Incorporar conteúdo 00:53
- Seção 11 - Aula 2 - TAG AUDIO 07:44
- Seção 11 - Aula 3 - TAG VIDEO 04:22
- Seção 11 - Aula 4 - TAG IFRAME 06:52
- Seção 11 - Aula 5 - TAG FIGURE 03:51
- Seção 12 - Aula 1 - picture, source, srcset e sizes 14:19
- Seção 12 - Aula 2 - atributo type 02:32
- Seção 12 - Aula 3 - TAG PICTURE 11:50
- Seção 13 - Aula 1 - hsl vs rgb 03:22
- Seção 13 - Aula 2 -preparando o exercício com CSS counter 04:28
- Seção 13 - Aula 3 - gradientes radiais - parte 1 22:58
- Seção 13 - Aula 4 - gradientes radiais - parte 2 06:00
- Seção 14 - Aula 1 - flexbox - introdução 06:14
- Seção 14 - Aula 2 - css flexbox: propriedades aplicadas ao flexcontainer 20:25
- Seção 14 - Aula 3 - css flexbox: propriedades aplicadas ao flexitens 11:22
- Seção 14 - Aula 4 - css flexbox: Mudando a ordem e o alinhamento de elementos individuais 05:48
- Seção 14 - Aula 5 - css flexbox: cross axis vs main axis 05:16
- Seção 14 - Aula 6 - css Flexbox na prática 05:22
- Seção 15 - Aula 1 - Introdução ao CSS Grid 04:57
- Seção 15 - Aula 2 - Suporte do CSS Grid 02:56
- Seção 15 - Aula 3 - grid-templates 05:23
- Seção 15 - Aula 4 - grid-gap 03:10
- Seção 15 - Aula 5 - nova unidade de medida: fr 03:59
- Seção 15 - Aula 6 - Posicionando gridItens - parte 1 07:37
- Seção 15 - Aula 7 - Posicionando gridItens - parte 2 02:46
- Seção 15 - Aula 8 - Criar uma estrutura de layout usando CSS Grid 08:57
- Seção 15 - Aula 9 - grid-template-areas e grid-area 07:52
- Seção 15 - Aula 10 - grid-lines nomeadas - parte 1 12:52
- Seção 15 - Aula 11 - grid-lines nomeadas - parte 2 03:31
- Seção 15 - Aula 12 - auto-fill vs auto-fit 10:29
- Seção 15 - Aula 13 - auto-rows 03:03
- Seção 15 - Aula 14 - CSS Grid - Proposta de Desafio: Calculadora 02:08
- Seção 15 - Aula 15 - Resolução do desafio: calculadora 11:03
- Seção 16 - Aula 1 - Um pouco mais sobre semântica 15:55
- Seção 16 - Aula 2 - Um pouco mais sobre CSS 01:20
- Seção 16 - Aula 3 - Especificidade no CSS - parte 1 25:26
- Seção 16 - Aula 4 - Especificidade no CSS - parte 2 10:18
- Seção 16 - Aula 5 - Altura de 100% no CSS não funciona como esperado 11:38
- Seção 17 - Aula 1 - Introdução à animação com CSS 16:04
- Seção 17 - Aula 2 - Criando animações 19:14
- Seção 17 - Aula 3 - animation shorthand 01:15
- Seção 17 - Aula 4 - animando múltiplas propriedades 02:56
- Seção 17 - Aula 5 - Exercício slideshow 20:04
Take this course with you
Download the app to continue lessons from your phone anytime.
