console.log | Angular, frontend, Express, NodeJS, RxJS e muitos mais

Validação de componente customizado

Veja como criar um input customizado para senha e como deixá-lo compatível com reactive forms e template-driven, bem como com todos os validadores de formulário integrados e personalizados.

Angular

Input Porcentagem - Angular

Trabalhar com é uma das primeiras lições que aprendemos quando trabalhamos no frontend. Neste artigo é apresentado como podemos criar um componente em Angular para o usuário digitar um valor percentual sem necessariamente ter um .

Angular

Formatar data - Angular - DatePipe

Formatação de data com certeza é uma das tarefas mais comuns para quem trabalha com frontend. Veja como fazer isto de uma forma bem simples com o DatePipe.

JavaScript

Promise async/await Javascript

Ainda tem dúvidas sobre callback, Promise e async/await? Este artigo detalha através de exemplos e explicações a utilização destes recursos.

Angular

Múltiplas requisições com forkJoin - RxJS - Angular

Veja como paralelizar as requisições e saber quando todas foram finalizadas com o operador forkJoin do RxJS em um projeto Angular.

Angular

Interceptor - Angular

Veja como interceptar as requisições HTTP de toda sua aplicação Angular com o HttpInterceptor.

Angular

Angular 2+ Upload de arquivo com barra de progresso

Veja como construir um componente de barra de progresso, como fazer upload de arquivos e como integrar o upload com a barra de progresso - Angular 2+

Node.js Express

Ler arquivo(s) texto com Express Node.js

Aprenda a efetuar a leitura de vários arquivos utilizando o readFile do Node.js + Express em conjunto com Promise.

Angular

Formatar valor (moeda) em Angular 2+ CurrencyPipe

Como formatar valores (moeda) utilizando o CurrencyPipe do Angular.

JavaScript

Array - filter e map - JavaScript - TypeScript - Node.js

Como filtrar ou mapear um novo array utilizando Array.filter e Array.map em JavaScript - Node.js - TypeScript. Veja como estas funções funcionam e reduza suas linhas de código.

Node.js Express

Upload de arquivos e imagens utilizando o Multer - express - Node.js

Exemplo completo de como utilizar o multer para fazer upload de arquivos ou imagens em uma aplicação Node.js Express.

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