RIA-utveckling Kalmar

1,091 views

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
1,091
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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>

×