Categoria

JavaScript + Node.js + React

Escopo: global, local, de bloco e closures
JavaScript + Node.js + React

Escopo: global, local, de bloco e closures

Escopo define onde variáveis e funções são acessíveis dentro do código. É um dos conceitos mais fundamentais do JavaScript, pois determina como o motor da linguagem resolve nomes de identificadores. Sem entender escopo, você inevitavelmente encontrará bugs misteriosos.

05/05/2026
Event Loop: como o JavaScript realmente funciona
JavaScript + Node.js + React 05/05/2026

Event Loop: como o JavaScript realmente funciona

JavaScript é single-threaded. Isso significa que ele só consegue executar uma instrução por vez em uma única thread. Como então conseguimos construir servidores que atendem milhares de requisições simultâneas ou interfaces de usuário que respondem a cliques enquanto baixam dados?

Eventos: addEventListener e propagação
JavaScript + Node.js + React 05/05/2026

Eventos: addEventListener e propagação

O método addEventListener é a forma moderna e recomendada de registrar manipuladores de eventos no DOM. Sua sintaxe básica recebe três parâmetros:

Express.js: roteamento e middlewares
JavaScript + Node.js + React 05/05/2026

Express.js: roteamento e middlewares

Express.js é o framework web mais popular do ecossistema Node.js, utilizado para construir APIs e aplicações web de forma rápida e estruturada. Ele fornece uma camada minimalista sobre o módulo HTTP nativo do Node, abstraindo complexidades e oferecendo recursos poderosos como roteamento, middlewares e integração com templates.

Delegação de eventos
JavaScript + Node.js + React 05/05/2026

Delegação de eventos

A delegação de eventos é uma técnica fundamental no desenvolvimento JavaScript que permite gerenciar eventos de forma eficiente, aproveitando o mecanismo de propagação (event bubbling) do DOM. Em vez de atribuir listeners individuais a cada elemento, você atribui um único listener a um elemento ancestral e utiliza a lógica condicional para tratar eventos originados em seus descendentes.

Deploy no Vercel, Netlify ou Cloudflare Pages
JavaScript + Node.js + React 05/05/2026

Deploy no Vercel, Netlify ou Cloudflare Pages

Escolher a plataforma certa para deploy é uma decisão estratégica que impacta performance, custos e experiência de desenvolvimento. Vamos analisar cada uma:

Desestruturação de arrays
JavaScript + Node.js + React 05/05/2026

Desestruturação de arrays

A desestruturação (destructuring) é um recurso poderoso do JavaScript moderno que permite extrair valores de arrays e objetos de forma concisa e expressiva. Em vez de acessar elementos manualmente por seus índices, você pode "desempacotar" os valores diretamente em variáveis nomeadas.

Desestruturação de objetos e shorthand properties
JavaScript + Node.js + React 05/05/2026

Desestruturação de objetos e shorthand properties

A desestruturação de objetos é uma funcionalidade poderosa do JavaScript moderno que permite extrair propriedades de objetos em variáveis individuais de forma concisa e elegante. Em vez de acessar cada propriedade manualmente, você pode "desmontar" o objeto em um único passo.

DOM: criando, modificando e removendo elementos
JavaScript + Node.js + React 05/05/2026

DOM: criando, modificando e removendo elementos

O DOM (Document Object Model) é a representação em árvore de uma página HTML que o navegador constrói ao carregar um documento. Manipular o DOM significa criar, alterar ou remover nós dessa árvore em tempo real, permitindo que interfaces web sejam dinâmicas e responsivas à interação do usuário.

DOM: selecionando elementos
JavaScript + Node.js + React 05/05/2026

DOM: selecionando elementos

O DOM (Document Object Model) é a representação em árvore de um documento HTML, onde cada nó é um objeto que pode ser manipulado por JavaScript. Selecionar elementos é a primeira etapa para qualquer interação dinâmica: alterar conteúdo, estilos, ouvir eventos ou animar componentes. Sem seleção eficiente, não há manipulação.