• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
WebApps e Frameworks Javascript
 

WebApps e Frameworks Javascript

on

  • 1,114 views

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.

Statistics

Views

Total Views
1,114
Views on SlideShare
799
Embed Views
315

Actions

Likes
0
Downloads
12
Comments
0

3 Embeds 315

http://www.meet2brains.com.br 299
http://localhost 9
http://meet2brains.com.br 7

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    WebApps e Frameworks Javascript WebApps e Frameworks Javascript Presentation Transcript

    • WebApps eFrameworks Javascript por Henrique Netto
    • Javascript
    • AprendaJavascriptem 10 dias.
    • Funcional, Prototipado,e outras coisas
    • function Account(name) { this.id = this.generateId(); this.name = name;}
    • function Account(name) { this.id = this.generateId(); this.name = name;} construtor
    • function Account(name) { this.id = this.generateId(); this.name = name;} construtorAccount.prototype .generateId = function () { return parseInt( Math.random() * 100 ); };
    • function Account(name) { this.id = this.generateId(); this.name = name;} construtorAccount.prototype .generateId = function () { return parseInt( Math.random() * 100 ); }; métodos da classe
    • 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);
    • A WEB evoluiu.
    • Normalização por código
    • Normalização por código
    • Bibliotecas Javascript
    • 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
    • Complexidade
    • Model View Controller (1978)
    • Model View Presenter (1990)
    • WebModel View Controller
    • <HTML>
    • Model View ViewModel (2006)
    • Model View *
    • { "id": 25, "name": "James", "state": "active"}
    • { "id": 25, "name": "James", "state": "active"}<div id="user-25" class="active"> <span class="name">James</span></div>
    • { "id": 25, "name": "James", "state": "active"}<div id="user-25" class="active"> <span class="name">James</span></div>
    • { "id": 25, "name": "James", "state": "active"}<div id="user-25" class="active"> <span class="name">James</span></div>
    • { "id": 25, "name": "James", "state": "active"}<div id="user-25" class="active"> <span class="name">James</span></div>
    • { "id": 25, "name": "James", "state": "active"}<div id="user-25" class="active"> <span class="name">James</span></div>
    • Quando usar?
    • URL
    • URL
    • URL Controle de Histórico app#view app/view (html5)
    • create POSTread GETupdate PUTdelete DELETE
    • Spine Knockback.js
    • Reflexão
    • Spine
    • Como escolher?
    • TodoMVC
    • Quais pontos analisar?
    • CapacidadesUsado em ProduçãoDocumentaçãoComunidadeNão-intrusivo
    • Aplicações WEB são a soma depequenos componentes.
    • microjs140byt.es
    • Usar MVC client-side gera 2 code bases
    • Common JS
    • NodeJS
    • Meteor
    • É saudávelessa quantidade de frameworks?
    • Obrigado