RIA-utveckling Kalmar
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,378
On Slideshare
1,374
From Embeds
4
Number of Embeds
1

Actions

Shares
Downloads
1
Comments
0
Likes
0

Embeds 4

http://www.slideee.com 4

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?