Para dar início à etapa 2 do Journey Web 2025, começaremos revisitando conceitos fundamentais de prototipação (UX/UI) e HTML/CSS. Para isso, convidamos você para um desafio prático, permitindo que vocês se envolvam em necessidades reais da WebTech Network.

O Canvas traz uma lista de Propostas de Projetos e direciona para a descrição detalhada de cada projeto, com informações sobre os objetivos e aspectos que deverão ser trabalhados.

Habilidades a serem desenvolvidas

Durante esta etapa, trabalharemos conceitos essenciais de prototipação e HTML/CSS, abordando:

• Pesquisa do projeto e identificação dos principais desafios.
• Prototipação da solução, criando wireframes e mockups baseados na pesquisa.
• Criação de um site estático com HTML e CSS.

Conhecimento envolvido

Para reforçar o aprendizado, disponibilizamos materiais complementares:

📌 Conteúdo Básico

• Fundamentos da Web
• Técnicas de UX/UI Design 
• Linguagens HTML e CSS

📌 Conteúdo Extra

• HTML Semântico- Boas práticas para estruturação de páginas.
• Metodologias CSS – Organização e escalabilidade do código
  • BEM CSS
  • OOCSS
  • SMACSS

Atividade Prática

Nesta tarefa, deverão ser entregues dois projetos essenciais :

• Protótipo no Figma , representando a solução idealizada.
• Repositório no GitHub , contendo um site estático e responsivo baseado na prototipação.

Para a construção da tarefa, é fundamental interagir com seu Tech Leader/Product Owner , garantindo o entendimento do desafio e do andamento da solução. Essa interação será considerada na avaliação e participação na atividade.

Ferramentas Utilizadas

• Git – Controle de versão e gerenciamento de branches.
• GitHub – Hospedagem de código e colaboração.
• Figma – Criação do protótipo interativo.
• HTML – Estruturação do site.
• CSS – Estilização da identidade visual.

Critérios de Avaliação

A entrega será validada por meio do GitHub Classroom , garantindo que todas as etapas tenham sido corretamente concluídas. Os seguintes critérios serão avaliados:

✅ Pesquisa e Participação – Engajamento na compreensão dos problemas do projeto. ✅ Protótipo – Identidade visual bem definida e coerente com a proposta. ✅ Git/GitHub – Uso adequado do versionamento, com commits e branches organizados. ✅ Código – Estrutura semântica correta e boas práticas de CSS.

Considerações Finais

Este é o início de sua jornada como um membro da WebTech Network . Aproveite essa experiência para aprofundar seu conhecimento e desenvolver boas práticas no uso das tecnologias e ferramentas envolvidas!

Bom desafio! 🚀