| 🪧 | Vitrine.Dev |
|---|---|
| ✨ Nome | Optimus Tech |
| 🏷️ Tecnologias | HTML, CSS, Javascript |
| 🚀 URL | https://7days-of-code-optimus-tech.vercel.app/ |
| 🔥 Desafio | 7 Days Of Code - Alura |
a página do projeto OptmiusTech foi proposta pela Alura no 7 Days of Code para trainamento de HTML e CSS. O desafio consiste em criar essa página da empresa fictícia acima mencionada usando os conhecimentos da formação HTML e CSS pensada para Escola de Front-End. A partir de um layout no Figma executei os conceitos estabelecidos de melhoria de código com boa legibilidade e aprimoramentos de execução de tarefas, abaixo segue os principais conceitos utilizados:
- Metodologia B.E.M;
- Variáveis CSS;
- Flexbox;
- Entendimento de Elementos
block-level; - Código Semântico com foco em acessibilidade.
Como o proposito dos 7 Days of Code é ter uma semana de imersão em um projeto que simula as estratégias reais do dia-a-dia do front end, cada dia traz um desafio.
Dia 01
Construção do Header da Página, utilizando os principais conceitos do flex-box.
Dia 02
Desenvolver a primeira seção da página, que também pode ser chamada de cabeçalho.
Dia 03
Desenvolver a seção de estatísticas da empresa divulgando os principais resultados de seu trabalho.
Dia 04
Desenvolver a seção de "Estamos à procura de novos talentos" com foco no tratamento de imagem.
Dia 05
Desenvolver a seção de vagas, descrição e uso do flex, também criei tags "a" para futuramente implementar uma página de formulário para submeter vagas.
Dia 06
Penúltimo desafio é criar uma seção para depoimentos de desenvolvedores que trabalham na OpitumsTech.
Dia 07
Seção de rodapé e um formulário de submissão de uma "newsletter".
- Adicionei um comportamento ao botão "Cadastrar" no Rodapé para avisar que o e-mail foi cadastrado na Newsletter de candidaturas, espero em breve criar um sistema de verificação do formulário e armazenamento dos e-mails cadastrados.
- Adicionei uma página de login, que vai conter um validador de formulário com Javascript.
- A verificação de e-mail no rodapé e na página de login está seguindo uma regex, conforme pode ser visto no repositório.
