Alguma vez você já precisou pegar o idioma que o usuário utiliza em seu navegador para utilizar no sistema, seja para exibir alguma informação daquele idioma ou até para realizar a internacionalização?

O navagador possui, dentro da propriedade navigator, os idiomas preferenciais do usuário, e é muito fácil recuperar esse valor:

Ler mais

Os números palíndromos aparecem naturalmente na sequência dos números naturais, são números que podem ser lidos em ordem inversa e continuam tendo o mesmo valor.

Um exercício de lógica é verificar se um dado número é palíndromo ou não.
Você sabe então, como validar, utilizando Javascript?

Ler mais

Enquanto desenvolvemos, é muito comum queremos fazer um console.log() em algum valor para vermos que estamos enviando para nossa API.
Porém, nem sempre isso é possível!

Caso estejamos trabalhando com um formData, não podemos isso:

1
2
3

const formData = new FormData();
formData.append("file", image.file);
console.log(formData);

Ler mais

Sabe aquela questão que sempre perguntam numa entrevista de um teste front-end?

Qual a diferença entre null, undefined e zero?

Vou te explicar de uma forma que você nunca mais vai esquecer!

Ler mais

Em uns posts anteriores, falei sobre como podemos remover valores duplicados em um ARRAY.

Mas e se fosse um ARRAY de OBJETOS? A abordagem que ensinei no post não funciona, já que como falei, é um array de objetos.

Além de não funcionar, não podemos simplesmente implementar um loop dentro de um loop (um forEach com um some, por exemplo), ou melhor dizendo, até podemos, mas esse algoritmo teria sua complexidade O(n²) o que é extremamente LENTO em caso de arrays maiores.

Neste código abaixo, demonstro como podemos criar nossa função de remover valores repetidos em um array:

Ler mais

Uma coisa que normalmente precisamos fazer em nosso desenvolvimento diário é pegar o último elemento de um array ou uma String.
Atualmente (2022) para realizar isso, fazemos da seguinte forma:

1
2
3
4
5
6
7

const arrayFrutas = ['banana', 'maçã', 'laranja', 'goiaba'];
console.log(arrayFrutas[arrayFrutas.length -1])
// Saída: goiaba

const fruta = 'mexerica';
console.log(fruta[fruta.length -1])
// Saída: a

Mas agora, com o novo método implementado na versão do ECMAScript 2022, podemos procurar por index negativo! Igual fazemos com Python

Ler mais

Para mover um elemento (que você sabe o Index) para o final do array, basta fazer isso:

1
2

const index = 2;
array.push(array.splice(index, 1)[0]);

Agora, se você não sabe o index, pode fazer o seguinte:

1
2

const index = array.findIndex(element => element));
array.push(array.splice(index, 1)[0]);

Exemplo:

1
2
3

const arr = [1, 2, 6, 3, 4, 5];
arr.push(arr.splice(arr.indexOf(6), 1)[0]);
console.log(arr); // [1, 2, 3, 4, 5, 6]

Fazer um simples teste para verificar se a imagem foi renderizada ou não, no React Testing Library, é uma atividade bem simples, mas podemos acabar nos enrolando com coisa boba.

Então sem enrolação, um exemplo de teste básico:

Ler mais

Enquanto estava realizando alguns testes end-to-end com Puppeteer, me deparei com um problema que no instante que o Chromium abria, aparecia erro de “Sua conexão não é privada” (Your connection is not private)

Então procurando a respeito, encontrei a solução para esse problema de conexão privada para o chromium, com o puppeteer:

Ler mais

Você já fez um formulário em uma página web e quando acessou pelo celular viu que os estilos dos inputs estavam bem diferentes? No Android de uma forma e no iOS de outra? Veja como remover essas propriedades padrões!

Para isso, iremos usar a propriedade appearance

Ler mais