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:
Como Remover Parâmetros Dos Queries Parameters
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!
Adicionar Event Listener No Storage Javascript
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:
Como Usar O Behavior Subject No Angular
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!
Validação Personalizada No Angular 8
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!
Como Adicionar Mapa Leaflet No Angular
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!
Fibonacci No Javascript
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?
Hacktoberfest 2020 - O Que É?
Começamos o mês de Outubro de 2020!
Quanta coisa aconteceu esse ano, hein?
Outubro é um mês com feriado, final de ano, época de contar os pontos para ver quanto precisa tirar no último bimestre para passar de ano né? ahahaha
Também temos uma festa muito conhecida, chama Oktoberfest, uma festa de origem Alemã, que todos associam à muita cerveja!
Mas, para nós desenvolvedores, também temos algo que ocorre em Outubro! A nossa Hacktoberfest!
Já ouviu falar?
Como Fazer Função Fatorial Recursiva - Javascript
Criar uma função que calcule o fatorial é algo frequentemente pedido em exercícios de lógica.
Para criar então em Javascript é uma atividade muito fácil a ser realizada!
Vamos utilizar recursão para deixar o nosso código mais enxuto possível!
Como Debuggar Componentes HTML
Esses dias um amigo me mostrou um tweet do @sulco sobre como debuggar html, de uma forma bem simples!
Sabe aquele Select componente ou aquele dropdown que usamos e as vezes queremos alterar seu estilo, com ele aberto?
Sempre que tentamos selecioná-lo, acaba fechando, sumindo, desfazendo! Dá uma raiva!
Então hoje apresento algo que até poucos dias atrás não conhecia: “emulate a focused page”