Your SlideShare is downloading. ×
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
WebApps e Frameworks Javascript
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

WebApps e Frameworks Javascript

771

Published on

Visão geral sobre frameworks javascript populares e o uso para desenvolvimento de aplicações web ricas.

Visão geral sobre frameworks javascript populares e o uso para desenvolvimento de aplicações web ricas.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
771
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. WebApps eFrameworks Javascript por Henrique Netto
  • 2. Javascript
  • 3. AprendaJavascriptem 10 dias.
  • 4. Funcional, Prototipado,e outras coisas
  • 5. function Account(name) { this.id = this.generateId(); this.name = name;}
  • 6. function Account(name) { this.id = this.generateId(); this.name = name;} construtor
  • 7. function Account(name) { this.id = this.generateId(); this.name = name;} construtorAccount.prototype .generateId = function () { return parseInt( Math.random() * 100 ); };
  • 8. function Account(name) { this.id = this.generateId(); this.name = name;} construtorAccount.prototype .generateId = function () { return parseInt( Math.random() * 100 ); }; métodos da classe
  • 9. function Account(name) { this.id = this.generateId(); this.name = name;} construtorAccount.prototype .generateId = function () { return parseInt( Math.random() * 100 ); }; métodos da classevar account = new Account(Netto);
  • 10. A WEB evoluiu.
  • 11. Normalização por código
  • 12. Normalização por código
  • 13. Bibliotecas Javascript
  • 14. AccDC Foobar.js MooTools Spry frameworkAJS FUEL My Library SylvesterAlly FuncJS Nano SWFObjectAmple SDK Glow Node.js Taffy DBAmplifyJS Google Closure Library Pdf.js Three.jsAngularJS Google Web Toolkit PlotKit typeface.jsArtisan JS iX Framework Plum.js Underscore.jsBanana Banana JS Jelly PottisJS Uize uize.comBackbone.js Joose Processing.js Wakanda FrameworkBlackbird jQuery Prototype WijmoCappuccino jQuery UI Protovis X LibraryClean AJAX jQWidgets PURE YUI Librarycufón JayData Qfox Zeleos web toolkitCupQ jsDraw2D qooxdoo ZreshkD3js jsPHP QuipoJSDatejs JuiceUI RaphaëlDHTMLX JWee JavaScript Rialto ToolkitDojo Toolkit Toolkit RicoDraw2D Kendo UI RSenceEmber.js Knockout scaleAppEaselJS List.js Script.aculo.usEcho Lively Kernel SmartClientEnyo localStorageDB Socket.ioExt JS Microsofts Ajax library SoundManager 2Flot midori SparkFly.js Mochikit SproutCore
  • 15. Complexidade
  • 16. Model View Controller (1978)
  • 17. Model View Presenter (1990)
  • 18. WebModel View Controller
  • 19. <HTML>
  • 20. Model View ViewModel (2006)
  • 21. Model View *
  • 22. { "id": 25, "name": "James", "state": "active"}
  • 23. { "id": 25, "name": "James", "state": "active"}<div id="user-25" class="active"> <span class="name">James</span></div>
  • 24. { "id": 25, "name": "James", "state": "active"}<div id="user-25" class="active"> <span class="name">James</span></div>
  • 25. { "id": 25, "name": "James", "state": "active"}<div id="user-25" class="active"> <span class="name">James</span></div>
  • 26. { "id": 25, "name": "James", "state": "active"}<div id="user-25" class="active"> <span class="name">James</span></div>
  • 27. { "id": 25, "name": "James", "state": "active"}<div id="user-25" class="active"> <span class="name">James</span></div>
  • 28. Quando usar?
  • 29. URL
  • 30. URL
  • 31. URL Controle de Histórico app#view app/view (html5)
  • 32. create POSTread GETupdate PUTdelete DELETE
  • 33. Spine Knockback.js
  • 34. Reflexão
  • 35. Spine
  • 36. Como escolher?
  • 37. TodoMVC
  • 38. Quais pontos analisar?
  • 39. CapacidadesUsado em ProduçãoDocumentaçãoComunidadeNão-intrusivo
  • 40. Aplicações WEB são a soma depequenos componentes.
  • 41. microjs140byt.es
  • 42. Usar MVC client-side gera 2 code bases
  • 43. Common JS
  • 44. NodeJS
  • 45. Meteor
  • 46. É saudávelessa quantidade de frameworks?
  • 47. Obrigado

×