arquitetura client-side do comentários da globo.com
TRANSCRIPT
![Page 1: Arquitetura Client-Side do Comentários da Globo.com](https://reader035.vdocuments.net/reader035/viewer/2022070317/5563ed1dd8b42ae33c8b4637/html5/thumbnails/1.jpg)
Arquitetura Client-Side
Comentários 2.0Evandro Leopoldino Gonçalves
Desenvolvedor, Globo.com
[email protected]@evandrolg
![Page 2: Arquitetura Client-Side do Comentários da Globo.com](https://reader035.vdocuments.net/reader035/viewer/2022070317/5563ed1dd8b42ae33c8b4637/html5/thumbnails/2.jpg)
Comentários?
![Page 3: Arquitetura Client-Side do Comentários da Globo.com](https://reader035.vdocuments.net/reader035/viewer/2022070317/5563ed1dd8b42ae33c8b4637/html5/thumbnails/3.jpg)
Client-Side
![Page 4: Arquitetura Client-Side do Comentários da Globo.com](https://reader035.vdocuments.net/reader035/viewer/2022070317/5563ed1dd8b42ae33c8b4637/html5/thumbnails/4.jpg)
HTML + CSS + JavaScript
![Page 5: Arquitetura Client-Side do Comentários da Globo.com](https://reader035.vdocuments.net/reader035/viewer/2022070317/5563ed1dd8b42ae33c8b4637/html5/thumbnails/5.jpg)
HTML & CSS
![Page 6: Arquitetura Client-Side do Comentários da Globo.com](https://reader035.vdocuments.net/reader035/viewer/2022070317/5563ed1dd8b42ae33c8b4637/html5/thumbnails/6.jpg)
- “The premise for graceful degradation is to first build for thelatest and greatest, then add handlers for less capable devices.”
(accessites.org)
Graceful Degradation
![Page 7: Arquitetura Client-Side do Comentários da Globo.com](https://reader035.vdocuments.net/reader035/viewer/2022070317/5563ed1dd8b42ae33c8b4637/html5/thumbnails/7.jpg)
JavaScript
![Page 8: Arquitetura Client-Side do Comentários da Globo.com](https://reader035.vdocuments.net/reader035/viewer/2022070317/5563ed1dd8b42ae33c8b4637/html5/thumbnails/8.jpg)
ArquiteturaFramework
Widget Main
WidgetWidgetWidgetWidget
Widget Base
![Page 9: Arquitetura Client-Side do Comentários da Globo.com](https://reader035.vdocuments.net/reader035/viewer/2022070317/5563ed1dd8b42ae33c8b4637/html5/thumbnails/9.jpg)
- É um padrão de projeto que define uma dependência de um-para-muitos entre objetos de modo que quando um objeto muda o estado, todos seus dependentes sejam notificados e atualizados automaticamente.
(Wikipedia.org)
Design Pattern Observer
![Page 10: Arquitetura Client-Side do Comentários da Globo.com](https://reader035.vdocuments.net/reader035/viewer/2022070317/5563ed1dd8b42ae33c8b4637/html5/thumbnails/10.jpg)
- jQuery.trigger()
- jQuery.bind()
Observer com jQuery
![Page 11: Arquitetura Client-Side do Comentários da Globo.com](https://reader035.vdocuments.net/reader035/viewer/2022070317/5563ed1dd8b42ae33c8b4637/html5/thumbnails/11.jpg)
- jQuery / jQuery UI
- Mustashe
- EasyDate
- Recaptcha Google
Bibliotecas
![Page 12: Arquitetura Client-Side do Comentários da Globo.com](https://reader035.vdocuments.net/reader035/viewer/2022070317/5563ed1dd8b42ae33c8b4637/html5/thumbnails/12.jpg)
Dúvidas?