jQuery: Indhold i et fantastisk, værdiskabende, jQuery kursus

Tags:    jquery

Hej udviklere,

Jeg er i færd med at udvikle et kursus om jQuery, målrettet til studerende og udviklere med lidt-til-ingen erfaring inden for dette framework. Målet er at tage de studerende i hånden, og vejlede dem gennem en indledende introduktion til jQuery/JavaScript, plus det omgivende miljø (web, html, client / server, etc.), ved at anvende den samme pædagogiske tilgang jeg har haft succes med tidligere når jeg har undervist første-års studerende i datalogi. Resultatet af kurset er et lille, afgrænset projekt de selv har udviklet, og som de kan bruge som et springbræt i deres videre læring. Jeg vil komme omkring emner som DOM traversing, Events, UI, server-interaktion (AJAX) og plugins.

Jeg skriver her i håbet om at samle input fra dem af jer som allerede kender og bruger jQuery. Dybest set er jeg ude efter følgende feedback: Hvad er de top 3 elementer/indhold, du gerne så et kursus som dette berøre. Prøv at tænke tilbage til dengang du selv lærte jQuery (uanset hvordan du gjorde dette). Givet den viden du har idag, hvad ville du så have foretrukket at der blev lagt særligt fokus på dengang?

Jeg leder efter al form for input om, hvad du som professionel, eller eventuelt som ny elev, gerne ville se dækket og behandlet i et kursus som dette.

Enhver from for feedback er yderst værdsat!

På forhånd tak, Kristian



3 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 7 karma
Sorter efter stemmer Sorter efter dato

jeg ude efter følgende feedback: Hvad er de top 3 elementer/indhold, du gerne så et kursus som dette berøre. Prøv at tænke tilbage til dengang du selv lærte jQuery


emner du kunne komme ind på er:
JSON, XML, Autocomplete

1) den nemme opgave vha AJAX, autocomplete af bynavn ud fra postnummer.

2) den udvidet opgave, lav en side med indtast kundeoplysninger, autocomplete vha AJAX ud fra feks telefon nummer.
lav den i 2 vertioner:
2.1) JSON data retur fra serveren
2.2) XML data retur fra serveren

bare for at sammenligne JSON vs XML, rent code mæssigt i jquery.

----------

andre emner:
validering af felter
påvirkning af CSS
loop: foreach vs for vs while, med array (nummerisk, accoative, multidim)
brug af console.log,
andre web developer tools, der er indbygget i browseren eller add-on's

-----------

kort AJAX notation
http://api.jquery.com/jQuery.get/
http://api.jquery.com/jQuery.post/
kontra
http://api.jquery.com/category/ajax/

-------------------

noget man kunne lege med
http://api.jqueryui.com/datepicker/ vs HTML5 date
http://lokeshdhakar.com/projects/lightbox2/




Alt sammen glimrende forslag, tak for det :)



Event håndtering (custom events), Promises, kode organisering (f.eks. prototype vs object literals)



t