Git Product home page Git Product logo

vou-revelar-seu-destino-maratonaexplorer's Introduction

Acesse aqui: https://vou-revelar-seu-destino-byericnascimento.netlify.app/

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"

vou-revelar-seu-destino-maratonaexplorer's People

Contributors

ericnascimentoyt avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.