Digitaalisen median tekniikat (kevät 2009) - harjoitustehtävät 4

Harjoituksissa käsitellään JavaScriptiä, Ajaxia ja JS-kirjastoja. Osa tehtävistä tehdään etukäteen ja osa harjoitustilaisuudessa. Tehtävää on nytkin vähän vähemmän, joten tee harjoitustyötäsi!

Huom: Luennolla ei juurikaan esitelty jQueryn syntaksia, koska kurssilla ei tulisi esitellä yhtä kirjastoa, vaan kirjastojen ideaa. Voit tehdä tehtävät millä tahansa kirjastolla!

Muokkaa efekteillä höystettyä galleriaa (etukäteen)

Luennon yhteyteen on laitettu linkki galleriaan, josta löytyy efekteillä höystetty versio. Tästä eteenpäin tiedostoja ei ilman pakottavaa syytä jaeta zip-paketteina, vaan ideana on tallettaa xhtml+css+js itse jos on tarvetta.

Tehtävää

• Valitse mitä kirjastoa haluat käyttää
• Muokkaa edellisen viikon galleria+css -toteutustasi siten, että käytät jotain JavaScript-kirjastoa.
• Toteuta galleriaasi efektejä luennon esimerkin laajudella (ja kokeile eri efektejä).

Mieti esteettömyysluennon teemoja (etukäteen)

• Mistä olet samaa mieltä?
• Perustele, anna oma näkemyksesi.
• Keksi omat kaksi esimerkkiä pimeästä webistä, millä tavalla se on pimennossa?

Tee luennolla esitelty JSON-esimerkki (osittain etukäteen)

JSON-esimerkki löytyy myös luennon yhteydestä. Toteuta AJAX+JSON -toteutus haluamallasi kirjastolla.

Etukäteen

• Kopioi esimerkki itsellesi
• Katso, että se toimii myös..
• Muokkaa JSON-syötettä niin, että sieltä löytyy omasta taulukostaan kissojen lisäksi myös koiria (tai heppoja). Kuvien urleja voi hakea esim. flickristä

Harjoituksissa

• Jos JavaScript ei ole tuttu entuudestaan:
  • Muokkaa esimerkkiä niin, että kissojen sijasta tuleekin koiria (tai heppoja) ruudulle.
  • Muokkaa sitten siten, että ruudulle tulee satunnaisesti kissoja ja satunnaisesti koiria (tai heppoja).
• Tee sama haluamallasi kirjastolla

Tee harjoitustyötä!

Muista: ei ole tärkeää mitä aihetta teet, tärkeeä on, että teet mielenkiintoisia ja itsellesi uusia asioita