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…

5 Dicas para conseguir ajuda em fóruns de tecnologia.

Durante nossos estudos não é incomum que tenhamos dúvidas e encontremos problemas durante o processo de aprendizado. Não temos um professor do nosso lado olhando nosso código ou observando o design que estamos criando. Como tirar dúvidas e encontrar soluções nestes casos? Recorremos aos fóruns e comunidades. A comunidade de tecnologia com certeza é um
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…

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…