/projeto-intro-web

Projeto de Introdução ao desenvolvimento Web da Labenu

Projeto de Introdução ao desenvolvimento web

Esse é o projeto de introdução aos fundamentos do desenvolvimento Web. Aqui, vamos praticar a estrutura do que faremos pelo curso todo. O objetivo é construir uma página estilizada, e com lista e busca utilizando manipulação de DOM, praticando o conteúdo do módulo com JS:

  • Variáveis
  • Operadores
  • Strings
  • Arrays
  • Objetos
  • Condicionais
  • Laços
  • Funções
  • Funções de Array
  • HTML e CSS
  • Flex e Grid
  • DOM e responsividade

Enunciado

A página consiste em um HTML, ligado a um ou mais arquivos CSS, e um ou mais arquivos JS (recomendamos apenas um de cada, no entanto). O objetivo é conseguir criar uma página estática, depois estilizada, e por fim, dinâmica. A página vai catalogar (ou listar) itens que você escolher, e deve possuir um sistema simples de busca, que recebe um texto, e procura por nomes/títulos que correspondam a este texto.

exemplo.mov

Lista de requisitos

  • Tela de listagem com título
  • Cabeçalho na página
  • Área principal com barra de pesquisa e botão
  • Espaço para lista dos itens
  • ao menos três itens listados
  • Itens listados utilizando manipulação do DOM
  • Rodapé na página com identificação
  • Barra de pesquisa com alerta se tentar pesquisar com campo em branco
  • Clique do botão executa busca entre os itens
  • Relatório impresso no console com as informações de cada item
  • Nome/título dos itens em letras maiúsculas
  • Média numérica calculada e impressa no console
  • Verificação de valores booleanos true impressa no console
  • Utilização de Grid ou Flex para estilizar
  • Atenção ao padrão de estilização enviado

Instruções de entrega

  • Faça o fork desse repositório e realize o clone da sua cópia seu-nome-de-usuario/projeto-intro-web.
    Quer uma dica? Como adicionar o projeto no repositório
  • Crie os arquivos do projeto dentro deste repo;
  • Execute o fluxo de entrega do git. Lembre-se de abrir os PRs para seu próprio repositório.
  • Para isso, você precisará fazer o projeto utilizando branches. Evite fazer as alterações direto na branch main
    Dúvidas sobre o Git & Github?

    Adiciomos um vídeo explicando o processo de entrega [do fork ao pull request] no Material Assincrono da A005 - Git e Github. Esse vídeo também exemplifica situações que podem acontecer durante o fluxo de utilização do Git.

  • Entregue o link do repo no Formulário de entrega.

Opcional: Tente utilizar o Github pages para fazer o deploy do seu projeto.