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…

Guia de Unidades no CSS

Quando começamos a lidar com desenvolvimento web, mais especificamente HTML e CSS, é bastante comum que fiquemos presos às ferramentas que já conhecemos e temos familiaridade. Porém, isso pode se tornar um problema devido ao grande crescimento da Web e, com isso, o surgimento de novos problemas e consequentemente novas soluções. Esse é uma situação
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…

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…