Evite Usar Push Em Objetos No Javascript

No Javascript quando passamos um objeto/array em uma função, como parâmetro, passamos ela como referência.
Quando realizamos alguma operação que altera, como por exemplo, adicionar um elemento novo ao objeto e utilizamos push, estamos alterando diretamente aquele objeto que passamos apenas como referência!

Qual a consequência disso? Caso uma outra função esteja utilizando o mesmo objeto, será afetado pela ação de adicionar!

Então, pensando nisso, a melhor alternativa é sempre retornarmos uma cópia do objeto!
E para isso podemos utilizar o spread operator

Ler mais

O Que É DOM HTML

Quando iniciamos no mundo de desenvolvimento para internet, somos bombardeados por diversas informações, regras, sintaxes, nomenclaturas e abreviações que, em sua grande maioria, parece formar uma densa névoa de confusão em nossas cabeças e não sabemos por onde começar a abrir os caminhos nessa tão vasta área.

Pensando nisso, vamos começar a tentar clarear aos poucos as mais diversas dúvidas iniciais!

No post de hoje, conversaremos sobre DOM! Esse DOM não está relacionado com talento ou qualidade inata e sim com nosso querido HTML!
Mas e aí, o que é esse tal de DOM?

Ler mais

Como Inverter a Cor De Uma Imagem Com CSS

Esses dias estava desenvolvendo uma aplicação para um de nossos clientes, onde pegamos o protótipo da tela, feito no Marvel por um de nossos UI Designers (User Interface Designers).

Todas as imagens e icones já estavam recortados e prontos para serem usados. Porém, em uma determinada página, estava sendo usado um ícone com o símbolo “+”, em branco, porém, a versão que eu tinha recortada era em preto, e eu não conseguiria conversar com o UI naquele momento, eu precisava me virar com o que eu tinha em mãos! Como poderia fazer isso?

Graças ao CSS, conseguimos fazer algumas modificações em nossas imagens, sem a necessidade de alterar para uma outra imagem!
Você conhece a propriedade filter?

Ler mais

Como Definir Um Valor Default Em Uma Função Javascript

Uma das implementações do ES6 que deve ser adotada como boa prática é definir um valor default para parâmetros que são recebidos em funções, isto é, caso o parâmetro venha null, com essa prática, conseguimos seguir o fluxo normalmente, sem que isso venha resultar em um erro para o usuário ou até mesmo travar a nossa aplicação!

Mas então, como podemos definir um valor default em uma função no Javascript?

Ler mais

Como Arredondar Número Com Javascript

Você já precisou arredondar algum número mas não sabia como fazer isso?
Ou arredondar para o valor inteiro mais próximo?

No javascript, temos um objeto chamado Math, com ele conseguimos realizar diversas operações matemáticas, simplesmente chamando este objeto e passando o método que desejamos!

Neste post, irei mostrar como podemos arredondar números com nosso Javascript, tudo utilizando o Math!

Ler mais

Como Criar Um Teste Com Jest

Você já precisou criar alguma função no Javascript e no momento em que estava desenvolvendo, tudo funcionava perfeitamente!

Mas em um determinado momento de seu projeto, você reparou que o retorno daquela função, estava diferente do que esperado!
Você agora precisa corrigir e entender onde quebrou e o porquê!

Você conseguiria evitar isso, caso tivesse coberto aquele caso de uso, com um teste!

Você sabe como fazer teste de uma função com o Jest? Vou ensinar como é fácil fazer um teste básico com Jest!

Ler mais

Como Capturar a Tecla Digitada Pelo Usuário Com Javascript

Você sabia que é possível “pegar” a tecla digitada pelo usuário pelo Javascript?
Você pode criar comandos personalizados para sua aplicação de acordo com o que o usuário está digitando!

Com a evolução do Javascript, podemos reconhecer a tecla digitada pelo seu “nome”
Antes, tínhamos que reconhecer através de seu ID, hoje não é mais necessário isso!

No código abaixo, temos a representação de como conseguimos pegar a tecla digitada pelo usuário através do Javascript

Ler mais