ComponentizaRpra

conquistar!!!

#CEJS2014

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}

{Telas dinâmicas}

{Internacionalização}

{Conversão}

Monet 1.0

Monet 1.0

{Controle de abas}

{Modais}

{Formulários}

{Listas/Grid}

{Campos/Input}

{Formatação de coisas}

Monet 1.0{Recebe o json do servidor}

{Processa os templates e apenda no DOM}

{Jquery inicializa os componentes}

<code></code>

Monet 1.0

Monet 1.0{Pouca reutilização}

{Legibilidade comprometida}

{Código duplicado}

{Dificuldades de teste}

{Alto acoplamento}

{Baixa coesão}

{Arquivos gigaaaaantes}

Monet 1.0

Monet 2.0

{Recebe o json do servidor}

Monet 2.0

{Cria os componentes Js}

{Apenda no DOM}

{Inicializa os componentes JQuery}

Monet 2.0Separação de arquivos

{Nomes de arquivos padronizados}

{Padronização dos namespaces}

{Cada “classe” dentro de um arquivo}

Monet 2.0SOLID

{Componentes visuais cuidam do HTML}

{Formatters formatam informações}

{Converters transformam os dados}

Monet 2.0Orientação a Objetos

{new Function()}

{Herança}

{Composição}

<code></code>

Monet 2.0Padrões de projetos

{Duck Type}

{Module Pattern}

{Method Chaining}

<code></code>

Monet 2.0

{Performance}

{Testabilidade}

{Baixo acoplamento}

{Alta coesão}

{Padronização}

{Qualidade do código}

Monet 2.0

<Dúvidas?/>

https://gist.github.com/mozartdiniz -> desafio.txt

{Desafio Sagarana}