WebApps e Frameworks Javascript

  • 732 views
Uploaded 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.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
732
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
12
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