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: [code language=”javascript”] function moveFrame(from, to) { if(!from) throw new Error(‘Parâmetro "from" obrigatório’); if(!to) throw new Error(‘Parâmetro "to" obrigatório’); // realiza a lógica de mudança de frame [/code] Excelente, mas se nossa função tiver cinco parâmetros obrigatórios,
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…

Testes em JavaScript

Dê uns tempos para cá, fazer testes em software se tornou popular e trouxe uma série de benefícios que evitam erros bobos para quem está desenvolvendo projetos e não quer deixar passar nada que atrase a entrega. Mas para quem está começando ou para pessoas da área que ainda tem dúvidas sobre testes, sobram aquelas
Continuar lendo…