Javascript Toolkit 2.0 - Speaker Deck

Slide 1

Slide 1 text

THE JAVASCRIPT TOOLKIT An attempt to organize the recent explosion of Javascript based technologies and frameworks into a coherent toolkit to be used by a web application developer. 1 2.0

Slide 2

Slide 2 text

BOM DIA! Olá, sou o Bruno Tavares. 2

Slide 3

Slide 3 text

THE JAVASCRIPT TOOLKIT An attempt to organize the recent explosion of Javascript based technologies and frameworks into a coherent toolkit to be used by a web application developer. 3 2.0

Slide 4

Slide 4 text

O mundo JavaScript mudou. 4

Slide 5

Slide 5 text

5 https://www.google.com/trends/explore#q=single%20page%20applications%2C%20single %20page%20apps&cmpt=q

Slide 6

Slide 6 text

Vamos falar sobre as necessidades, E então olhar para algumas ferramentas 6

Slide 7

Slide 7 text

SCAFFOLD 7 Iniciar novos projetos. Produtividade.

Slide 8

Slide 8 text

8 bootstraps seed projects

Slide 9

Slide 9 text

AUTOMAÇÃO 9 Diversas tarefas/rotinas que precisam ser executadas frequentemente. ! Compile, Test, Minify, Concat, Uglify, Etc.

Slide 10

Slide 10 text

10 github.com/broccolijs/broccoli …ake’s (Make, Rake, etc)

Slide 11

Slide 11 text

11 minify-tools concat-tools watch

Slide 12

Slide 12 text

Slide 13

Slide 13 text

GERENCIAMENTO DE DEPENDÊNCIAS 13 Aplicações JavaScript estão ﬁcando cada vez maiores e complexas. ! Dependem cada vez mais de diversos frameworks e bibliotecas

Slide 14

Slide 14 text

Slide 15

Slide 15 text

CARREGAMENTO PREGUIÇOSO 15 Grandes projetos estão divididos em diferentes módulos. Nem todos devem ser carregados de uma vez.

Slide 16

Slide 16 text

16 github.com/cujojs/curl github.com/amdjs/amdjs-api github.com/amdjs/caolan/async

Slide 17

Slide 17 text

FRAMEWORKS DE TESTES 17 Escrever os testes ! Utilidades para mocking, spying, etc

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

EXECUTORES DE TESTES 20 Executar e visualizar o resultado dos testes

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

TESTE PONTA A PONTA 23 Escrever testes que exercitam todo o ﬂuxo da aplicação, da mesma maneira como um usuário ﬁnal faria.

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

TESTES SEM GUI 26 Como testar JavaScript sem um navegador com interface gráﬁca?

Slide 27

Slide 27 text

Slide 28

Slide 28 text

APLICAÇÕES 28 As aplicações estão ﬁcando complexas e diversos frameworks foram criados para suportar o desenvolvimento delas.

Slide 29

Slide 29 text

29 Google Closure Tools

Slide 30

Slide 30 text

UTILITÁRIOS PARA APLICAÇÕES 30 Você não precisa de um canhão para matar uma mosca.

Slide 31

Slide 31 text

Slide 32

Slide 32 text

UTILITÁRIOS PARA MANIPULAÇÃO DO DOM 32 Seleção e manipulação do DOM e funções auxiliares que funcionam cross-browser

Slide 33

Slide 33 text

Slide 34

Slide 34 text

SIMPLES E INDISPENSÁVEIS UTILITÁRIOS 34 Código limpo; Programação funcional; Helpers e Utilitários;

Slide 35

Slide 35 text

35 lodash.com github.com/kriskowal/q baconjs sugarjs chancejs microjs

Slide 36

Slide 36 text

INTEGRAÇÃO CONTÍNUA 36 Integração Contínua, Entrega Contínua, Implantação Contínua…