0
Avancerad JavaScript RIA-utveckling med
Bakgrund <ul><li>Del i Webbprogrammeringsutbildningen i Kalmar </li></ul><ul><li>Basic JavaScript, HTML, OOP förutsätts </...
Mål <ul><li>Kontextuell bild av JavaScript </li></ul><ul><li>Översikt av RIA-utveckling </li></ul><ul><li>Resursinventerin...
Upplägg <ul><li>Utvecklar en applikation steg för steg </li></ul><ul><li>Versionshantering via GitHub </li></ul><ul><li>Pr...
Kurssteg <ul><li>Inledning </li></ul><ul><li>Utvecklingsmiljö </li></ul><ul><li>Arkitektur </li></ul><ul><li>Programmering...
Steg 0 - Inledning <ul><li>Applikationsidé:  Programmet som skall byggas </li></ul><ul><li>Resurser:  Litteratur, internet...
Steg 1 - Utvecklingsmiljö <ul><li>Skrivmiljö:  Aptana, Crimson Editor, VS .. </li></ul><ul><li>Testmiljö:  FF+firebug, IE,...
Steg 2 - Arkitektur <ul><li>HTML-skal:  Ingående sidor, beståndsdelar </li></ul><ul><li>Singleton:  Namespace, design patt...
Steg 3 – Unit testing <ul><li>Koncept:  Behaviour driven development </li></ul><ul><li>Implementation:  JSpec </li></ul>
Steg 4 - Programmering <ul><li>Funktionalitet:  Uppfylla testen </li></ul><ul><li>Hjälpbibliotek:  Vilket, var & varför </...
Steg 5 - Klientsidedata <ul><li>Användning:  Vilken data, när </li></ul><ul><li>Tekniker:  Cookies, UserData, HTML5, Gears...
Steg 6 - Interface <ul><li>Widgets:  jQuery UI, Ext, .. </li></ul><ul><li>Dynamisk grafik & animation:  Canvas, SVG, DOM <...
Steg 7 - Optimisering <ul><li>Profilering:  Firebug Net, Hammerhead, .. </li></ul><ul><li>Exekvering:  FireUnit, .. </li><...
Steg 8 - Utvärdering <ul><li>Applikationen:  Jämför kravspec / Jspec, problem </li></ul><ul><li>Arbetsgången:  dvs kursutv...
Upcoming SlideShare
Loading in...5
×

RIA-utveckling Kalmar

879

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
879
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "RIA-utveckling Kalmar"

  1. 1. Avancerad JavaScript RIA-utveckling med
  2. 2. Bakgrund <ul><li>Del i Webbprogrammeringsutbildningen i Kalmar </li></ul><ul><li>Basic JavaScript, HTML, OOP förutsätts </li></ul><ul><li>Vacuum i högskolevärlden </li></ul>
  3. 3. Mål <ul><li>Kontextuell bild av JavaScript </li></ul><ul><li>Översikt av RIA-utveckling </li></ul><ul><li>Resursinventering </li></ul>
  4. 4. Upplägg <ul><li>Utvecklar en applikation steg för steg </li></ul><ul><li>Versionshantering via GitHub </li></ul><ul><li>Projektstyrning via Manymoon </li></ul><ul><li>Iterativ rapportering </li></ul>
  5. 5. Kurssteg <ul><li>Inledning </li></ul><ul><li>Utvecklingsmiljö </li></ul><ul><li>Arkitektur </li></ul><ul><li>Programmering </li></ul><ul><li>Klientsidedata </li></ul><ul><li>Interface </li></ul><ul><li>Optimisering </li></ul><ul><li>Utvärdering </li></ul>
  6. 6. Steg 0 - Inledning <ul><li>Applikationsidé: Programmet som skall byggas </li></ul><ul><li>Resurser: Litteratur, internet, övrigt </li></ul><ul><li>JavaScript: Nuvarande relation </li></ul>
  7. 7. Steg 1 - Utvecklingsmiljö <ul><li>Skrivmiljö: Aptana, Crimson Editor, VS .. </li></ul><ul><li>Testmiljö: FF+firebug, IE, venkman .. </li></ul><ul><li>Kodmiljö: Github </li></ul><ul><li>JSLint: Teknisk lösning & inställningar </li></ul><ul><li>Projektmiljö: Manymoon </li></ul>
  8. 8. Steg 2 - Arkitektur <ul><li>HTML-skal: Ingående sidor, beståndsdelar </li></ul><ul><li>Singleton: Namespace, design patterns </li></ul><ul><li>Objekt: UML </li></ul><ul><li>Event handling: Delegation </li></ul><ul><li>Serverkommunikation: Ajax, JSONP .. </li></ul><ul><li>Dokumentation: JSDoc </li></ul>
  9. 9. Steg 3 – Unit testing <ul><li>Koncept: Behaviour driven development </li></ul><ul><li>Implementation: JSpec </li></ul>
  10. 10. Steg 4 - Programmering <ul><li>Funktionalitet: Uppfylla testen </li></ul><ul><li>Hjälpbibliotek: Vilket, var & varför </li></ul>
  11. 11. Steg 5 - Klientsidedata <ul><li>Användning: Vilken data, när </li></ul><ul><li>Tekniker: Cookies, UserData, HTML5, Gears, Flash, Air </li></ul><ul><li>Hjälpbibliotek: Persist </li></ul>
  12. 12. Steg 6 - Interface <ul><li>Widgets: jQuery UI, Ext, .. </li></ul><ul><li>Dynamisk grafik & animation: Canvas, SVG, DOM </li></ul><ul><li>Accessibility: Ajax back forward, keys, mousewheel, ARIA </li></ul>
  13. 13. Steg 7 - Optimisering <ul><li>Profilering: Firebug Net, Hammerhead, .. </li></ul><ul><li>Exekvering: FireUnit, .. </li></ul><ul><li>Chunking: Single thread, timers, web workers </li></ul><ul><li>Caching: Preload content, memoize JS </li></ul><ul><li>Memory management: Leaks, GC </li></ul><ul><li>Code serving: Script tag placement, LabJS, Payload split </li></ul><ul><li>Förpackning: Gzip, minification, packing </li></ul>
  14. 14. Steg 8 - Utvärdering <ul><li>Applikationen: Jämför kravspec / Jspec, problem </li></ul><ul><li>Arbetsgången: dvs kursutvärdering </li></ul><ul><li>JavaScript: samma inställning? </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×