O documento apresenta a evolução da biblioteca Monet de 1.0 para 2.0. A versão 1.0 possuía problemas como pouca reutilização de código, legibilidade comprometida e arquivos grandes. A versão 2.0 implementou princípios de orientação a objetos, padrões de projeto e separação de responsabilidades para melhorar a performance, testabilidade, acoplamento e qualidade do código.

1. ComponentizaR
pra
conquistar!!!
#CEJS2014

2. Quem somos?
<Adalto Jr/>
{3 anos de Dev}
{2 anos de Front-End}
{Experiência com PHP,
Js, Android, Java.}
{@adalto_junior}
<Kete/>
{5 anos de Dev}
{1 ano de Front-End}
{Experiência Java,
Js, BI}
{@ketemr}

5. {Telas dinâmicas}
{Internacionalização}
{Conversão}

6. Monet 1.0

7. Monet 1.0
{Controle de abas}
{Modais}
{Formulários}
{Listas/Grid}
{Campos/Input}
{Formatação de coisas}

8. Monet 1.0
{Recebe o json do servidor}
{Processa os templates e
apenda no DOM}
{Jquery inicializa os
componentes}

9. Monet 1.0
<code></code>

10. Monet 1.0
{Pouca reutilização}
{Legibilidade comprometida}
{Código duplicado}
{Dificuldades de teste}
{Alto acoplamento}
{Baixa coesão}
{Arquivos gigaaaaantes}

11. Monet 1.0

13. Monet 2.0

14. Monet 2.0
{Recebe o json do servidor}
{Cria os componentes Js}
{Inicializa os componentes JQuery}
{Apenda no DOM}

15. Monet 2.0
Separação de arquivos
{Nomes de arquivos padronizados}
{Padronização dos namespaces}
{Cada “classe” dentro de um arquivo}

16. Monet 2.0
SOLID
{Componentes visuais cuidam do HTML}
{Formatters formatam informações}
{Converters transformam os dados}

17. Monet 2.0
Orientação a Objetos
{new Function()}
{Herança}
{Composição}
<code></code>

18. Monet 2.0
Padrões de projetos
{Duck Type}
{Module Pattern}
{Method Chaining}
<code></code>

19. Monet 2.0
{Performance}
{Testabilidade}
{Baixo acoplamento}
{Alta coesão}
{Padronização}
{Qualidade do código}

20. Monet 2.0

21. <Dúvidas?/>

22. {Desafio Sagarana}
https://gist.github.com/mozartdiniz -> desafio.txt