
Angular: computed vs linkedSignal
Veja as diferenças entre o computed e linkedSignal que fazem parte do novo sistema de reatividade do Angular, o Signals.
Veja as diferenças entre o computed e linkedSignal que fazem parte do novo sistema de reatividade do Angular, o Signals.
Veja como uma API pode extrair os bytes de uma imagem (ou qualquer outro tipo) que estão comprimidos com Gzip e representados em Base64 dentro de um JSON, e os entrega para o navegador de forma simples e direta.
Descubra as diferenças entre concat e merge na combinação de observables e do concatMap e mergeMap para transformações.
Aprenda a validar dados no Spring Boot! Veja como fazer a validação de forma eficiente, centralizando regras e garantindo mais segurança para sua aplicação. Evite dados inválidos e torne seu backend mais confiável.
A versão 19.2 do Angular introduziu um novo recurso experimental chamado httpResource, que visa simplificar a forma como os desenvolvedores lidam com requisições HTTP em aplicações Angular. Veja como o httpResource se diferencia do HttpClient
Criar testes unitários em projetos Angular com scripts externos pode ser desafiador. Para lidar com isso, podemos definir mocks globais, garantindo um ambiente de teste isolado e previsível. Neste texto, compartilho minha experiência prática nesse cenário de testes com Jest e Angular.
Ao recarregar a página, o contexto de execução do JavaScript é recriado, e variáveis em memória são perdidas. Para preservar dados, como os de um formulário, podemos usar o localStorage, que mantém as informações mesmo após o recarregamento. Veja neste texto um exemplo prático sobre esse assunto.
A API Resource, lançada no Angular 19, integra-se aos Signals, permitindo que componentes reajam automaticamente a mudanças nos dados. Isso elimina a necessidade de gerenciar assinaturas de observables ou usar outras soluções complexas. Veja neste texto um exemplo prático aplicado a um buscador.
Bootstrap é um poderoso toolkit de frontend que facilita a criação de layouts modernos e responsivos. Veja como instalar e configurar o Bootstrap em seu projeto Angular.
Aprenda a gerar automaticamente a documentação da sua API usando NestJS e Swagger. Explore exemplos práticos de como documentar endpoints, query strings, parâmetros de rota, headers, body e autenticação.
Confira os destaques da versão 19 do Angular, lançada em novembro de 2024. Entre as principais novidades estão o linkedSignal, autoCsp, resource e o uso de standalone como padrão, além de outras novidades.
Validar dados em uma API é essencial para garantir integridade, segurança e confiabilidade. Isso evita o processamento de informações inválidas ou maliciosas. Aprenda a usar class-validator e class-transformer para validar dados de forma segura em APIs desenvolvidas com NestJS.
Angular
Este texto apresenta o básico do Angular, ideal para iniciantes com alguma experiência em frontend ou em transição do backend para o frontend.
Angular
Este texto tem como objetivo oferecer uma introdução ao WebSocket, destacando suas capacidades e exemplificando sua implementação na prática com Node.js e Angular.
NestJS
Aprenda a usar o ConfigModule e o ConfigService do framework NestJS para organizar as variáveis de configuração da sua aplicação, incluindo as variáveis de ambiente. Descubra como gerenciar configurações para diferentes ambientes e trazer mais flexibilidade ao seu projeto.
Angular
Quer transformar datas em frases como "há 5 minutos" ou "em 2 horas"? Veja neste post um exemplo prático mostrando como integrar essa funcionalidade em seus projetos Angular.
Descubra o poder da função override no Chrome DevTools! Simule respostas e modifique cabeçalhos diretamente no navegador para testar e desenvolver com facilidade.
Node.js
Descubra como utilizar Server-Sent Events (SSE) com Node.js para enviar mensagens em tempo real aos seus clientes de maneira eficiente e contínua.
JavaScript
Neste texto, vamos explorar o conceito de agrupamento de dados e comparar as abordagens reduce e groupBy do JavaScript. Também é abordado o conceito de polyfill e o uso do groupBy no TypeScript.
Angular
Descubra como a diretiva ngClass simplifica a manipulação de classes CSS de forma intuitiva e eficiente. Neste post, você aprenderá a adicionar e remover classes CSS condicionalmente. Além disso, mostraremos como a ngClass contribui para um código mais limpo e manutenível.
Angular
O erro 404 no Angular surge quando o servidor web não está configurado para lidar com o roteamento client-side do Angular. Aprenda a corrigir esse problema no Nginx e Apache
Angular
Conheça as novidades do framework Angular 18.1. Neste pequeno resumo falamos sobre a declaração de variáveis direto no template com o @let, suporte ao TypeScript 5.5 e o uso do UrlTree no RouterLink.
Angular
Conheça as principais novidades da versão 18 do framework Angular: zoneless, eventos no formGroup, fallback no ng-content, entre outras novidades.
Angular
Neste post, vamos explorar o que é a Injeção de Dependências no Angular, como funciona e por que ele é crucial para a criação de aplicações modulares e testáveis.