logo

JavaScript: Documentação Completa

Introdução ao JavaScript

JavaScript é uma linguagem de programação de alto nível, interpretada e multiparadigma, amplamente utilizada para desenvolvimento web. Criada originalmente para adicionar interatividade às páginas da web, hoje o JavaScript é uma das linguagens mais populares do mundo, sendo usada tanto no front-end quanto no back-end.

Com o JavaScript, você pode:

Para que serve o JavaScript?

O JavaScript é essencial para o desenvolvimento web moderno. Aqui estão alguns dos principais usos:

Aplicação prática do JavaScript

O JavaScript pode ser aplicado em diversos cenários de desenvolvimento, incluindo:

Instalação

O JavaScript é executado diretamente no navegador, mas para desenvolvimento back-end com Node.js, você precisa instalá-lo. Abaixo estão os passos para instalação: 

npm install -g node

Após a instalação, você pode verificar a versão instalada com o seguinte comando: 

node --version

Isso garantirá que o Node.js esteja pronto para uso em seu ambiente de desenvolvimento.

Comandos JavaScript

Comando Descrição
console.log() Exibe uma mensagem no console do navegador.
document.getElementById() Seleciona um elemento HTML pelo seu ID.
document.querySelector() Seleciona o primeiro elemento que corresponde a um seletor CSS.
document.querySelectorAll() Seleciona todos os elementos que correspondem a um seletor CSS.
addEventListener() Adiciona um evento a um elemento HTML.
setTimeout() Executa uma função após um determinado tempo (em milissegundos).
setInterval() Executa uma função repetidamente em intervalos de tempo específicos.
Array.push() Adiciona um ou mais elementos ao final de um array.
Array.pop() Remove o último elemento de um array.
Array.map() Cria um novo array com os resultados de uma função aplicada a cada elemento.
Array.filter() Cria um novo array com todos os elementos que passam em um teste.
JSON.parse() Converte uma string JSON em um objeto JavaScript.
JSON.stringify() Converte um objeto JavaScript em uma string JSON.
fetch() Faz uma requisição HTTP para buscar recursos de uma API.
Promise Representa um valor que pode estar disponível agora, no futuro ou nunca.
async/await Permite trabalhar com código assíncrono de forma síncrona.

Tipos de Dados

JavaScript é uma linguagem de tipagem dinâmica, o que significa que os tipos de dados são inferidos automaticamente. Aqui estão os principais tipos de dados:

Estruturas de Dados

JavaScript oferece suporte a várias estruturas de dados, como arrays e objetos. Veja exemplos abaixo:

Arrays

let numeros = [1, 2, 3];
let frutas = ["maçã", "banana", "laranja"];

Objetos

let pessoa = {
    nome: "João",
    idade: 25,
    ativo: true
};

Funções

Funções são blocos de código reutilizáveis que podem ser chamados em diferentes partes do programa. Veja um exemplo: 

function saudacao(nome) {
    return `Olá, ${nome}!`;
}

Funções Anônimas e Arrow Functions

// Função anônima
let soma = function(a, b) {
    return a + b;
};

// Arrow function
let multiplicacao = (a, b) => a * b;

Classes e POO

JavaScript suporta programação orientada a objetos (POO) com classes e herança. Veja um exemplo: 

class Animal {
    constructor(nome) {
        this.nome = nome;
    }
    falar() {
        console.log(`${this.nome} faz um som.`);
    }
}

class Cachorro extends Animal {
    latir() {
        console.log(`${this.nome} late!`);
    }
}

let dog = new Cachorro("Rex");
dog.falar();
dog.latir();

Manipulação do DOM

O DOM (Document Object Model) é uma representação da estrutura de uma página web. Com JavaScript, você pode manipular o DOM para criar páginas dinâmicas. Veja um exemplo: 

// Seleciona um elemento pelo ID
let titulo = document.getElementById("titulo");

// Altera o conteúdo do elemento
titulo.textContent = "Olá, Mundo!";

// Adiciona um evento de clique
titulo.addEventListener("click", function() {
    alert("Título clicado!");
});

Conclusão

JavaScript é uma linguagem poderosa e versátil, essencial para o desenvolvimento web moderno. Com ele, você pode criar páginas interativas, aplicações web completas, back-ends robustos e até aplicativos móveis.

Seja você um iniciante ou um desenvolvedor experiente, dominar o JavaScript é fundamental para construir soluções modernas e eficientes. Continue explorando e aprimorando suas habilidades com essa incrível linguagem!