Em conjunto com o Sass, a utilização dos gerenciadores de tarefas ou build tools vem crescendo enormemente, seguindo a necessidade de construção de front ends cada vez mais complexos. Neste curso, iremos utilizar Node.js, Gulp e Sass para construir um website moderno e responsivo segundo as mais recentes tendências.

Você irá aprender

• Como trabalhar com a linha de comando do seu sistema operacional;
• Como instalar Node.js e npm;
• Como instalar e trabalhar com o Gulp e seus plugins, incluindo Sass, automatizando tarefas do seu projeto;
• Como automatizar a compatibilização do seu CSS com Autoprefixer;
• Como fazer o seu navegador atualizar automaticamente com BrowserSync;
• Como organizar melhor seu HTML e CSS com o método BEM;
• Como utilizar todos os conhecimentos acima para planejar e desenvolver um site.

Este curso é para você?

Este é um curso intermediário destinado a desenvolvedores experientes que queiram aprimorar e atualizar suas técnicas. É esperado que o aluno tenha conhecimento do processo de desenvolvimento de um site e que já tenha publicado alguns projetos.

Software

Para fazer o curso você precisará de um navegador (como Mozilla Firefox ou Google Chrome) e um editor de texto de sua preferência (como Notepad++ ou Sublime Text). A instalação de outros softwares necessários será supervisionada nas aulas.

Carga horária

8 aulas de até 2 horas de duração cada.

Visão geral

1. Aula 1

   1. Introdução
   2. Análise do Design
   3. O que é um framework de front end?
   4. Introdução à linha de comando

2. Aula 2

   1. Instalação do Node.js e npm
   2. Instalação do Gulp e seus plugins
   3. Configuração do Gulp

3. Aula 3

   1. Método BEM
   2. Montagem do HTML do site-exemplo

4. Aula 4

   1. Trabalhando com Sass
   2. Organizando Sass com parciais
   3. Mixins e funções úteis

5. Aula 5

   1. Sistemas de grade
   2. Desenvolvendo um sistema de grade com Sass

6. Aula 6

   1. Estilização CSS do site-exemplo

7. Aula 7

   1. Estilização CSS do site-exemplo
   2. Finalização do site-exemplo

8. Aula 8

   1. Dúvidas e esclarecimentos
   2. Tendências na área de front-end
   3. Continuando seus estudos