Projeto desenvolvido pelo desafio da Alura sobre Front End, feito no decorrer de 4 semanas sobre um site de um evento musical e me aprofundando em diversas tecnologias.
| 🪧 Vitrine.Dev | |
|---|---|
| ✨ Nome | CodeChella - Alura challenge |
| 🏷️ Tecnologias | javascript, html e css |
| 🚀 URL | https://www.codechella.com.br |
| 🔥 Desafio | https://url-do-desafio.com.br |
O site é um evento músical (fictício) que brinca e faz alusão a palavras utilizadas na programação e suas tecnologias mesclando com nome de bandas famosas, utilizando uma variedade de técnicas e tecnologias o objetivo do projeto é criar uma página que seja visualmente atraente e totalmente responsiva, ao mesmo tempo em que é otimizada para mecanismos de busca. Orientado pelos instrutores da [Alura][Alura] trabalhei durante 6 semanas estudando diversos assuntos como leiautes com Flexbox ou Grid e suas funções responsivas, pré processadores css como sass ou less, vetores e animações com SVG, frameworks como Tailwind, bootstrap e diversos outros assuntos.
Criado utilizando HTML5, CSS3 e JavaScript. O leiaute foi desenvolvido utilizando a metodologia Mobile First, o que significa que ele foi projetado primeiro para dispositivos móveis e depois adaptado para desktops. Para tornar a página responsiva, utilizou-se a técnica de media queries.
A manipulação da página foi feita com JavaScript, utilizando o DOM (Document Object Model) para acessar e modificar elementos HTML e CSS em tempo real. Para melhorar a performance do site, foram implementadas técnicas de otimização, como carregamento assíncrono de scripts e compressão de arquivos.
Além disso, o projeto foi otimizado para SEO, utilizando meta tags e estruturação correta de conteúdo para melhorar sua visibilidade nos mecanismos de busca.
O site possui algumas funcionalidades básicas que foram implementadas para demonstrar o uso do JavaScript e do DOM:
Alteração do conteúdo da página por meio de botões Criação dinâmica de elementos HTML Validação de formulários Manipulação de elementos HTML e CSS em tempo real