SlideShare a Scribd company logo
1 of 10
Forside
JavaScript MV*-rammeverk
- En kjapp overflyging over rammeverksjungelen
Arnstein Johansen
@G0ldnarms
/in/arnsteinjohansen
/goldnarms
MV* jungelen
• MVC / MVVM
• SPA
• APPS
• jQuery?
Bibliotek vs Rammeverk
Bibliotek
• Knockout, Backbone, Spine, CanJs +++
• Løser et problem
Rammeverk
• Angular, Ember, Durandal, Batman +++
• Struktur, håndterer mer
Steven Sanderson(Microsoft)
• Lett å komme i gang
• .net
• MVVM (observables, databinding)
• Views
• Routing
• Håndtering av data
57553735 | v2.21, 14kb
• Jeremy Ashkenas(underscore.js)
• Lite
• MVC
• Views
• Routing
• Håndtering av data
904314280 | v1.0, 6.3kb
• Yehuda Katz(jQuery, Rails)
• Alt du trenger
• Størst
• Rails
• Views
• Routing
• Håndtering av data
39187075 | v1.0, 55kb
• Rob Eisenberg(Caliburn Micro)
• Bygger på andre bibliotek
• MVVM
• SPA
• Views
• Routing
• Håndtering av data
259500 | v1.2.0
• Google(brilleprodusent?)
• Komplett
• Views
• Routing
• Håndtering av data
613110093 | v1.2.0, 30kb
Valgets kvaler
• Hva man skal lage
• Kjennskap til MVC / MVVM
• Erfaring med JS

More Related Content

Viewers also liked

Viewers also liked (8)

Genetika
GenetikaGenetika
Genetika
 
A marketer's guide to visual communications
A marketer's guide to visual communicationsA marketer's guide to visual communications
A marketer's guide to visual communications
 
新 年 發 福 - A Chinese New Year Story
新 年 發 福 - A Chinese New Year Story新 年 發 福 - A Chinese New Year Story
新 年 發 福 - A Chinese New Year Story
 
Coachim 2
Coachim 2Coachim 2
Coachim 2
 
Coachim ru 2
Coachim ru 2Coachim ru 2
Coachim ru 2
 
Coachim 1
Coachim 1Coachim 1
Coachim 1
 
Coachim ru 1
Coachim ru 1Coachim ru 1
Coachim ru 1
 
Coachim ru 1
Coachim ru 1Coachim ru 1
Coachim ru 1
 

Js jungelen

Editor's Notes

  1. ModelView Controller, Model ViewViewModel, Model ViewPresenter, skille UI kode fra logikkAlt foregår inne i samme side, gmail. Slipper laste en hel side på nyttApps, PhoneGap, Hvorfor ikke bruke jquery, ender opp med masse selectors og callbacks. Lite seperationofconcerns.Nevne at man har jQuery mobile
  2. Bibliotek kan man finne det man liker fra forskjellige og sette sammen etter smak. Fokuserer mer på et knippe problem og løser de.Rammeverk påtvinger applikasjonen en struktur. Noen er komplett og har en løsning på alt og man er løst til deres implementasjon, mens andre lar deg plukke fra andre bibliotek.
  3. Ikke så bratt lærekurve, enkelt å komme i gang. Mye brukt i .net applikasjoner, og har værtdefault for mange templates o.l. fra .net miljøet. Mest brukt i mvcapps, skrevet av ms ansatt. Viewmodels for hver side. For de som er vant til wpf, silverlight, kjent stoff databinding, observables, templates.Har templates, men de kan byttes ut, har ikke direkte støtte for routing, men man kan bruke history.js, sammy.js. Man kan bruke knockout.mapping for data storage.
  4. Lite, både i kb og funksjonalitet, enkelt å lære. Skrevet av samme person som har laget underscore.js og har en avhengighet til underscore. Havner litt under samme kategori som knockout, er mvc, passer bra for å løse problem for hver enkelt side. Brukt av mange store apps: Linkedin, foursquare, groupon.Forviews så kan man velge blant templateviewengines som f.eks. Handlebars, mustache,Har en løsning for routing og håndtering av data, men begge kan byttes ut.
  5. Whole stack, mye kjent for Rails folk, mest funksjonallitet men også størst i kbFullstendig rammeverk som hevder de bygger på konvensjoner, og lite oppsett.Fungerer bra med templateengines som handlebars. Ruby on rails, router. Fortsatt lite dokumentasjon, må bruke my tid på finneut av spesialtilfeller, Har bruker handlebars.js som templateviewengine, har bygget inn routing og data håndtering, data hånderingen kan overskrives.
  6. Laget av samme person som er bak Caliburnmicro.Bygget på jquery og knockout, requirejs. Durandalbruker Knockout'sdata-binding Kjent for de som kommer fra en Wpf, silverlight bakgrunn. Mange .net utviklere vil kjenne seg igjen i dette mvvm rammeverket.John Papa, mr Spa i .net verdenen, har satt sammen en omfattende spa template med durandal som kjernen.Bruker knockout somtemplateengine, har ikke routing innebygd, men fungerer veldig bra med sammy.js. Spiller godt med breeze for datahåndtering.
  7. GoogleValgt å se nærmere på Angular som er googles bidrag til alle mvc rammeverk. Dom manipulasjon for views. Routing lik MVC. Server som heter http som brukes til get og post.Har en løsning for alle lag, men kan bytte ut deler.