Javascript tar hevn

805 views

Published on

Presentasjon holdt på MVP Live 2012. Kode finnes her:
https://github.com/fossmo/todolist

Published in: Education, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
805
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • En mannerpågolfbanenå spiller golf med en kompis. Han står der klartilåslå, da hanser et langtbegravelsesfølgesomgårforbipåveien. Han stoppemidtislaget, tar avsegcapsen, lukkerøyneneogbøyersegibønn. Golfkompisensier: “Detteernoeavdetmestrørendejeghar sett ihele mitt liv. Du ervirkelig en snillmann”.Mannensier da: “Jadetskulle bare mangle, vi var gift i 35 år.”
  • ----- Meeting Notes (14.02.12 22:10) -----Alle kan javascript, eller alle kan copy and paste javascript fra nettet.
  • 3 førstepunktene får c# programmerertilåfrysepåryggen?Andre rangsprogrammeringsspråkSikkerhetsproblemLappesammen HTMLJavascriptharvokstoppJqueryJSONHTML5Node.jsWindows 8
  • Hvahar XAML værtuten C#/VB?  detsammegjelder for HTML ogJavascriptHTML5 handler omjavascriptMed HTML5 får du:CanvasWebGL  real-time 3D I HTML5 canvasGeolokasjonPersistent storage
  • Harpotensialettilårevolusjonerer web utviklingenHvis du ikkeerkjent med node js, såerdet et nytt web programmeringsrammeverk. DeterjavascriptpåserveresidenDen nyekuletingensomhartatt over for Ruby On RailsAsynk mot response-request drevetMicrosoft, Google, Apple og Mozilla krigeromåfå den raskestejavascriptmotorenJavascriptmotorerermyeraskere en for noenårsidenDeter en enormtstormengde med Javascriptutviklere der utesombidrar med rammeverk (detfinnes et community rundtNode.js)Det popper opp mange rammeverk somblirbyggetopppåtoppenavnodejs
  • Treav de ledendedokumentdatabasenebrukejavascriptog JSONJSON er en måteå serialize javascriptobjekter,ogdettebrukesinneidatabaseneFor åhenteut data, bruker man javascripti map/reduce funksjoner
  • Når NASA begynteåsendeastronauterutiverdensrommet, oppdaget de at kulepennerikkefungertei der detikkevargravitasjon. For åfådettetilbrukte de fleremillionerpååutvikle en pen somkunneskrivei null gravitasjon, opp-ned, under vannogpånestenalleoverflater, inkludert glass ogiekstremetemeraturer.Russerenebrukte en blyant.----- Meeting Notes (21.02.12 16:03) -----Er dette godt og gammelt?Støttet for all fremtid.Slide som illus. alle lag med javascriptTa med mobil"One page" --> forklar det bedreHva er Node.js?IISNode --> kjører dette på azureFordelere med NODEIISHva kjører hvor i applikasjonen?
  • NodeJSer en spennendeplattformsomharblittmerogmerpopulærHost på AzureWindows Azure Storage Queues, Tables and Blob storage
  • ----- Meeting Notes (14.02.12 22:10) -----Alle kan javascript, eller alle kan copy and paste javascript fra nettet.
  • Javascript tar hevn

    1. 1. Javascript tar hevn Pål Fossmo @fossmo pal.fossmo@bekk.no
    2. 2. De som har begravet Javascript må tenke om igjen.
    3. 3. AGENDAHvorfor lære Javascript?RammeverkNodejs og Windows Azure
    4. 4. Hvorfor lære Javascript?JavaScript is a prototype-based scriptinglanguage that is dynamic,weakly typed and has first-class functions. It is amulti-paradigm language,supporting object-oriented, imperative, andfunctional programming styles. Wikipedia.com
    5. 5. Hvorfor lære Javascript?
    6. 6. Nyttwebprogrammerings rammeverk
    7. 7. DATABASE SERVER KLIENTJAVASCRIPT
    8. 8. OVERBEVIST?
    9. 9. RAMMEVERK
    10. 10. Prosessering MVC/MVVM Spine.js “One page” JSON JSON
    11. 11. Gjør deg effektiv!MVVM:Model  datastrukturViewModel  presentasjon Holder orden på endringerView  viser data i viewmodellen oppdater GUI. Alle Endringer “trackes” med: nettlesere ko.observable(<type>) Ko.observableArray(<array>) Declarative binding Bruker “data-bind” for å binde til modellen Utvidbar Bindinger: visible, text, html, css , style, attr, template click, event, submit, enable, disable, valu Observable Knockoutjs.com e, checked, options, (Silverlight) selectionOptions, uni queName
    12. 12. TODO
    13. 13. Opprett modellen TODO function Task(description, minutes) { var self = this; self.description = ko.observable(description); self.minutes = ko.observable(minutes); };
    14. 14. Opprett modellenfunction TasksViewModel() { var self = this; TODO self.tasks = ko.observableArray([ new Task("Forstå hvordan knockoutjs fungerer.", "25"), new Task("Spise lunsj", "60") ]); self.totalMinutes = ko.computed(function(){ var total = 0; $.each(self.tasks(), function(){ total +=parseInt(this.minutes()) }) return total; }); self.removeTask = function(task) { self.tasks.remove(task) }; };
    15. 15. Opprett HTML TODO <div data-bind="foreach: tasks" class="tasks"> <div data-bind="text: description" class="text"></div> <div data-bind="text: minutes" class="number"></div> <div class="tools"> <a href="#" data-bind="click: $parent.removeTask"></a></div>
    16. 16. Legg til binding TODO<script type=“text/javascript”> ko.applyBindings(tasksViewModel);</script>
    17. 17. DEMO
    18. 18. En “gammel” og gjennomprøvd teknologi er ofte det beste! NODE.JS har tatt den “gamle” teknologine til et nytt miljø
    19. 19. Nodejs og Azure node.jsWhy bother with node at all? (…) It uses avery fast JavaScript engine called V8, butmore importantly its I/O is asynchronousand event-driven which contrasts withtypical synchronous code. Scott Hanselman, Microsoft Principal Program Manager
    20. 20. Nodejs.org NPM I/O asyncronous (search.npmjs.org) Community Express.js Microsoft(Node.js Developer Windows Azure Center) IISNode
    21. 21. Tomasz Janczuk Microsoft Process Integrert med IIS managment sitt konfigurasjons systemSide-om-side med andre process.env.PORT applikasjoner IISNODE Oppdatere Skalering over automatisk når flere kjerner skript filer endres
    22. 22. DEMO
    23. 23. Oppsummering Javascript gjennom alle lag! Knockout.js Windows 8 Effektiv TVIISNode Cloud9 Azure
    24. 24. TAKK FOR MEG!Pål Fossmo, BEKK @fossmo pal.fossmo@bekk.no

    ×