Javascript: Spread / DataSet / Serialização / Objetct.assign / sessionStorage / localStorage

Spread (Converter objetos para Array)

    Para converter uma coleção para array colocar a coleção entre [] e iniciando com 3 pontos (...)

    Exemplo: [... colecao]

DataSet

    É uma propriedade de elementos HTML que permite armazenas dados personalizados, utilizando data-

    Exemplos:

        <div id = "id_name" data-tagName = "value" data-tagName1 = " "> (HTML)

        document.getElementById('div').dataset.nome = '';  (JAVASCRIPT)

Serialização

    É a conversão de um objeto em uma string (string JSON), utilizando o comando:

        JSON.stringify(objeto);

    E o comando para transformar a string JSON para um objeto:

        JSON.parse(x) onde x é a string no formato JSON

Object.assign

    É o comando onde a comparação de dois objetos resulta um objeto onde os objetos a esquerda são substituídos pelos objetos a direita.

    Exemplo: let result = Objetc.assign( {}, objetOld, objectNew);

 sessionStorage

    É o armazenamento de dados na sessão de usuário. É apagado ao fechar o browser.

        Exemplo: sessionStorage.setItem("nomeDaVariavel","valorDaVariavel");

localStorage

    É o armazenamento de dados do navegador que se mantem mesmo fechando o browser com exceção de o usuário apagar, limpando o cache.

        Exemplo: localStorage.setItem("nomeDaVariavel","valorDaVariavel");

Javascript: Adicionando tr (table) dinamicamente

var tr = document.createElement('tr');

tr.innerHTML = `        

            <td>${nome_variavel}</td>

            <td>somente texto</td>

            <td>somente texto</td>

            <td>somente texto</td>       

        `;

document.getElementById('nome_table').appendChild(tr);

    Colocando ` ` ao inves de ' ' ou " " para inserir texto o primeiro caso aceitará pular linha.

    Para inserir variavel dentro de texto colocar a variavel entre chaves iniciando com sifrão. Exemplo : ${x} onde x é variavel que contem algum valor.

Javascript: function x Arrow function

function:

    function subtracao(a, b) {

        return a - b;

    }

    function somar2(a) {

        return a + 2;

    }

    function diaDoMes() {

        return new Date().getDate();

    }

    function superFuncao(a, b) {

        let subtracao = a - b;

        subtracao = subtracao - 2;

        let diaDoMes = new Date().getDate();

        return diaDoMes;

    }

arrow funcion:

    const subtracaoVersao2 = (a, b) => a - b;

    const somar2Versao2 = a => a + 2;

    const diaDoMesVersao2 = () => new Date().getDate();

    const superFuncaoVersao2 = (a, b) => {

        let subtracao = a - b;

        subtracao = subtracao - 2;

        let diaDoMes = new Date().getDate();

        return diaDoMes;

    }

Javascript : Manipulando o DOM

    DOM é abreviação para Document Object Model.

    Era comum utilizarmos o comando:

• document.getElementById('') : para selecionar um elemento do documento (document)

    Atualmente esta convencionando utilizar o comando:

• document.querySelector('#'): para selecionar um elemento do documento (document)

    Exemplo:

     Temos um elemento text com o id Hora. Para selecionarmos este elemento podemos usar:

        document.getElementById('Hora') 

    ou utilizar

        document.querySelector('#Hora')

Javascript: Método Construtor e Encapsulamento

    Método Construtor é o método realizado automaticamente quando uma classe é instanciada chamado de "constructor".

    Encapsulamento é a definição de quem pode ou o que pode acessar de uma classe.

    As formas de encapsulamento mais comuns:

• Public: todas os métodos e atributos podem ser acessados por todos.
• Protected: atributos e métodos podem somente ser acessados da mesma classe ou classe Pai
• Private: atributos e métodos só podem ser acessados da própria classe.

    Todos os atributos tem o intuito de obter ou atribuir um valor e para isso definimos os "get" e "set" de cada atributo.

    

Javascript: Orientação a Objetos MVC

    A orientação a Objetos traz o conceito de criar Classes que podem ser instanciadas no código através de objetos que referenciam estas classes, classes estas que possuem métodos e atributos.

   Esta forma de programar traz praticidade e reaproveitamento de código.

   Javascript até o momento atual (2018) não possui todas os recursos mas os que possui já torna muito util.

    Termos utilizados:

• Instância: é quando um objeto representa uma classe;
• MVC: Model View Controlller

Curso Online : Desenvolvimento para Android

Link para acesso ao curso.