- Criando e organizando o repositório
- Introdução e criação do repositório
- Criando arquivos básicos
- Entendendo o Versionamento Semântico
- Organizando o Roadmap com issues e Github projects
- Tooling 1
- Introdução a pré-processadores com Stylus
- Introdução a HTML template engine com PUG
- Introdução ao Javascript com NodejS
- Entendendo NodeJS como plataforma
- Tipos primitivos
- Declarando variáveis
- Expressões e operadores
- Condicionais com if...else
- Criando loops com for
- Trabalhando com funções
- Criando e reutilizando objetos
- Trabalhando com Arrays e entendendo o Prototype
- Tooling 2
- Gerenciamento de dependências com NPM
- Introdução a Gulp.js
- Utilizando plugins no Gulp.js
- Definindo a Stack e estrutura do projeto
- Documentando stack e estrutura básica do projeto
- Criando arquivos e pastas (Docs First)
- Processo de Build e automatizando tarefas
- Automatizando Stylus e PUG
- Escutando arquivos com Gulp.watch()
- Criando servidor estático com Livereload
- Atualizando documentação
- Meta informações
- Entendendo Open Graph e Twitter Cards
- Entendendo Veiewport
- Web Manifest
- Estruturando a base do projeto
- Estrutura básica de markup com meta tags e variaveis PUG
- Adicionando CSS Reset e Fontes
- Visual Style Guide minimo e organizando assests básicos
- Planejando a estrutura semântica do HTML
- Definindo Template e componentizando com PUG
- Adicionando imagemin ao processo de build
- Live code
- Header responsivo com flexbox - pt 1
- Header responsivo com flexbox - pt 2
- Header responsivo com flexbox - Refatoração
- Criando Footer modularizado
- Combinando SVG com Pug e Stylus
- Criando Sticky Footer com calc() ou Flexbox
- Suportando telas de Retina com srcset e Progressive Enhancement
- A visão para reaproveitamento de código
- A importância da nomenclatura de classes no CSS
- Utilizando BEM como opção para a nomenclatura de classes
- Refatorando e modularizando os estilos
- Página de Projetos e falsos Bugs do Gulp.js
- Falsos Bugs de Layout e Flexbox avançado
- Estilizando a versão estática da página de Projetos
- Consumindo JSON com Pug e populando a página automaticamente
- Mantendo a documentação atualizada
- O básico da sintaxe do ES6 / ES 2015
- Como escrever Arrow functions
- Entendendo let e const
- Trabalhando com class e herança
- Trabalhando com módulos nativos (import / export) e Webpack
- Tooling 3
- Refatorando o gulpfile.js com ES6 / ES 2015
- Trabalhando com Babel para transpilar ES6 / ES 2015
- Entendendo a importância do processo de Lint
- Configurando e integrando o ESLint
- Configurando e integrando o Stylint
- Integração contínua com Travis CI
- Gerenciando dependências na nuvem com David
- Melhorando a qualidade do projeto
- SPA com sennaJS
- A11y + Salto de conteúdo
- Integração
- Consumindo API Rest
- lançando release
- Automatizando Deploy
- Performance Test
- E mais.... sim mais ;)