felipe.nascimentoFelipe Nascimento

Todos os artigos por felipe.nascimento

 

Criando um autocomplete com JavaScript

Uma empresa de viagem gostaria de melhorar a experiência de seus clientes quando eles forem procurar um destino. Para isso foi proposto a criação de uma ferramenta que faz a procura da cidade baseado no que o usuário está digitando. Mais conhecida como autocomplete, ela não só vai evitar erros de digitação, mas também promover
Continuar lendo…  

Formatando CPF com ajuda das Expressões Regulares

Para começar a fazer vendas online, uma empresa que fabrica adesivos criou uma página para pré cadastro de cartão de crédito que contém campos como nome, idade, endereço, CPF entre outros. O problema é que alguns cadastros não possuem um formato de CPF válido, isso porque o campo não possui nenhuma validação. Ou seja, o
Continuar lendo…  

Começando com o desenvolvimento Front-end

Depois de algum tempo na faculdade escrevendo código e programas que funcionavam via terminal, ficava sempre com a impressão de que faltava algo. Comecei escrevendo programas onde o usuário respondia via terminal, mas enquanto isso o mundo já usa o navegador e sites para interagir com sistemas. Essa casca final de interação com o usuário
Continuar lendo…  

Criando uma máscara de Telefone com Javascript

Uma editora de livros possui em seu site uma página de fale conosco para melhor atender os seus cliente. Nesta página foi criado um formulário com nome, endereço e telefone. O problema é que o campo de telefone está sem formatação permitindo que o cliente digite quantos números quiser. Com isso o campo pode receber
Continuar lendo…  

Conhecendo Arrow Functions

Uma escola precisa imprimir uma lista de todos os funcionarios e o código da turma, e para realizar essa ação temos a seguinte classe: class ModuloDeImpressao { constructor() { this._codigo = 10; } imprime(nomes) { nomes.forEach(function(nome){ console.log(`${this._codigo}: ${nome}`); }); } } O problema é que após o teste inicial: const professores = [‘Elias’, ‘Yuri’, ‘Gabriel’,
Continuar lendo…  

Alterando CSS com JavaScript

Atualmente, uma transportadora tem em seu sistema web uma tabela que consome alguns dados de uma API. Entre eles, as datas de quando os veículos deveriam ir para manutenção. O que está acontecendo é que os funcionários estão perdendo algumas datas de manutenção dos veículos. Isso porque eles dizem que a parte da tabela responsável
Continuar lendo…  

Trabalhando com datas em JavaScript

Uma floricultura me pediu pra criar uma funcionalidade em que a cor de fundo do site mudasse de acordo com as horas do dia. Vamos ver como podemos encontrar as horas do dia e alterar o CSS tudo isso usando JavaScript. Trabalhando com datas e horas O JavaScript possui a classe Date que nos permite
Continuar lendo…  

Capturando valor do input: introdução a seletores

A secretaria acadêmica de uma escola me pediu para fazer uma tela que mostrasse as informações dos alunos matriculados. Só que existia um problema: cada aluno preencheu o telefone usando traços em lugares diferentes A listagem dessa maneira ficou um pouco confusa, uma das alternativas para alterar os números seria percorrer cada registro no banco
Continuar lendo…  

Formatando números no JavaScript

Uma empresa está perguntando quanto está pagando por hora de salário. Para isso, existe uma função que pega o salário do mês e calcula o custo hora: function ganhoPorHora(salario, horasTrabalhadasNoMes) { const salarioHora = (salario / horasTrabalhadasNoMes); return salarioHora; } Resultado da função: ganhoPorHora(3000,176); O valor por hora do salário seria: 17.045454545454547. Mas, como estamos
Continuar lendo…  

Convertendo String para número em JavaScript

Recentemente eu desenvolvi uma aplicação para descobrir qual seria o novo salário de um funcionário baseado na porcentagem de aumento que ele recebeu. const salario = pegaSalarioDoFuncionario(); const aumento = 20; const novoSalario = ( salario * aumento)/100) + salario; console.log( “Seu novo salario é: ” +novoSalario ); A resposta para o novo salário foi
Continuar lendo…