felipe.nascimentoFelipe Nascimento

Todos os artigos por felipe.nascimento

 

Manipulação de array com map, filter e reduce

Na empresa onde trabalho começamos um Coding Dojo, que é basicamente uma reunião com programadores e programadoras a fim de resolver desafios e aperfeiçoar as habilidades com algoritmos. O desafio dessa semana foi o seguinte, dado o array `empresas`:  Tenho que exibir as seguintes informações: Empresas criadas depois dos anos 2000. O nome de cada
Continuar lendo…  

Criando anotações com Markdown

Recentemente comecei a fazer o curso Javascript: programando na linguagem da web e resolvi me organizar com relação às anotações que estou criando. Normalmente eu mantenho as anotações em cadernos, que cá entre nós, não é muito eficiente quando preciso procurar algum texto específico, além de que com o passar do tempo eles acabam sendo
Continuar lendo…  

Utilizando export.modules no Node.js

No post sobre arrow functions criamos um módulo para imprimir o código da turma e o nome dos funcionários da escola. Agora o back-end precisa utilizar esse mesmo módulo, mas por enquanto o nosso código só funciona no lado do navegador. O back-end possui um único arquivo chamado app.js e o que queremos é encontrar
Continuar lendo…  

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…