ABCDEFGHIJKLMNOPQRSTUVWXYZAAABAC
1
2
3
➡️ os campos em branco são os editáveis para você personalizar a data de início e finalização desejada
4
 FORMAÇÃO DATA DE INÍCIO DATA DE FINALIZAÇÃOPROGRESSO
5
A partir do zero: HTML e CSS para projetos web
01/01/202301/12/20230%
6
7
DIAS RESTANTESHORAS ESTUDO RESTANTES⏱️ TEMPO ESTUDO DIÁRIO
8
-66651:00:00-0:04:36
9
10
11
12
13
Passo 1 - Organizar e acompanhar seu progresso na formação
14
Faça uma cópia da planilha e altere sua data de início e finalização nos campos acima.
15
16
Passo 2 - Aprenda HTML, CSS e boas práticas de desenvolvimento
17
ConteúdoTipoAula/MaterialDuraçãoStatusObservações
18
5 MINUTOS DE HTML PARA INICIAR EM PROGRAMAÇÃO!
Vídeo5 MINUTOS DE HTML PARA INICIAR EM PROGRAMAÇÃO!0:05:00Pendente
19
HTML, CSS e Javascript, quais as diferenças?
ArtigoHTML, CSS e Javascript, quais as diferenças?00:25:00Pendente
20
O que é o HTML e suas tags? Parte 1: estrutura básica
ArtigoO que é o HTML e suas tags? Parte 1: estrutura básica0:30:00Pendente
21
HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tagsCursoO editor de código VSCode0:13:00Pendente
22
Documentação e HTML0:33:00Pendente
23
Layout e tags semânticas0:26:00Pendente
24
Estilizando o projeto com CSS0:13:00Pendente
25
Super estilizando o seu CSS0:12:00Pendente
26
Exercícios e práticas06:30:00Pendente
27
HTML e CSS: Classes, posicionamento e FlexboxCursoSeletores e posicionamento0:15:00Pendente
28
Posicionando mais elementos0:17:00Pendente
29
Estilos de texto e fontes0:12:00Pendente
30
Manipulando botões0:16:00Pendente
31
Ajustando o espaçamento0:06:00Pendente
32
Exercícios e práticas07:00:00Pendente
33
📚 Passo 2, check! Que tal revisar o conteúdo e praticar o que aprendeu até aqui?
34
35
Passo 3 - Organize sua página e deixe-a responsiva para diferentes telas
36
ConteúdoTipoAula/MaterialDuraçãoStatusObservações
37
Flexbox CSS: Guia Completo, Elementos e Exemplos
ArtigoFlexbox CSS: Guia Completo, Elementos e Exemplos0:30:00Pendente
38
HTML e CSS: cabeçalho, footer e variáveis CSSCursoPreparando o layout do projeto0:20:00Pendente
39
Criando ícones clicáveis0:13:00Pendente
40
Criando header e footer0:12:00Pendente
41
Navegando entre páginas0:18:00Pendente
42
Aplicando variáveis CSS0:24:00Pendente
43
Exercícios e práticas5:00:00Pendente
44
HTML e CSS: trabalhando com responsividade e publicação de projetosCursoUnidade de medidas0:11:00Pendente
45
Adaptando elementos0:12:00Pendente
46
Responsividade0:14:00Pendente
47
Responsividade e GitHub0:11:00Pendente
48
Repositório do GitHub0:16:00Pendente
49
Exercícios e práticas5:00:00Pendente
50
💻 Mais uma etapa concluída! Não deixe de colocar em prática os novos conhecimentos.
51
52
Passo 4 - Aprimore os seus conhecimentos e desenvolva layouts modernos para web
53
ConteúdoTipoAula/MaterialDuraçãoStatusObservações
54
Srcset: Trabalhando com imagens responsivas
ArtigoSrcset: Trabalhando com imagens responsivas0:30:00Pendente
55
HTML e CSS: praticando HTML/CSSCursoIniciando o projeto0:33:00Pendente
56
A dupla HTML e CSS0:21:00Pendente
57
Posicionando elementos0:27:00Pendente
58
Finalizando nossa página0:30:00Pendente
59
Compartilhando o projeto0:28:00Pendente
60
Exercícios e práticas06:00:00Pendente
61
HTML e CSS: responsividade com mobile-firstCursoAplicando a metodologia mobile-first0:24:00Pendente
62
Criando Header, Flexbox e @import0:56:00Pendente
63
Integrando o Carrossel com SwiperJS1:01:00Pendente
64
Selecionando Media Queries0:47:00Pendente
65
Produzindo CSS no desktop0:35:00Pendente
66
Publicando o projeto0:14:00Pendente
67
Exercícios e práticas8:00:00Pendente
68
🎉 Mandou bem, você completou a formação! Continue praticando e evoluindo.
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100