Scribd
Carregar
3 visualizações2 páginas

02 JavaScript Essencial

JavaScript é a linguagem fundamental para a web, permitindo a criação de páginas interativas tanto no frontend quanto no backend. O documento aborda conceitos essenciais como variáveis, funções, métodos de arrays, programação assíncrona e manipulação do DOM. Cada seção fornece exemplos práticos para facilitar a compreensão e aplicação dos conceitos discutidos.

Enviado por

goncalocastrobds
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
3 visualizações2 páginas

02 JavaScript Essencial

JavaScript é a linguagem fundamental para a web, permitindo a criação de páginas interativas tanto no frontend quanto no backend. O documento aborda conceitos essenciais como variáveis, funções, métodos de arrays, programação assíncrona e manipulação do DOM. Cada seção fornece exemplos práticos para facilitar a compreensão e aplicação dos conceitos discutidos.

Enviado por

goncalocastrobds
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

JavaScript Essencial

JavaScript é a linguagem de programação da web, essencial para criar páginas interativas. Roda tanto
no navegador (frontend) quanto no servidor ([Link] - backend).

1. Variáveis: var, let e const


JavaScript moderno usa let para variáveis mutáveis e const para constantes. Evite usar var (legado).
let nome = "Carlos"; // Pode ser reatribuída
const PI = 3.14159; // Constante, não pode mudar

// Tipos de dados
let numero = 42; // Number
let texto = "Hello"; // String
let ativo = true; // Boolean
let nulo = null; // Null
let indefinido; // Undefined
let array = [1, 2, 3]; // Array
let objeto = {x: 10, y: 20}; // Object

2. Funções
JavaScript oferece várias formas de declarar funções, incluindo arrow functions (ES6+).
// Função tradicional
function somar(a, b) {
return a + b;
}

// Arrow function
const multiplicar = (a, b) => a * b;

// Função anônima
const dividir = function(a, b) {
return a / b;
};

3. Métodos de Arrays
JavaScript possui métodos poderosos para manipular arrays de forma funcional.
const numeros = [1, 2, 3, 4, 5];

// map - transforma cada elemento


const dobrados = [Link](n => n * 2); // [2, 4, 6, 8, 10]
// filter - filtra elementos
const pares = [Link](n => n % 2 === 0); // [2, 4]

// reduce - reduz a um único valor


const soma = [Link]((acc, n) => acc + n, 0); // 15

// forEach - itera sobre elementos


[Link](n => [Link](n));

4. Programação Assíncrona
Async/Await torna código assíncrono mais legível, substituindo callbacks e promises encadeadas.
// Função assíncrona
async function buscarDados() {
try {
const response = await fetch('[Link]
const dados = await [Link]();
return dados;
} catch (erro) {
[Link]('Erro:', erro);
}
}

// Chamada
buscarDados().then(dados => [Link](dados));

5. Manipulação do DOM
JavaScript pode manipular elementos HTML dinamicamente.
// Selecionar elementos
const elemento = [Link]('meuId');
const botoes = [Link]('.botao');

// Modificar conteúdo
[Link] = 'Novo texto';
[Link] = '<b>Negrito</b>';

// Adicionar eventos
[Link]('click', () => {
alert('Clicou!');
});

Você também pode gostar