Métodos e aprendizagem

Desenvolvimento front-end: tarefas e exercício prático

Construa as interfaces e verifique seu comportamento no navegador.

Essas folhas descrevem atividades e exercícios de ensino. Eles não constituem ofertas de emprego, certificados de certificação ou promessas de recrutamento.

Todas as descrições de cargos

Um exercício para praticar

Crie um filtro de catálogo que pode ser usado no teclado e compartilhável por um URL.

Trabalhe em uma cópia ou ambiente de demonstração. Defina os dados usados e o resultado esperado antes de começar. Mantenha suas decisões e as dificuldades encontradas para poder explicar o processo.

  1. Defina estados e estrutura HTML antes do comportamento interativo.
  2. Preveja a ausência de JavaScript, carregamento e zero resultados conforme necessário.
  3. Verifique o teclado, o foco, textos longos e telas pequenas.
  4. Dependências de documentos e controles de regressão.

Entregável e verificações

Uma interface funcional, testes de curso e documentação de componentes.

Uma tarefa completa é bem-sucedida com diferentes entradas e os erros permanecem acessíveis.

Para cada verificação, observe o contexto, a ação, o resultado esperado e o que foi observado. Distinguir uma verificação bem-sucedida de uma hipótese restante. Outra pessoa deve ser capaz de entender o produto, sem participar de toda a sua fabricação.

Use o livro de validação funcional

Pontos de vigilância e trabalho em equipe

A operação do mouse em uma única tela não é suficiente. A interface deve anunciar suas alterações e manter um estado compreensível.

Colaboração para explorar: Design UI.

Especifique o compartilhamento de responsabilidades: quem fornece as informações, quem decide, quem verifica e mantém o resultado. Uma boa transferência mantém as restrições e decisões, não apenas o arquivo final.

Emprego, comércio e treinamento

Perguntas frequentes

Este exercício é uma qualificação profissional?

Ele permite que você mostre uma abordagem e seus limites. Não é um diploma, nem uma certificação, nem uma prova de uma experiência de produção.

Como apresentar o trabalho em um portfólio?

Especifique que este é um exercício, sua função, restrições, decisões e verificações. Use dados de teste e mídia cujos direitos são estabelecidos.

Como avaliar a qualidade da entrega?

Uma tarefa completa é bem-sucedida com diferentes entradas e os erros permanecem acessíveis. Adicione as dificuldades encontradas e o que ainda precisa ser verificado em vez de apresentar uma validação absoluta.

Recursos para aprofundar

Procure outros arquivos