└── README.md


/README.md:
--------------------------------------------------------------------------------
 1 | # Projeto de Introdução ao desenvolvimento web
 2 | 
 3 | 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:
 4 | 
 5 | - Variáveis
 6 | - Operadores
 7 | - Strings
 8 | - Arrays
 9 | - Objetos
10 | - Condicionais
11 | - Laços
12 | - Funções
13 | - Funções de Array
14 | - HTML e CSS
15 | - Flex e Grid
16 | - DOM e responsividade
17 | 
18 | ## Enunciado
19 | 
20 | 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.
21 | 
22 | 
23 | 
24 | [Exemplo](https://user-images.githubusercontent.com/11279432/180304632-97d6705d-100c-4272-8255-8aae19813700.mov)
25 | 
26 | 
27 | 
28 | ### Lista de requisitos
29 | 
30 | - [ ]  Tela de listagem com título
31 | - [ ]  Cabeçalho na página
32 | - [ ]  Área principal com barra de pesquisa e botão
33 | - [ ]  Espaço para lista dos itens
34 | - [ ]  ao menos três itens listados
35 | - [ ]  Itens listados **utilizando manipulação do DOM**
36 | - [ ]  Rodapé na página com identificação
37 | - [ ]  Barra de pesquisa com alerta se tentar pesquisar com campo em branco
38 | - [ ]  Clique do botão executa busca entre os itens
39 | - [ ]  Relatório impresso no console com as informações de cada item
40 | - [ ]  Nome/título dos itens em letras maiúsculas
41 | - [ ]  Média numérica calculada e impressa no console
42 | - [ ]  Verificação de valores booleanos true impressa no console
43 | - [ ]  Utilização de Grid ou Flex para estilizar
44 | - [ ]  Atenção ao padrão de estilização enviado
45 | 
46 | ### Instruções de entrega
47 | 
48 | - Faça o fork desse repositório e realize o clone da sua cópia `seu-nome-de-usuario/projeto-intro-web`.
49 |    <details>
50 |    <summary>Quer uma dica?</summary>
51 |    <img src="https://firebasestorage.googleapis.com/v0/b/assets-conteudo.appspot.com/o/gerais%2Ffork.png?alt=media&token=7030e997-246a-41fe-a75f-2a2ced61e54d" alt="Como adicionar o projeto no repositório"/>
52 |    </details>
53 | - Crie os arquivos do projeto dentro deste repo;
54 | - Execute o fluxo de entrega do git. **Lembre-se de abrir os PRs para seu próprio repositório.**
55 | - Para isso, você precisará fazer o projeto utilizando **branches**. Evite fazer as alterações direto na branch ```main```
56 |     <details>
57 |        <summary>Dúvidas sobre o Git & Github?</summary>
58 |        <p>Adiciomos um vídeo explicando o <strong>processo de entrega</strong> [do fork ao pull request] no Material Assincrono da Aula de <a href="https://estudante.labenu.com.br/conteudos/tecnico/mod1/Git%20e%20Github">Git e Github</a>. Esse vídeo também exemplifica situações que podem acontecer durante o fluxo de utilização do Git.</p>
59 |     </details>
60 | - Entregue o **link do repo** no [Formulário de entrega](https://forms.gle/Q1mXTJFxwVUgUnrZA).
61 | 
62 | **Opcional**: Tente utilizar o **Github pages** para fazer o deploy do seu projeto.
63 | 


--------------------------------------------------------------------------------