en 🇺🇸

💈 Barbearia Alura

Projeto introduzido no primeiro curso de html e css da trilha Fullstack do Programa Desenvolve do Grupo Boticário em parceria com a Alura ✨

Cursos • Demonstração • Acertos, dificuldades e melhorias

📚 Cursos

Foram abordados conceitos apresentados nos cursos:

• HTML5 e CSS3 Parte 1: crie uma página da web
• HTML5 e CSS3 Parte 2: posicionamento, listas e navegação
• HTML5 e CSS3 Parte 3: trabalhando com formulários e tabelas
• HTML5 e CSS3 Parte 4: avançando no CSS
• Flexbox: posicione elementos na tela
• Layouts responsivos: trabalhando com layouts mobile
• Tipografia: conhecendo o que há por trás dos tipos

🖥️ Demonstração

Ou acesse o site.

👩‍💻 Acertos, dificuldades e melhorias

• ☀️ Acertos:

  • Estrutura do projeto, arquivos bem separados para facilitar visualização e manutenção;
  • Uso do padrão BEM no CSS, para simplificar os seletores CSS e evitar conflitos de estilo;
  • HTML semântico e acessível;

• 🌧️ Dificuldades:

  • Definir bons breakpoints e como organizá-los nos arquivos CSS;
  • Estilizar os inputs com a animação da label sem prejudicar a acessibilidade;

• 🌈 O que pode melhorar:

  • Responsividade do header/hero section em landscape;
  • Animação da navegação em telas menores quando o menu hamburguer está presente;
  • Validações mais rígidas nos inputs da seção de Agendamento.

---

Feito com 🤎 por Ana Beatriz Nunes