Vamos relembrar? 🤔

[jmtannus]

Dúvidas? Faltou a aula? Vem pra cá que a gente ajuda! 😃

Boa tarde turma dcTeams23! 🏆

Meu povo, esse discussions está sendo aberto para ficarmos informados sobre quais foram os tópicos abordados em sala e - se possível - um resumo da aula.

Mas, além disso, este ambiente casual é principalmente para nos conectarmos, tirar dúvidas sem julgamentos nem vergonha. Eu já estou dando minha 😶‍🌫️ à tapa. 😄

Fique a vontade para:

• Compartilhar ideias,
• Fazer perguntas,
• Dar sugestões,
• Acrescentar algo que foi dito em sala e não foi mencionado aqui.

Se eu tiver me enganado sobre algum conteúdo da aula, agradeço demais se puder corrigir
Lembre-se que esse cantinho é nosso! Vamos aproveitar! E me ajude, 🙏 pleeeease! 🤣

[jmtannus]

Aula: 28 de Julho

🔖 Tópicos abordados:

• O que é Figma e para que serve.

• Overview: FreeCodeCamp: Camper Cafe (continuará na próxima aula)

• Introdução ao CSS

• Uso do Chrome DevTools

• O que é Terminal?

• Exercício em sala: FreeCodeCamp: Utilizando terminal remoto: learn-bash-by-building-a-boilerplate

• Tailwind:

  Framework CSS que oferece a possibilidade de você criar layouts usando uma estrutura de CSS pronta. Isso permite que você otimize o tempo de criação de uma UI sem precisar fazer tudo manualmente. É uma biblioteca com todo o tipo de classe. Utiliza vários valores dentro de uma única classe.

• Stack Overflow:

  Plataforma gratuita de perguntas e respostas para programadores, estudantes e interessados em tecnologia e desenvolvimento.

• Atividade pra casa: Fazer exercícios no DevTools

  Na parte body, usar seletor, conhecer novas propriedades e "brincar" com elas.
  Clicar no triângulo invertido onde tem outras opções. São muitos seletores, pesquise! 😃

[jmtannus]

Aula do dia 28 de Julho

📚 Resumo do conteúdo

Primeira parte

1. O que é CSS:

Estrutura para adicionar estilo. CSS é uma linguagem baseada em regras. Você define regras especificando grupos de estilo que devem ser aplicados para elementos particulares ou grupos de elementos na sua página web.

A regra é aberta com um seletor e um conjunto de chaves { }.

Dentro delas haverá uma ou mais declarações que tomam a forma de pares propriedade e valor.

Cada par especifica uma propriedade do(s) elemento(s) que estamos selecionando e, em seguida, então um valor que gostaríamos de atribuir à propriedade.

Antes dos dois pontos, temos a propriedade, e, depois, o valor.

      h1 {
        color: red;
        font-size: 5em;
      }

2. Declaração: Composta por seletor, propriedade e valor.

• Seletores;

  São usados para direcionar os elementos HTML em nossas páginas da web que queremos estilizar:

     h1 {
     color: blue;
     background-color: yellow;
     }
     
     p {
     color: red;
     }
  

  Seletores de tipo, classe e ID:

  • elemento:

      h1 {
      }
    

  • classe:

      .click {
      }
    

  • ID:

      #input {
      }
    

• Propriedades;

  São as características do elemento. Quanto mais específico, mais prioritário. Ex: #input e .click

• Valor;

  É uma grandeza ou um aspecto visual que define quantidades ou características de uma propriedade. Ex: red, 2px solid blue , 2.5em, left, top , etc.

3. Seletores de atributos

4. Pseudoclasses e pseudoelementos

5. O modelo da caixa

6. Planos de fundo e bordas

Observações:

Como declarar um arquivo CSS no HTML?

Para linkar um arquivo CSS a um documento HTML, basta utilizar a tag dentro da seção do HTML. A tag deve conter pelo menos três atributos: href, rel e type. O atributo href indica o caminho para o arquivo CSS que será linkado.

[jmtannus]

AULA 11/08

• Diferença de git e github
• Configuração :

• Uso do git config --global user.email

Lista de comandos feitos por @AbraaoAlves: dotfiles
comando gitconfig, altera ou lê as configurações . Dentro da pasta .git no computador.

oh my git : dicas

https://github.com/git-learning-game/oh-my-git/blob/main/levels/branches/reorder
https://git-scm.com/docs/git-reset