acmesquita

let list = ['João', 'Maria', 'José']

function add(...items){
  // nesse caso eu espalho a list e uno com os items tbm espalhados
	// e crio uma nova lista.
  list = [...list, ...items]
}

add('Marco', 'Judas', 'Cleiton')

acmesquita

const list = ['João', 'Maria', 'José']

function add(...items){
  items.forEach(item => list.push(item));
}

add('Marco', 'Judas', 'Cleiton')

console.log(list)// ['João', 'Maria', 'José', 'Marco', 'Judas', 'Cleiton']

acmesquita

const response = {
  mgs: 'Mensagem',
  isEnd: false
}

// forma de acesso via objeto sem criar novas variáveis para acesso

console.log(response.msg)
console.log(response.isEnd)

acmesquita

// Importação de um módulo nativo do nodejs
const readline = require('readline');

class Jogo {
  constructor(){
    this.numero = parseInt(Math.random() * 100)
    this.palpites = []
    this.init()
  }

acmesquita

// Importação de um módulo nativo do nodejs para leitura do terminal
const readline = require('readline');

// Criação de uma classe que representa do Jogo
class Jogo {

  // Método de inicialização de uma classe
  constructor(){
    this.numero = parseInt(Math.random() * 100)
    this.palpites = []

acmesquita

Sistema Carteira

Sistema que ao informar os saldos diários dos bancos, calcula seu patrimônio e lhe mostra gráficos relevantes.

---

Funcionalidades

• Dashboard com as informações
• Saldo do dia

acmesquita

Introdução ao JavaScript

JavaScript surgiu na década de 90 por Brendan Eich a serviço da Netscape com o objetivo de criar uma linguagem que proporcionasse dinamismo nos navegadores, que até o momento só renderizavam conteúdo estático.

Após a sua criação, a Microsoft criou, em Agosto de 1996, uma linguagem idêntica para ser usada no Internet Explorer 3. Para conter a ambição da Microsoft, a Netscape decidiu normatizar a linguagem através da organização ECMA International, companhia que era especializada em padrões e normativas.

Evolução do ECMAScritp

• ECMAScript 1 (Junho de 1997) A primeira versão (“de dez dias”).

acmesquita

<div id="page">
  <header>
    <h1>Online Teaching</h1>
  </header>
  <main>
    <div id="tabs">
      <div class="tab-links">
        <button data-id="prepare" data-open>Prepare</button>
        <button data-id="produce">Produce</button>
        <button data-id="delivery">Delivery</button>

acmesquita

Carrossel com scroll automático e um título

A Pen by Ana Catharina Mesquita on CodePen.

License.

acmesquita

Carrossel com scroll automático

A Pen by Ana Catharina Mesquita on CodePen.

License.