Skip to content

Projeto de Programação Desafio 7 Days of Code, o repositório segue um projeto do Figma com soluções minhas.

Notifications You must be signed in to change notification settings

pedrofelixg/7daysOfCodeOptimusTech

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logo memoji da página

Página da Optimus Tech - 7daysOfCode

🪧 Vitrine.Dev
✨ Nome Optimus Tech
🏷️ Tecnologias HTML, CSS, Javascript
🚀 URL https://7days-of-code-optimus-tech.vercel.app/
🔥 Desafio 7 Days Of Code - Alura

Contatos e Links interessantes

Detalhes do Projeto

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.

Desafios Diários

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".

Implementações Particulares (UPDATES)

  • 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.

Prévia do Site

prévia do site

Tela de Login

prévia da tela de login da página

About

Projeto de Programação Desafio 7 Days of Code, o repositório segue um projeto do Figma com soluções minhas.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published