OTA YHTEYTTÄ

Ora Hanttu

Tuoteryhmäpäällikkö, ICT

040 582 6008 Lähetä viesti

Kesto: 2 dagar
Veroton hinta (+ alv 24 %): 1 490 €
Voit maksaa:
Koulutuskortti

Haluatko koulutuksen asiakaskohtaisena? Jätä yhteystietosi, niin palaamme asiaan. 

Jaa

Lataa pdf-muodossa

jQuery - helpompaa JavaScript-ohjelmointia

Koulutuksessa käydään läpi jQueryn käyttöä JavaScript-kirjastona. JavaScriptin käytön yleistymisen myötä myös koodaamista helpottavia JavaScript-kirjastoja on ilmestynyt runsaasti. Moni sivustojen kanssa työskentelevä pohtii, mitä kirjastoa kannattaisi käyttää.

- Oletko kyllästynyt selainten eroihin JavaScript koodaamisessa?
- Haluatko nopeammin valmista toimivaa koodia?
- Haluatko elävöittää web-sivustosi käyttökokemusta efekteillä?
- Tarvitsetko helppokäyttöisiä AJAX-ominaisuuksia?
- Etsikö valmiita käyttöliittymäkomponentteja, widgettejä?
- Oletko enemmän sinut HTML:n ja CSS:n kanssa kuin JavaScriptin?

Mikäli vastasit useampaan kysymykseen kyllä, on jQuery hyvä valinta JavaScript-kirjastoksi. jQuery on ylivoimaisesti maailman eniten web-sivuilla käytetty JavaScript-kirjasto. Se on ilmainen, helppokäyttöinen ja sillä on web-yhteisössä laaja tuki ja ennen kaikkea se toimii yleisimmissä selaimissa.

Kohderyhmä

jQuery-kurssi soveltuu kaikille, jotka haluavat oppia nopean ja helpon tavan käyttää JavaScriptiä sivuston käyttökokemuksen parantamisessa. Työnimikkeesi voi olla esim. web designer, web developer, UX programmer, webmaster jne. jQuery kurssin aiheiden omaksuminen edellyttää HTML:n, CSS:n ja JavaScriptin perusteiden hallintaa. 

Ohjelma

1. päivä

8.45 Ilmoittautuminen ja kahvi

9.00 JavaScript kirjastot

- Miksi käyttää JavaScript kirjastoja?
- Miksi valita jQuery?

jQuery JavaScript käytön perusteet

- jQueryn syntaksi
- jQueryn käyttö web-sivulla

CSS 3 selectors

- Sivun sisällön valinta jQueryn keinoin

Tapahtumankäsittely

- jQuery tapahtumankäsittely

Sivun sisällön manipulointi ja käsittely

- jQuery ja DOM
- Sisällön poistaminen
- Sisältöön kirjoittaminen
- Sisällön piilottaminen ja näyttäminen
- Sisällön siirtäminen
- Traversing

2. päivä

9.00 Rikkaampi käyttökokemus

- jQuery efektit
- jQuery animaatiot

AJAX

- Sivun sisällön päivittäminen AJAXilla
- Dataformaatit XML, JSON ja HTML

jQuery UI -kirjasto

- Toiminnallisuutta - Interactions
- Käyttöliittymäkomponentit - Widgets
- Efektit - Effects
- Ulkoasun hallinta - Themes

jQuery Plug-ins

- Lisätoiminnallisuutta jQuery -kirjaston päälle
- Yleisimpiä jQuery plugineja

jQuery Mobile

- Katsaus jQuery mobiiliversioon