| 🪧 Vitrine.Dev | |
|---|---|
| ✨ Nome | CodeChella |
| 🏷️ Tecnologias | HTML, CSS |
| 🚀 URL | https://codechella-alura-challenge.vercel.app/ |
| 🔥 Desafio | Alura Chalenge 6ª Edição |
Em linhas gerais o projeto visa a criação de um página web para um evento intitulado CodeChella, que recebe o usuário, apresenta como será o evento e sua programação e é capaz de redirecionar o usuário para detalhes específicos, como comprar um ingresso através de formulários.
O projeto é dividido em semanas que vão adicionando camadas de estudos e responsabilidades com o código além do visual (HTML e CSS).
A ideia é colocar em prática o conhecimento adquirido na Alura, implementar soluções criativas para questões relacionadas ao trabalho de um desenvolvedor front-end e adicionar o projeto ao portfólio de quem trabalha com ele (nesse caso é a pessoa que digitou esse README.md).
SEMANA 01
Desenvolvimento do site, com páginas, principais e subpáginas, com HTML e CSS, com foco em responsividade para telas (mobile, tablet e desktop), preparação de ambiente para alternar cores (modo verão e inverno), HTML limpo para refatoração correta, foco no método B.E.M, a hierarquia de páginas é:
- Página Principal (que vai conter todos os direcionamentos necessários);
- A Experiência (primeira subpágina);
- Mapa de Setores;
- Página de Informações Gerais;
- Formulário de Compra dos Ingressos.
SEMANA 02
Foco na responsividade do site, para ajustar as views de tablets e smartphones
- Modelo das Medias Querys;
- Ajuste de proporção das imagens;
- Resposividade das Imagens com SRCSET, propriedade HTML.
SEMANA 03
Foco em alternância de temas verão (light) e boreal (dark) a manipulação do DOM com JAVASCRIPT
- Alteração de atributos do D.O.M com Javascript;
- Foco em acessibilidade e conforto da visualização da página.
SEMANA 04
Desktop
Tablet
