Next Level Week / Trilha Explorer - eSports by Rocketseat

Projeto criado durante a NLW da @Rocketseat

- Concluído !

• DIA 01 - Ambiente DEV - 11/09/2022

  - Ferramentas
  
    → Browser (navegador)
  
        Microsoft Edge
  
    → Editor de código
  
        Visual Studio Code
  
    → Layout
  
        Figma
        
  - Microsoft Edge
  
    → Editor de código
  
      Profissional para gerenciar arquivos
  
    → Funções
  
      Criar arquivos e pastas, facilidade de criar e editar códigos
  
    → Extensões
  
      Servem para personalizar o editor como alteração de cores ou expandir as funcionalidades
  
  - Figma
  
      → Plataforma online para criação de interfaces profissionais.
  

• DIA 02 - HTML - Introdução - 12/09/2022

   - O que é HTML?
  
       → Estruturar textos, criar links, imagens, vídeo, etc ...
       → Hypertext Markup Language
  
         -Linguagem de marcação de texto
  
   - Hypertext
  
       → Hiper texto
       → Texto que contém links
  
   - Markup
  
       → Marcação do texto
       → Elemento HTML ou tag
  
         -Existem inúmeras tags e cada uma deles irá servir para um determinado propósito. Ex.: imagem, texto grande, link, parágrafo, etc...
  
   - Sintaxe de uma tag
  
       → sinal de menor, nome da tag, sinal de maior, conteúdo, sinal de menor, barra, nome da tag, sinal de maior
  
         ```html
         <p>conteúdo</p>
         ```
  
   - Atributos
  
       → Adicionam informações e configurações à uma tag
       → Sintaxe
  
         -nome do atributo, sinal de igual, aspas duplas (abre), valor, aspas duplas (fecha)
  
  
          ```html
          <a href="#">link</a>
          ```
  
   - Comentários
  
       → Ignorar linhas de código
       → Adicionar informação
       → Somente acessível por quem coda
  

• DIA 03 - CSS - Folha de Estilo em Cascata - 13/09/2022

  - O que é CSS?
  
      → Apresentação visual para o cliente
      → Estilos para o HTML
      → Cascading Style Sheets
  
  - Declaration
  
      → Declaração
  
         -Pedaço de código que irá ditar as propriedades e valores a serem aplicadas a um elemento HTML
  
  - Sintaxe
  
      → Seletor, chave (abre), propriedade, dois pontos, valor, ponto vírgula, chave (fecha)
  
  
        ```css
        body {
          background: red;
        }
        ```
  
  - Comentários
  
      → Ignorar parte do código
      → Adicionar informações que serão visíveis somente pra quem coda
  
        ```css
        /* Essa linha será ignorada */
  
        /*
        Poderemos ignorar várias
        linhas de código
        dessa forma
        */
        ```
  
  - Cascading
  
      → Cascata
  
         -Quando há 2 (ou mais) declarações a última será mais relevante
  
  
          ```css
          body {
            background: red;
          }
  
          body {
            background: blue;
          }
  
          ```
  
  - Specificity
  
      → Especificidade: Cada seletor tem um peso e a soma dos pesos, será levada em conta para que determinada declaração seja mais específica
  
          ```css
          #id {
            /* peso 100 */
          }
  
          .class {
            /* peso 10 */
          }
  
          element {
            /* peso 1 */
          }
  
          ```
  
          > A cascata perde prioridade e é priorizada a especificidade da declaração > 
  
  - Box Model
  
      → Tudo são caixas
  
          Todos os elementos HTML serão considerados uma caixa, assim como uma caixa de papelão
  
      → Caixas possuem determinadas propriedades, veja
  
          Conteúdo, Largura, Altura, Borda, Preenchimento (espaço interno), Espaçamento (espaço externo)
  

• DIA 04 - GitHub - 14/09/2022

  - O que é ?
  
      → Plataforma online para colocar seus códigos
      → Trabalha com o Git
  
          Versionamento de código
  
      → Trabalhar em diversos projetos e times de código
      → Perfil para mostrar seu trabalho (portfólio)
  

• DIA 05 - Código original final no Github do Mayk Brito- 15/09/2022

  • NLW-Esports-Explorer

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto;

• HTML

• CSS

  Screenshot - Centralizador de Links

  

Autor

_{Ildson Leno} 🚀

Feito com ❤️ por Ildson Leno entre em contato!!