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…

Começando com fetch no Javascript

Uma loja online de vídeo games vende produtos como: jogos, consoles, periféricos para os consoles, entre outras coisas. Nas vendas online, a pessoa seleciona o produto que gostaria de comprar e, para concluir a compra, ela informa o endereço para a entrega do produto. Atualmente a pessoa que fez a compra precisa preencher todos os
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…

Nomes de classes no CSS

Olá, se vocês não viram o primeiro post da série clica aqui e dá uma lida nesse antes. Bom, agora vamos resolver o problema dos nomes das classes de CSS, vamos recapitular o componente .box que eu criei: — Box .box {} .image {} .title {} Imagina agora que o nosso componente navbar tem seu
Continuar lendo…

Organizando o CSS no seu projeto

Quando a gente tem um projeto pequeno e pouco código HTML e CSS é razoavelmente tranquilo não se perder e manter o código organizado. Porém quando o projeto começa a crescer e ter uma quantidade significativa de páginas diferentes, a gente começa a ver um cenário muito comum de: Código duplicado Conflitos de nomes de
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…

Fazendo um gráfico para a web com Google Charts

Recebi dados de uma produtora de cinema em uma planilha do Google Spreadsheets, e agora irei fazer um gráfico para visualizá-los: Para isso usarei o Google Charts. Após criar a função desenharGraficodeLinhas() que irá conter todo o nosso código, o primeiro passo será buscar os dados da planilha do Google: function desenharGraficodeLinhas() { var dados
Continuar lendo…

Formações Alura: do zero ao necessário para o mercado de trabalho

O número de cursos da Alura vem crescendo bastante e com isso temos um bom problema: qual curso devo realizar primeiro? E depois, para onde ir? Novas formações Alura! Pensando nisso, eu tenho um anúncio bem interessante para fazer hoje: estamos lançando as formações Alura. São inicialmente seis formações: Formação Engenheiro Front-end; Formação Desenvolvedor Android;
Continuar lendo…

Lidando com parâmetros obrigatórios em JavaScript

É bem comum o desenvolvedor JavaScript precisar testar a obrigatoriedade de parâmetros das funções que cria. Vejamos um exemplo: Excelente, mas se nossa função tiver cinco parâmetros obrigatórios, teremos que repetir cada instrução if cinco vezes. A boa notícia é que podemos utilizar um recurso adicionado no ES2015 (ES6) já consolidado entre os navegadores para
Continuar lendo…