Categoria: JavaScript

JavaScript é a linguagem que dá vida às páginas web: animações, validação de formulários, conteúdo que muda sem recarregar. Junto com HTML e CSS forma a base da internet moderna nos navegadores e, através do Node.js, também roda no servidor. Você encontra tutoriais detalhados e guias para iniciantes no MDN Web Docs.

JavaScript

Web APIs úteis do navegador

Esta aula explora APIs essenciais do navegador que permitem interagir com informações do usuário, gerenciar a navegação, acessar o histórico, responder a mudanças de mídia e manipular a área de transferência. Você aprenderá a usar navigator, location, history, matchMedia e clipboard com exemplos práticos e exercícios.

Lido
JavaScript

Observers (Intersection, Mutation, Resize)

Nesta aula, exploramos os Observers do JavaScript: IntersectionObserver, MutationObserver e ResizeObserver. Aprendemos o que cada um faz, seus casos de uso práticos (como lazy-load e detecção de redimensionamento) e implementamos exemplos completos. Ao final, você será capaz de aplicar esses observers para criar interfaces mais dinâmicas e eficientes.

Lido
JavaScript

Event loop em profundidade

Esta aula explora o Event Loop do JavaScript em profundidade, diferenciando macrotarefas e microtarefas, analisando a ordem de execução e desvendando exemplos que confundem até programadores experientes. Você aprenderá a prever a saída de código assíncrono complexo e a escrever código mais previsível.

Lido
JavaScript

Padrões de projeto em JS

Esta aula explora os padrões de projeto mais relevantes em JavaScript, incluindo Module, Factory, Observer e Singleton, com exemplos práticos e idiomáticos. Você aprenderá como aplicar esses padrões para escrever código mais organizado, reutilizável e de fácil manutenção.

Lido
JavaScript

IndexedDB (introdução)

Esta aula apresenta o IndexedDB, um banco de dados NoSQL embutido no navegador, explicando quando ele é necessário em comparação com o localStorage, seus conceitos fundamentais (bancos, stores, transações, índices) e um exemplo prático de criação, inserção e leitura de dados.

Lido
JavaScript

Performance no JavaScript

Esta aula aborda a otimização de performance em JavaScript, com foco em medição precisa usando performance.now, compreensão de reflow e repaint no DOM, boas práticas de código e armadilhas comuns que afetam o desempenho. O objetivo é capacitar o aluno a identificar gargalos e escrever código mais eficiente.

Lido
JavaScript

Programação funcional em JS

Esta aula explora os princípios da programação funcional em JavaScript, incluindo funções puras, imutabilidade, composição e currying. Com exemplos práticos e exercícios, você aprenderá a escrever código mais previsível, testável e modular.

Lido
JavaScript

Tagged template literals

Nesta aula, você aprenderá sobre tagged template literals em JavaScript, uma funcionalidade poderosa que permite processar e transformar strings de forma personalizada. Exploraremos como funcionam, casos de uso práticos como sanitização e internacionalização, e exemplos detalhados para consolidar o conhecimento.

Lido
JavaScript

Memória e garbage collection

Nesta aula, exploramos como o JavaScript gerencia memória automaticamente por meio do garbage collector, identificamos vazamentos de memória comuns e aprendemos técnicas para investigar problemas de memória usando ferramentas do navegador.

Lido
JavaScript

Typed Arrays e ArrayBuffer

Nesta aula, você aprenderá a trabalhar com dados binários em JavaScript usando ArrayBuffer e Typed Arrays. Exploraremos o que são, por que são importantes, como criar e manipular esses objetos, e veremos casos de uso práticos como processamento de imagens e arquivos.

Lido
JavaScript

Segurança no front-end

Esta aula aborda os principais riscos de segurança no front-end, com foco em XSS, sanitização de dados, Content Security Policy (CSP) e boas práticas essenciais. O aluno aprenderá a identificar vulnerabilidades comuns e a aplicar técnicas de proteção em aplicações JavaScript.

Lido
JavaScript

Metaprogramação: Proxy e Reflect

Nesta aula, exploramos a metaprogramação em JavaScript com foco nos objetos Proxy e Reflect. Aprendemos a interceptar operações fundamentais de objetos, aplicamos isso em casos práticos como validação e logging, e discutimos cuidados importantes, incluindo questões de desempenho e compatibilidade.

Lido