JS com TDD na Prática

[wgoulaart]

✨ Curso JS com TDD na Prática

Section 1 - Boas Práticas

• Introdução
• Configurando o NPM e Criando o package.json
• Criando o gitignore de forma simples
• Criando arquivos para documentação
• Padrões de Código - Styleguides
• Instalando e Usando o Eslint
• UPDATE: Atualizando o Eslint para 4+
• Configurando o editorconfig
• Criando um Npm Script
• Configurando hooks no git

Section 3 - Módulos em JS

• Introdução a Módulos em JS
• Configurando o Webpack
• Trabalhando com Imports no ES6
• Trabalhando com Exports no ES6
• UglifyJS no Webpack
• Variáveis de Ambiente no Webpack
• Adicionando Sourcemaps em nosso código
• Inicializando um server com Webpack

Section 4 - Teoria de Testes

• Qualidade de Software
• Alguns fatores para alcançar qualidade em seu projeto
• Por que testar?
• Como funciona o fluxo do TDD?
• Como pensar em testes? Padrão de teste.
• Tipos de Testes
• Algumas dicas para os tipos de testes
• Spies, Stubs e Mocks

Section 5 - Unindo conceitos na prática

• Apresentando Ferramentas
• Iniciando a estrutura com Mocha e Chai
• Funcionamento do Mocha - describe, context, it...
• Reporters do Mocha
• Comandos Skip, Only, Bail
• Introdução aos Hooks do Mocha
• Hooks na Prática
• Métodos do Chai
• Criando uma calculadora simples - Pt1
• Criando uma calculadora simples - Pt2
• Convertendo e testando em ES6
• Criando um FizzBuzz com TDD
• Aplicando o Code Coverage
• Rodando check-coverage antes de cada push

Section 6 - Criando uma Biblioteca Wrapper da API do Spotify

• Introdução da Biblioteca
• Clonando o Boilerplate e editando
• Criando Smoke Tests
• Instalando Sinon e dependências
• Utilizando o calledOnce
• Utilizando o calledWith
• Utilizando context e refatorando código de teste
• Retornando Promises
• Escrevendo testes para métodos restantes
• Rodando um exemplo no Node
• Criando arquivos para o Endpoint de Albums
• Refatorando e reorganizando o código
• Transpilando a biblioteca com Babel
• Utilizando o Webpack para gerar a biblioteca em UMD
• Criando um exemplo simples com a biblioteca em UMD
• Criando uma documentação
• Integrando com o Travis CI
• Integrando com o Coveralls
• Publicando a biblioteca no NPM
• Adicionando Token para autorização

Section 7 - Refatorando uma biblioteca com testes

• Refatorando para Classe/Construtor
• Criando método de request no objeto da Classe
• Refatorando o método para Albums
• Refatorando os métodos de Search
• Atualizando Webpack para gerar UMD a partir de Classes

Section 8 - Criando um Player do Spotify

• Apresentando o Player Final
• Mostrando o Markup Final da Aplicação
• Configurando o Webpack-dev-server
• Criando o Markup Básico da Aplicação
• Importando a Biblioteca do Spotify Wrapper
• Criando componente de AlbumList
• Adicionando o AlbumList no Layout
• Criando componente AlbumInfo
• Adicionando AlbumInfo no Layout
• Criando componente AlbumTracks
• Adicionando AlbumTracks no Layout
• Criando método ConvertToHumanTime
• Aplicando ConvertToHumanTime no Layout
• Criando SearchTrigger
• Criando SelectAlbumTrigger
• Criando PlaylistTrigger

Section 9 - Criando uma CLI para converter Bitcoin em qualquer moeda

• Apresentando a CLI
• Editando o package.json
• Iniciando a CLI e testes
• Conhecendo o Commander
• Aprendendo a rodar a CLI localmente
• Definindo Options como parâmetros
• Utilizando a API para obter dados reais
• Tratamento de erros
• Colorindo o terminal com Chalk
• Adicionando um Loader

Section 10 - Introdução a Testes com React - Criando um Componente Full Header

• Introdução ao Storybook, Enzyme e Lyef
• Baixando o boilerplate da Lyef
• Como Stories Funcionam
• Escrevendo stories
• Escrevendo primeiro Teste
• Adicionando título
• Adicionando subtitulo
• Adicionando bgColor
• Adicionando textColor e font
• Adicionando bgImg
• Adicionando Estilos
• Adicionando Video
• Integrando o Componente com o Create-React-App