Utilize apenas JavaScript (ou TypeScript) puro, sem a ajuda de qualquer framework ou biblioteca, e construa um calendário dinâmico e interativo! O objetivo desse mini projeto é quanto compreender a lógica por trás da criação e manipulação de um calendário, sem recorrer a frameworks de front-end.
- O calendário deve exibir:
- Os dias da semana.
- Os dias do mês.
- Adicione botões para avançar e retroceder:
- Botão "Próximo mês" que avança o calendário em um mês.
- Botão "Mês anterior" que retrocede o calendário em um mês.
- O dia atual deve estar destacado com uma cor diferente.
- Dê a opção de trocar o idioma do calendário.
- Ao finalizar, faça o deploy e submeta sua implementação no site do Codante.
- Estude a manipulação do DOM com JavaScript para criar e modificar elementos na página.
- Familiarize-se com o objeto
Date
do JavaScript para trabalhar com datas. - Para o recurso de troca de idiomas, utilize a API de Intl no JavaScript. Ela é muito poderosa!
- Recomendamos o uso do Vite para configurar e rodar a sua aplicação.
Temos uma sugestão de design no Figma. Entretanto, fique à vontade para usar sua criatividade e criar um design único.
Figma - link do design
- HTML
- CSS
- JavaScript ou TypeScript Puro
HTML, CSS básicos
JavaScript básico