Your SlideShare is downloading. ×
RIA-utveckling Kalmar
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

RIA-utveckling Kalmar

856
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
856
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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