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…

Ancorando elementos com HTML5

No blog da Caelum temos alguns posts bem longos sobre determinados assuntos que demandam muito conteúdo, mas isso deixa a rolagem da página gigantesca. Isso é o que aconteceu, por exemplo, com o post que o Sérgio Lopes escreveu de Por uma Web mais rápida: 26 técnicas de otimização de Sites: Mas, e se eu
Continuar lendo…

Criando Layouts com CSS Grid Layout

Imagine que um amigo, chegou em você e disse: Eu preciso criar um layout com um cabeçalho, um menu lateral, o conteúdo principal e um rodapé Se você está acostumado a criar páginas HTML5 com CSS3 já deve ter imaginado toda a estrutura, algo parecido com: <header>Cabeçalho</header> <aside>Menu lateral</aside> <main>Conteúdo principal</main> <footer>Rodapé</footer> Até ai tudo
Continuar lendo…