input

-> Essa tag recebe textos. -> Não tem uma tag de fechamento, pois não tem conteúdo.

atributo

-> atributo padrão: ela ja vem com o atributo de 'type' com o valor 'text'

-> placehouder="": é o texto que fica dentro da caixa que recebe o texto, até a pessoa digitar algo dentro.

| <input type="text" placehouder=""/> |

max-width: é o limite maxímo de largura definido à um elemento.

Resumo | HTML - https://fronteditor.dev/HTML Resumo | CSS - https://fronteditor.dev/CSS Resumo | Javascript - https://fronteditor.dev/Javascript

HTML

HyperText Markup Language
Hiper Texto?
Marcação
- tags
- atributos
Linguagem
- maneira de escrever

CSS

Apresentação visual para o cliente
Estilos para o HTML
Cascading Style Sheets
- Folha de Estilo em Cascata

Declaração

Seletor
Propriedade e Valor

Conceitos

Cascata
Especificidade
Box Model
Display block vs inline

imagem bola de cristal

https://gist.githubusercontent.com/maykbrito/0acdf4ce919838ffed50915a31fc5b23/raw/6f4dd01ec3116428ec4c99255944cb9ac7927590/cristal-ball.svg

JavaScript

// 1. Variáveis
// let estaChovendo = true
// const meuNome = "Mayk"


// 2. Tipos de Dados 
  // String
  // ""
  // ''
  
  // Number
  // 12 - Integer (+ -)
  // 3.2 - Float (+ - )

  // Boolean
  // true ou false
  // const maiorDeDezoito = false

  // undefined - indefinido


// 3. Operadores
  // Atribuição (ex: =)
  // atribui valor
  // let n1 = 12
  // let n2 = 3 

  // Aritméticos (ex: * / + - )
  // calculos matemáticos simples

  // Concatenação de String (+)

  // Comparação (ex: > < == )
  // transforma a expressão em true ou false
  // const maiorQue = 1 > 2 // false
  // const igualA = 1 == 1 // true

// 4. Condicional (if/else)
  // const idade = 18
  // const maiorDeDezoito = idade >= 18 

  // if(maiorDeDezoito) {
  //   alert("Pode tirar carteira de motorista")
  // } else {
  //   alert("Não pode tirar")
  // }

// 5. Estrutura de dados
  // Array - Vetor - Lista
  // Array -----         0     1    2  3
  // const temperaturas = [23.3, 32.2, 1, 5]

  // Object
  // const pessoa = {
  //   nome: "Mayk",
  //   idade: 38,
  //   filhos: ["K", "E", "J", "L", "G"]
  // }
  // console.log(pessoa.filhos[3])

// 6. Function
  // 1. Criação 
  // function nomeDaFuncao() {
  //   console.log('código da função')
  // }

  // 2. Execução
  // nomeDaFuncao()


  // Parâmetros
  // function soma(a, b) {
  //   console.log(a + b)
  // }
  // soma(34, 45)
  // soma(90, 54)

  // Retorno
  // function soma(a, b) {
  //   return a + b
  // }

  // const multiplica = soma(2, 2) * 4
  // console.log(multiplica)

  // console.log(soma(2, 2))


// 7. Extensões da linguagem (ex.: Math, Date ...)

// Math.random()
// Math.floor(1.2)
// Math.ceil(1.2)

// 8. DOM - Document Object Model 
  
  // window
  // window.alert("alerta")
  // document
  // document.write("texto")
  // manipular elementos
  // document.documentElement.style.background = "black"

otavioOliveiraa / maratona-explore