Validação de formulário utilizando o ReactiveFormsModule do Angular 2+

Este artigo tem como objetivo mostrar passo a passo como criar uma validação de formulário, exibir mensagens de erro e habilitar/desabilitar o botão de Postar de acordo com a validade do formulário.

Angular

Boostrap - Angular - Configurando e utilizando o dropdown e tooltip

Veja como configurar o Bootstrap 4 e utilizar os componentes dropdown e tooltip em um projeto Angular 2+.

Angular

Como validar um intervalo de data utilizando um custom validator do ReactiveForms do Angular 2+

Construindo um custom validator para validar um intervalo de data utilizando Reactive Forms (ReactiveFormsModule) do Angular 2+

Angular

Filtro de tabela utilizando PipeTransform e DebounceTime - como filtrar os dados em tempo real - Angular 2+

Veja como filtrar os dados de uma tabela de forma dinâmica através da utilização de um PipeTransform e o operador debounceTime do RxJS.

Angular

Como construir um pipe para formatar CPF - Angular 2+

Com a utilização de um pipe podemos transformar e/ou formatar informações direto no template. Tarefas comuns como formatar moeda, data, cpf, entre outros, podem ser efetuadas através do PipeTransform. Veja neste artigo como formatar um CPF utilizando este recurso - CpfPipe

Node.js Express

Como validar o JWT utilizando um middleware no ExpressJS

O objetivo deste post é mostrar como podemos construir um middleware no Express para validar um JWT (Json Web Token) e propagar suas informações para as demais rotas.

Angular

Como mockar uma service ou dependência de um componente - Angular + JEST

Isolar a unidade de código de suas dependências é extremamente importante para a construção de testes unitários. Neste post é abordado como isolar estas dependências de um componente através do dependency injector ou spyOn com foco nos testes unitários.

Node.js Express

Node.js Express (4.x) EJS — Como usar funções durante a renderização

Como chamar uma função de uma biblioteca ou de uma classe do próprio projeto durante a renderização da view utilizando EJS com Node.js Express?

Angular

Como fazer requisições AJAX com Angular 2+

Uma das tarefas mais comuns para quem trabalha com front-end é a comunicação com o back-end. É ele quem provê as informações necessárias para a aplicação front funcionar. É muito comum que esta comunicação seja feita através do protocolo HTTP.

Angular

Angular — RxJS — Cold e Hot Observable

Saber a diferença de um Cold e um Hot Observable é fundamental para construir aplicações mais eficientes. Conhecendo as diferenças é possível por exemplo evitar requisições desnecessárias, evitar memory leak e aproveitar melhor o compartilhamento de informações entre componentes.

JEST

Relatório de cobertura de testes unitários com Angular e JEST

O objetivo deste artigo é mostrar como podemos gerar um relatório de cobertura de testes em um projeto Angular