Download as PDF, PPTX
Uploaded bymeet2Brains
WebApps e Frameworks Javascript
O documento é uma introdução ao JavaScript e a frameworks de desenvolvimento web, cobrindo aspectos como o modelo de programação e a evolução da web. Também são mencionadas várias bibliotecas e frameworks associados ao JavaScript, assim como conceitos de arquitetura como MVC. Por fim, discute-se a diversidade de frameworks e a complexidade de escolher o adequado para aplicações web.
WebApps e Frameworks Javascript
- 1. WebApps e Frameworks Javascript por Henrique Netto
- 2.
- 3.
- 4.
- 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; } construtor Account.prototype .generateId = function () { return parseInt( Math.random() * 100 ); };
- 8. function Account(name) { this.id = this.generateId(); this.name = name; } construtor Account.prototype .generateId = function () { return parseInt( Math.random() * 100 ); }; métodos da classe
- 9. function Account(name) { this.id = this.generateId(); this.name = name; } construtor Account.prototype .generateId = function () { return parseInt( Math.random() * 100 ); }; métodos da classe var account = new Account('Netto');
- 10.
- 11.
- 12.
- 13.
- 14. AccDC Foobar.js MooTools Spry framework AJS FUEL My Library Sylvester Ally FuncJS Nano SWFObject Ample SDK Glow Node.js Taffy DB AmplifyJS Google Closure Library Pdf.js Three.js AngularJS Google Web Toolkit PlotKit typeface.js Artisan JS iX Framework Plum.js Underscore.js Banana Banana JS Jelly PottisJS Uize uize.com Backbone.js Joose Processing.js Wakanda Framework Blackbird jQuery Prototype Wijmo Cappuccino jQuery UI Protovis X Library Clean AJAX jQWidgets PURE YUI Library cufón JayData Qfox Zeleos web toolkit CupQ jsDraw2D qooxdoo Zreshk D3js jsPHP QuipoJS Datejs JuiceUI Raphaël DHTMLX JWee JavaScript Rialto Toolkit Dojo Toolkit Toolkit Rico Draw2D Kendo UI RSence Ember.js Knockout scaleApp EaselJS List.js Script.aculo.us Echo Lively Kernel SmartClient Enyo localStorageDB Socket.io Ext JS Microsoft's Ajax library SoundManager 2 Flot midori Spark Fly.js Mochikit SproutCore
- 15.
- 17. Model View Controller (1978)
- 19. Model View Presenter (1990)
- 21.
- 22.
- 23. Model View ViewModel (2006)
- 25.
- 26. { "id": 25, "name": "James", "state": "active" }
- 27. { "id": 25, "name": "James", "state": "active" } <div id="user-25" class="active"> <span class="name">James</span> </div>
- 28. { "id": 25, "name": "James", "state": "active" } <div id="user-25" class="active"> <span class="name">James</span> </div>
- 29. { "id": 25, "name": "James", "state": "active" } <div id="user-25" class="active"> <span class="name">James</span> </div>
- 30. { "id": 25, "name": "James", "state": "active" } <div id="user-25" class="active"> <span class="name">James</span> </div>
- 31. { "id": 25, "name": "James", "state": "active" } <div id="user-25" class="active"> <span class="name">James</span> </div>
- 32.
- 33.
- 34.
- 35. URL Controle de Histórico app#view app/view (html5)
- 36. create POST read GET update PUT delete DELETE
- 37. Spine Knockback.js
- 38.
- 40.
- 44.
- 45.
- 46.
- 47.
- 49. Aplicações WEB são a soma de pequenos componentes.
- 50.
- 51. Usar MVC client-side gera 2 code bases
- 52.
- 53.
- 54.
- 55. É saudável essa quantidadede frameworks?
- 56.