Aqui você encontrará todos os exercícios propostos em cada atividade de cada módulo de desenvolvimento web do ciclo 1. Abaixo detalho mais informações para cada módulo, como tecnologias usadas para o desenvolvimento das atividades.
Caso queira acessar meus projetos de conclusão de módulo, pode encontrá-los neste repositório
Mantido por:
Este foi o módulo onde a proposta dos exercícios foi desenvolver uma base sólida de HTML
Após concluir o módulo, fui capaz de utilizar:
- HTML para construir páginas web do zero ;
- Tags semânticas para facilitar leitura e identificação do código;
- Criação de tabelas, listas e formulários;
- Diferentes tipos de mídia;
- Vetores e gráficos.
Para o desenvolvimento das atividades desse módulo foram utilizadas as seguintes tecnologias:
- Desenvolvimento
- Git e Github
- Visual Studio Code
- Extensões do VS Code
- Linguagens
- HTML
Neste segundo módulo, tive minha introdução ao mundo do front-end através do CSS 3.
Após concluir o módulo, fui capaz de utilizar:
- Classes e IDs junto a seletores complexos para estilizar os elementos da página;
- Estilização de texto e imagens;
- Fontes locais e remotas;
- Media queries, medidas relativas e variáveis para criação de design responsivos;
- Flex-box e grid para definição do layout;
- Keyframes, transition e transform para criar animações.
- Regras de acessibilidade para cores de texto e fundo
- Técnicas para escolha de cores, como a rega 60 30 10
Para o desenvolvimento das atividades desse módulo foram utilizadas as seguintes tecnologias:
- Desenvolvimento
- Git e Github
- Visual Studio Code
- Extensões do VS Code
- Linguagens
- HTML
- CSS
Neste terceiro módulo, pude aprofundar meus conhecimentos prévios com a linguagem JavaScript, e aprender a utilizá-la para tornar sites mais funcionais e interativos.
Após concluir o módulo, fui capaz de utilizar:
- querySelectorAll, querySelector, getElemementById e getElementByClassName para acessar elementos de um documento HTML;
- Let e const para armazenamento de dados;
- Estruturas condicionais como If, else if e else para criar lógicas de negócios;
- Diferentes tipos primitivos de dados;
- Estruturas de repetição como for e while para tarefas repetitivas, como a mudança de cor do elementos de um site com tema escuro para o tema claro;
- JavaScript para modificar estilos e propriedades dos elementos do HTML
Para o desenvolvimento das atividades desse módulo foram utilizadas as seguintes tecnologias:
- Desenvolvimento
- Git e Github
- Visual Studio Code
- Extensões do VS Code
- Linguagens
- HTML
- CSS