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

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

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

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

Assim como expliquei neste post, o React nos permite fazer o mesmo de uma maneira extremamente simples
Podemos obter os parâmetros enviados pela URL usando o nosso querido props!

Vamos começar configurando a nossa rota, para informarmos qual vai ser a nossa variável em nossa URL:

Ler mais

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

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

Você já precisou, alguma vez, de uma função que retornasse o maior número em um array?
Com o Lodash, podemos utilizar a função max, mas você sabia que podemos fazer uma função que retorne
o maior valor com Javascript puro? Veja como é fácil!

Ler mais

Quando estamos desenvolvendo aplicações front-end, começamos a escrever códigos que podem ser reutilizados em outras partes do sistema.
Dessa forma, o ideal seria que modularizarmos aquelas funções específicas!
Você sabe como podemos exportar funções no Javascript? É algo simples e poderoso!

Ler mais

Mais um post sobre Javascript puro, hoje irei falar um pouco sobre como podemos encontrar um elemento no DOM utilizando o nosso querido Javascript!
Com o Javascript, podemos encontrar um elemento seja pela classe, elemento, por id!

Sem a necessidade de adicionarmos uma biblioteca externa para fazer uma manipulação tão simples quanto essa, veja como é simples:

Ler mais