Crie aplicações otimizadas e flexíveis com Sass, Bower, GulpJS e Design Responsivo.
O que vamos aprender neste curso?
Pré-requisitos
Conhecer seu sistema operacional;
Muita vontade de aprender;
Noções básicas de HTML,CSS e JS;
Módulo 01 - Informações
01 - Sobre a plataforma e a certificação bootstrap
Módulo 02 - Instalação (Windows/Linux)
01 - Instalando node.js em sua máquina;
02 - Iniciando projeto com NPM e criando package.json
03 - Adicionando dependências.
Módulo 03 - GulpJS automatizando tarefas
01 - Instalando plugins;
02 - Criando e executando tarefas;
03 - E se der error?
Módulo 04 - Bower gerenciando pacotes
01. Instalando e Configurando;
02. Instalando Novos Pacotes;
03. Removendo Pacotes;
Módulo 05 - CSS inteligente com Sass
01 - Árvore de seletores e reutilização de classes;
02 - Isolamento com variáveis;
03 - Importanto outros arquivos Sass;
03 - O poderoso mixin;
Módulo 06 - Introdução ao design responsivo
01 - Viewport;
02 - @media e breakpoints;
03 - Layout fluido;
04 - Unidades EM,REM,VH e VW;
05 - Landscape;
06 - Imagens responsivas;
07 - jQuery mobile para touch;
08 - Debugando com celular;
Módulo 07 - Novo Bootstrap 4
01 - Revisando mudanças da versão 3 para o 4;
02 - Conhecendo sua estrutura interna;
03 - Usando apenas o necessário;
04 - Semântica de verdade;
Módulo 08 - Projeto final
Clique aqui e veja o layout que iremos desenvolver;
01 - Baixando o material e entendendo o layout;
02 - Criando wireframe para um cenário mobile;
03 - Menu lateral;
04 - Efeito offcanvas via javascript;
05 - Detalhes do header;
06 - Bloco de resumos;
07 - Bloco website traffic;
08 - Outros blocos estatísticos;
09 - Revisando e fazendo ajustes.
Módulo 09 - Encontros
01 - Encontro com Alunos
02 - Encontro com Alunos
Módulo 10 - Extra Complementar
01 - Melhorando a Aparência do Pronpt de Comando
02 - Uma overdose de produtividade com sublime text
03 - Maratona Bootstrap - Validation
04 - Maratona Bootstrap - Notify
05 - Maratona Bootstrap - Datepicker
Download