Arquitetura Client-Side do Comentários da Globo.com

13
Arquitetura Client-Side Comentários 2.0 Evandro Leopoldino Gonçalves Desenvolvedor, Globo.com [email protected] @evandrolg

Transcript of Arquitetura Client-Side do Comentários da Globo.com

Page 1: Arquitetura Client-Side do Comentários da Globo.com

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

Comentários?

Page 3: Arquitetura Client-Side do Comentários da Globo.com

Client-Side

Page 4: Arquitetura Client-Side do Comentários da Globo.com

HTML + CSS + JavaScript

Page 5: Arquitetura Client-Side do Comentários da Globo.com

HTML & CSS

Page 6: Arquitetura Client-Side do Comentários da Globo.com

- “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

JavaScript

Page 8: Arquitetura Client-Side do Comentários da Globo.com

ArquiteturaFramework

Widget Main

WidgetWidgetWidgetWidget

Widget Base

Page 9: Arquitetura Client-Side do Comentários da Globo.com

- É 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

- jQuery.trigger()

- jQuery.bind()

Observer com jQuery

Page 11: Arquitetura Client-Side do Comentários da Globo.com

- jQuery / jQuery UI

- Mustashe

- EasyDate

- Recaptcha Google

Bibliotecas

Page 12: Arquitetura Client-Side do Comentários da Globo.com

Dúvidas?

Page 13: Arquitetura Client-Side do Comentários da Globo.com

Obrigado! ;)

Evandro L. Gonç[email protected]

@evandrolg