Angular 2+ | console.log

Sign in Subscribe

Angular

Dicas, artigos e exemplos de projetos que utilizam Angular 2+

Como construir um componente para notificações - Angular

Como construir um componente para notificações - Angular

Como construir um componente para emitir notificações na tela do usuário

Validação de componente customizado

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.

Input Porcentagem - Angular

Input Porcentagem - Angular

Trabalhar com input's é 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 .

Formatar data - Angular - DatePipe

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.

Múltiplas requisições com forkJoin - RxJS - 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.

Interceptor - Angular

Interceptor - Angular

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

Angular 2+ Upload de arquivo com barra de progresso

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+

Formatar valor (moeda) em Angular 2+ CurrencyPipe

Formatar valor (moeda) em Angular 2+ CurrencyPipe

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

Boostrap - Angular - Configurando e utilizando o dropdown e tooltip

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+.

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

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+

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

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.

Como construir um pipe para formatar CPF - Angular 2+

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

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

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.

Como fazer requisições AJAX com Angular 2+

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 — RxJS — Cold e Hot Observable

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.

Relatório de cobertura de testes unitários com Angular e 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