Recentemente em um projeto específico tive a necessidade de adicionar um listener para que ficasse escutando o redimensionamento da tela, e quando tal ocorresse, devia redimensionar o tamanho do gráfico, para que sempre ficasse na melhor proporção, sem quebrar nenhum dado.

Entretanto, eu não poderia ficar disparando uma função de redimensionamento toda vez que esse evento ocorresse pois se o usuário ficasse redimensionando, poderia trazer problemas performáticos para a aplicação.

Uma solução encontrada foi realizar uma espécie de debounce, que já vimos como fazer com Javascript puro. Mas e com Angular, você sabe como fazer isso?

Ler mais

Recentemente em um projeto, precisei formatar um valor para moeda.
Poderia facilmente fazer uma função que tratasse esse tipo de número ou algo do tipo, mas você sabia que o Javascript possui uma maneira nativa de fazer essa conversão?
Olha como é fácil!

Ler mais

Os Hooks do React chegaram mudando tudo! O que conhecíamos antes, com a atualização, passou a ficar muito mais fácil!
Isso se aplica aos nossos códigos mas também em algumas famosas libs!
Um exemplo disso é o React Router Dom!
Vamos ver como fica o acesso de parâmetros da URL com o useParams()?

Ler mais

Recentemente, precisei fazer uma funcionalidade em meu sistema onde ao clicar em um botão, copiasse o texto que estava na caixa de texto.
Fazer isso com Javascript é muito simples!

Primeiro vamos considerar a seguinte estrutura:

Ler mais

Em um post anterior, ensinava como você conseguia obter parâmetros da URL pelo Javascript, lembra?
Mas, e se em um determinado cenário, você precisasse fazer o oposto, como por exemplo, remover um parâmetro de uma URL e retornar ela?
Com o seguinte método, conseguimos realizar essa atividade sem dificuldades!

Ler mais

Alguma vez você já precisou verificar se houve alguma alteração no Session Storage ou Local Storage, com o Javascript?
Você sabia que é possível adicionarmos um event listener a esse pessoal da mesma forma que fazemos, por exemplo, em um botão ou um input?

É muito fácil e útil, com isso podemos ficar observando e caso o usuário faça alteração em algum determinado, podemos redirecionar ele para outra URL, impedindo que faça modificações deste tipo!

Olha como é simples:

Ler mais

O Angular, ao contrário do React, por exemplo, não possui um padrão definido de gerenciamento de estado.
O Rxjs possui observers (que são a nossa interface para consumir dados) e observables (nossa interface para submeter dados).
Então, hoje vamos ver como podemos utilizar o BehaviorSubject, um Subject que permite emitir o valor atual!

Ler mais

Você já precisou fazer validações em formulários com Angular, correto?
Por padrão, quando vamos construir um form reativo, podemos passar algumas validações que o Angular já possui, como por exemplo, verificar se ele é obrigatório, se está preenchido, etc.

Mas você já precisou fazer uma verificação personalizada? Como por exemplo, verificar se a data inserida é válida?
Veja como é fácil fazer isso!

Ler mais

Adicionar um mapa em nossas aplicações é uma atividade não tão comum, mas algo muito fácil de ser feito.
Temos algumas opções open-source que podemos usar quando precisamos fazer algo do tipo, como por exemplo:

• Leafletjs
• Openlayers
• Mapbox
• Datamaps
• Bing Maps
• Kartograph
  Entre outros!

Neste post, irei ensinar uma maneira fácil de como adicionar o Leaflet em um projeto Angular!

Ler mais

Que atire a primeira pedra quem nunca em uma aula de algoritmo se deparou com o famoso fibonacci.
Fibonacci é uma sequência numérica em que cada número seguinte é somado aos dois números anteriores, começando por 0.
A fórmula então seria:

Fn = (Fn - 1) + (Fn - 2)

Vamos ver como aplicar isso em um algoritmo Javascript?

Ler mais