The Javascript Toolkit

R e n a n M a r t i n s , A l a b ê D u a r t e

JAVASCRIPT TOOLKITProgramando, automatizando e distribuindo

aplicações no mundo JavaScript

@renan89

@alabeduarte

Recife, Belo Horizonte, São Paulo e Porto Alegre

INSIGHTS

PRODUTOS

PRODUTOS

PRODUTOS

#javascript-toolkit

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

2.1

JAVASCRIPT COMO UTILITÁRIO

Quem nunca precisou de uma máscara e achou um script maroto para resolver o problema?

MICRO FRAMEWORKS

Vamos falar sobre as necessidades,

E então olhar para algumas ferramentas

ESTRUTURA DO TOOLKIT

▫Infraestrutura e Desenvolvimento

▫Testes

▫Aplicações & Produtos

▫Utilitários e Suporte

INFRAESTRUTURA E DESENVOLVIMENTO

SCAFFOLD (ANDAIME, ESQUELETO)

Iniciar novos projetos.

Produtividade.

bootstraps seed projects

JAVASCRIPT PREPROCESSORS

A maneira como você organiza o seu código durante o

desenvolvimento é diferente de como você o publica

GERENCIAMENTO DE DEPENDÊNCIAS

Aplicações JavaScript estão ficando cada vez maiores e

complexas.

Dependem cada vez mais de diversos frameworks e

bibliotecas

AUTOMAÇÃO

Diversas tarefas/rotinas que precisam ser executadas

frequentemente.

Compile, Test, Minify, Concat, Uglify, Etc.

github.com/broccolijs/broccoli

…ake’s (Make, Rake, etc)

minify-tools

concat-tools watch

OUTRAS LINGUAGENS. ABSTRAÇÕES

Açúcar sintático ou até mesmo linguagens / abstrações com

sintaxes completamente diferentes que são compiladas

para javascript

github.com/clojure/clojurescript

TESTES

EXECUTORES DE TESTES

Executar e visualizar o resultado dos testes

FRAMEWORKS DE TESTES

Escrever os testes

Utilidades para mocking, spying, etc

TESTE PONTA A PONTA

Escrever testes que exercitam todo o fluxo da aplicação, da

mesma maneira como um usuário final faria.

TESTES SEM GUI

Como testar JavaScript sem um navegador com interface gráfica?

APLICAÇÕES E PRODUTOS

APPLICATION FRAMEWORKS

As aplicações estão ficando complexas e diversos

frameworks foram criados para suportar o desenvolvimento

delas.

Google Closure Tools

MOBILE DEVELOPMENT

UTILITÁRIOS PARA APLICAÇÕES

Você não precisa de um canhão para matar uma mosca.

CARREGAMENTO PREGUIÇOSO

Grandes projetos estão divididos em diferentes módulos.

Nem todos devem ser carregados de uma vez.

github.com/cujojs/curl

github.com/amdjs/amdjs-api

github.com/amdjs/caolan/async

UTILITÁRIOS E SUPORTE

UTILITÁRIOS PARA MANIPULAÇÃO DO DOM

Manipulação do DOM e funções auxiliares que funcionam

cross-browser

SIMPLES E INDISPENSÁVEIS UTILITÁRIOS

Código limpo; Programação funcional; Helpers e Utilitários;

lodash.com

github.com/kriskowal/q

baconjs sugarjs chancejs microjs

http://javascript-toolkit.com/

http://javascript-toolkit.com/

Dúvidas e sugestões:

[email protected]

[email protected]

MUITO OBRIGADO