1. Model view presenter
Para organizar o javascript e facilitar testes
unitários

2. Bruno Grasselli - @grasselli
Lucas Souza - @lucasas

3. Front end mais complexo
que o back end

4. Arrastar conteúdo de um
artigo para uma div
Artigo 1 Título
Subtítulo
Artigo 2
Artigo 3

5. Arrastar conteúdo de um
artigo para uma div
Artigo 1 Título
Subtítulo
Artigo 2
Artigo 3

6. Nossa primeira abordagem
HTML Javascript
DOM Classe XPTO Model

7. Nossa primeira abordagem
HTML Javascript
DOM Classe XPTO Model
Lógica de
Negócio

8. Nossa primeira abordagem
HTML Javascript
DOM Classe XPTO Model
Binds Lógica de
Negócio

9. Nossa primeira abordagem
HTML Javascript
DOM Classe XPTO Model
Binds Callbacks Lógica de
Negócio

10. Nossa primeira abordagem
HTML Javascript
DOM Classe XPTO Model
Binds Callbacks Lógica de
Atualizar Model Negócio

11. Nossa primeira abordagem
HTML Javascript
DOM Classe XPTO Model
Binds Callbacks Lógica de
Atualizar Model Negócio
Atualizar DOM

12. Nossa primeira abordagem
HTML Javascript
DOM Classe XPTO Model
Binds Callbacks Lógica de
Atualizar Model Negócio
Atualizar DOM
AJAX

14. Model view presenter
HTML Javascript
DOM View Presenter Model

15. Model view presenter
HTML Javascript
DOM View Presenter Model
Lógica de
Negócio

16. Model view presenter
HTML Javascript
DOM View Presenter Model
Binds Lógica de
Negócio

17. Model view presenter
HTML Javascript
DOM View Presenter Model
Binds Callbacks Lógica de
Negócio

18. Model view presenter
HTML Javascript
DOM View Presenter Model
Binds Callbacks Lógica de
Atualizar Negócio
DOM

19. Model view presenter
HTML Javascript
DOM View Presenter Model
Binds Callbacks Lógica de
Atualizar Atualizar Negócio
DOM Model

20. Model view presenter
HTML Javascript
DOM View Presenter Model
Binds Callbacks Lógica de
Atualizar Atualizar Negócio
DOM Model
AJAX

23. Referências
http://www.exampler.com/old-blog/2007/01/05/
http://martinfowler.com/eaaDev/uiArchs.html
http://martinfowler.com/eaaDev/
SupervisingPresenter.html
http://martinfowler.com/eaaDev/PassiveScreen.html

24. Perguntas?