Download - Componentizar pra conquistar
![Page 1: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/1.jpg)
ComponentizaRpra
conquistar!!!
#CEJS2014
![Page 2: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/2.jpg)
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}
![Page 3: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/3.jpg)
![Page 4: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/4.jpg)
![Page 5: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/5.jpg)
{Telas dinâmicas}
{Internacionalização}
{Conversão}
![Page 6: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/6.jpg)
Monet 1.0
![Page 7: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/7.jpg)
Monet 1.0
{Controle de abas}
{Modais}
{Formulários}
{Listas/Grid}
{Campos/Input}
{Formatação de coisas}
![Page 8: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/8.jpg)
Monet 1.0{Recebe o json do servidor}
{Processa os templates e apenda no DOM}
{Jquery inicializa os componentes}
![Page 9: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/9.jpg)
<code></code>
Monet 1.0
![Page 10: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/10.jpg)
Monet 1.0{Pouca reutilização}
{Legibilidade comprometida}
{Código duplicado}
{Dificuldades de teste}
{Alto acoplamento}
{Baixa coesão}
{Arquivos gigaaaaantes}
![Page 11: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/11.jpg)
Monet 1.0
![Page 12: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/12.jpg)
![Page 13: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/13.jpg)
Monet 2.0
![Page 14: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/14.jpg)
{Recebe o json do servidor}
Monet 2.0
{Cria os componentes Js}
{Apenda no DOM}
{Inicializa os componentes JQuery}
![Page 15: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/15.jpg)
Monet 2.0Separação de arquivos
{Nomes de arquivos padronizados}
{Padronização dos namespaces}
{Cada “classe” dentro de um arquivo}
![Page 16: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/16.jpg)
Monet 2.0SOLID
{Componentes visuais cuidam do HTML}
{Formatters formatam informações}
{Converters transformam os dados}
![Page 17: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/17.jpg)
Monet 2.0Orientação a Objetos
{new Function()}
{Herança}
{Composição}
<code></code>
![Page 18: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/18.jpg)
Monet 2.0Padrões de projetos
{Duck Type}
{Module Pattern}
{Method Chaining}
<code></code>
![Page 19: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/19.jpg)
Monet 2.0
{Performance}
{Testabilidade}
{Baixo acoplamento}
{Alta coesão}
{Padronização}
{Qualidade do código}
![Page 20: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/20.jpg)
Monet 2.0
![Page 21: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/21.jpg)
<Dúvidas?/>
![Page 22: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/22.jpg)
https://gist.github.com/mozartdiniz -> desafio.txt
{Desafio Sagarana}
![Page 23: Componentizar pra conquistar](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b9950dbb61ebb5678b45bc/html5/thumbnails/23.jpg)