Js

Aprenda JavaScript de uma vez por toda! aqui irei te ensinar do zero até o avançado sobre JavaScript, e que você consiga fazer sozinho suas proprias funções. Módulo 1 Fundamentos do JavaScript 1. O que é JavaScript? Javascript é uma linguagem de programação interpretada de alto nivel. Criada em 1955 por Brendan Eich em apenas 10 dias, loucura né Inicialmente era usada para fazer apenas paginas Web interativas, mas hoje em dia é usada para até fazer Servidores,Desktop,Mobile,Lot,Inteligencia Artificial Quer saber uma curiosidade? O roda no navegador por meio de um "motor" (engine). Chrome → V8 Engine Firefox → SpiderMonkey Safari → JavaScriptCore Mas como o JavaScript é interpretado? Não compila o código antes de rodar (como C++ ou Java). O navegador lê linha por linha do seu código, interpreta e executa, os motores modernos fazem JIT Compilation (Just-In-Time) para melhorar a performance. Trindade da Web: HTML: estrutura (o corpo da página) CSS: estilo (como ela é apresentada) JavaScript: comportamento (o cérebro da página) Módulo 2 - Tipos de dados e Operadores. Objetivo: Entender como o JavaScript armazena e manipula as informações. Tipos Primitivos String → texto ("Olá") const nomeCliente = "Gabriel"; console.log(`Bem-vindo de volta, ${nomeCliente}!`); Usada para exibir mensagens, capturar inputs, nomes de usuários... Number → números (10, 3.14) const precoProduto = 249.99; const desconto = 20; const precoFinal = precoProduto - desconto; console.log(`Preço com desconto: R$${precoFinal}`); Usado para valores de pagamento, idades, contadores, métricas... Boolean → verdadeiro/falso (true, false) const isAutenticado = true; if (isAutenticado) { console.log("Redirecionar para o painel do usuário."); } else { console.log("Redirecionar para login."); } Controle de fluxo (usuário autenticado? pagamento aprovado? etc) Null → vazio (null) let fotoPerfil = null; // Se o usuário não enviar uma foto, usar imagem padrão console.log(fotoPerfil ?? "imagem_padrao.png"); Dado que foi intencionalmente definido como “sem valor”. Undefined → não definido function exibeMensagem(mensagem) { console.log(mensagem); } exibeMensagem(); // undefined Variável declarada mas ainda não atribuída, ou ausência de parâmetro. Symbol → identificador único const ROLE_ADMIN = Symbol("admin"); const ROLE_USER = Symbol("user"); const usuario = { nome: "Lívia", tipo: ROLE_ADMIN }; console.log(usuario.tipo); Numa empresa: Sistema de permissões em plataformas corporativas. BigInt → números inteiros enormes const numeroGigante = 12345678901234567890123456789012n; console.log(numeroGigante); Tipos de Referência: Object → estrutura chave-valor const produto = { id: 1, nome: "Notebook Gamer", preco: 6599.90, emEstoque: true }; console.log(produto); Numa empresa: Cadastro de produtos em marketplace tipo Amazon. Array → lista ordenada const pedidos = [ { id: 1, produto: "Mouse", quantidade: 2 }, { id: 2, produto: "Teclado", quantidade: 1 }, ]; console.log(pedidos); Numa empresa: Lista de pedidos no carrinho de compras de um cliente. Function → blocos de código reutilizáveis function calcularTotal(preco, quantidade) { return preco * quantidade; } console.log(calcularTotal(299.99, 3)); Modulo 3 - Variavel, Constantes e Escopos. Objetivo: Aprender a guardar informações e contolar onde elas vivem. Var, Let e const var → Antigo, escopo de função, sofre hoisting (sobe pro topo). let → Moderno, escopo de bloco. const → Moderno, escopo de bloco e não pode reatribuir valor. Exemplo: { let a = 2; const b = 3; var c = 4; } console.log(c); // OK console.log(a); // ERRO Hoisting JavaScript move declarações para o topo do código antes de executar. var é "içado", mas let e const não! Vou dar exemplos de como eles são usados dentro de uma empresa. var → (antigo, escopo de função, sofre hoisting) function exemploVar() { var mensagem = "Olá com var"; console.log(mensagem); } exemploVar(); Numa empresa: Código legado, sistemas antigos ainda têm muito var (principalmente antes de 2015). let → (moderno, escopo de bloco) function exemploLet() { let contador = 0; if (true) { let contador = 5; // Essa variável só existe aqui dentro console.log("Dentro do if:", contador); } console.log("Fora do if:", contador); } exemploLet(); Numa empresa: Usar let para variáveis que precisam mudar dentro de blocos separados (ex: laços, condições). const → (moderno, escopo de bloco, valor constante) function exemploConst() { const taxa = 0.15; console.log(`Taxa de juros: ${taxa * 100}%`

const nomeCliente = "Gabriel";
console.log(`Bem-vindo de volta, ${nomeCliente}!`);

const precoProduto = 249.99;
const desconto = 20;
const precoFinal = precoProduto - desconto;
console.log(`Preço com desconto: R$${precoFinal}`);

const isAutenticado = true;

if (isAutenticado) {
  console.log("Redirecionar para o painel do usuário.");
} else {
  console.log("Redirecionar para login.");
}

let fotoPerfil = null;
// Se o usuário não enviar uma foto, usar imagem padrão
console.log(fotoPerfil ?? "imagem_padrao.png");

function exibeMensagem(mensagem) {
  console.log(mensagem);
}

exibeMensagem(); // undefined

const ROLE_ADMIN = Symbol("admin");
const ROLE_USER = Symbol("user");

const usuario = {
  nome: "Lívia",
  tipo: ROLE_ADMIN
};

console.log(usuario.tipo);

const numeroGigante = 12345678901234567890123456789012n;
console.log(numeroGigante);

const produto = {
  id: 1,
  nome: "Notebook Gamer",
  preco: 6599.90,
  emEstoque: true
};

console.log(produto);

    const pedidos = [
  { id: 1, produto: "Mouse", quantidade: 2 },
  { id: 2, produto: "Teclado", quantidade: 1 },
];

console.log(pedidos);

function calcularTotal(preco, quantidade) {
  return preco * quantidade;
}

console.log(calcularTotal(299.99, 3));

{
  let a = 2;
  const b = 3;
  var c = 4;
}
console.log(c); // OK
console.log(a); // ERRO

function exemploVar() {
  var mensagem = "Olá com var";
  console.log(mensagem);
}
exemploVar();

function exemploLet() {
  let contador = 0;
  if (true) {
    let contador = 5; // Essa variável só existe aqui dentro
    console.log("Dentro do if:", contador); 
  }
  console.log("Fora do if:", contador);
}
exemploLet();

function exemploConst() {
  const taxa = 0.15;
  console.log(`Taxa de juros: ${taxa * 100}%`);
}
exemploConst();

function checkoutCarrinho(produtos) {
  const taxaEntrega = 15.99;
  let total = 0;

  for (var i = 0; i < produtos.length; i++) {
    total += produtos[i].preco * produtos[i].quantidade;
  }

  total += taxaEntrega;
  return total;
}

const carrinho = [
  { nome: "Teclado", preco: 199.90, quantidade: 1 },
  { nome: "Mouse", preco: 99.90, quantidade: 2 }
];

console.log(`Valor final: R$${checkoutCarrinho(carrinho)}`);

function criarUsuario() {
  let nome = "Lucas";
  console.log(nome);
}
criarUsuario();
// console.log(nome); // ERRO: nome is not defined

Related Posts

Mangas no Kindle

Apr 26, 2025  0

Day 148/365 (Learning full stack)

Apr 27, 2025  0

In defence of multiple WiP

Apr 26, 2025  0