80 likes | 204 Views
Domainhallintatyökalun toteutus jquery javascript-kirjastolla. Insinöörityö Irko Palenius 2009. Esityksen sisältö. Johdanto Tavoitteet Miksi jQuery ? jQuery – ominaisuudet Demo Yhteenveto. Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla. Johdanto.
E N D
Domainhallintatyökalun toteutus jqueryjavascript-kirjastolla Insinöörityö IrkoPalenius 2009
Esityksen sisältö • Johdanto • Tavoitteet • Miksi jQuery? • jQuery – ominaisuudet • Demo • Yhteenveto Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla
Johdanto • Mikä on domainhallintatyökalu? • Mahdollisuus hallita satojen verkko-osoitteiden sisältöä • Työnkulku • Mikä on jQuery? • Avoimeen lähdekoodiin perustuva • Tehostaa interaktiota JavaScriptin ja HTML-kuvauskielen välillä • Tilaajana Bravioz Oy • Tarjoaa liiketoimintakonsultointia ja sovellusratkaisuja • Ekologinen ajattelu • Työprojektina • Uusi sovellus vanhan tilalle • PHP, MySQL, JavaScript (jQuery) Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla
Tavoitteet • Mahdollisuus hallita satoja verkko-osoitteita helposti ja nopeasti • Tuoda arvoa verkko-osoitteille • Kävijöitä • Helppo ja hauska käyttää • Sisältö säiliöin ja widgetein • Uniikit sivustot • Yksikään sivu ei ole samanlainen • Sisältö yhteydessä verkko-osoitteen nimeen • Esim. www.greennews.eu • Ulkoasu Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla
Miksi jQuery? • Aiempi kokemus • Pieni koko (Gzip 16Kt) • Nopeus (versio 1.3) • Helppo ja selkeä ohjelmointirajapinta (API) • Vähentää koodin määrää • Laaja yhteisö • Paljon lisäosia (jQueryUI, ColorPicker) • ”Isot pojat käyttävät sitä myös.” • BBC, Google, WordPress, Amazon • Toimii kaikissa selaimissa Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla
jQuery – ominaisuudet • Valitsimet • CSS-tyylimäritelmistä tutut • CSS3 + omat • Ketjutus • DOMin manipulointi • Sisällön lisääminen ja poistaminen • Tyyli • CSS, Attribuutit, Piilottaminen … • Tapahtumat • Ajax • Efektit Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla
Demo Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla
Yhteenveto • Opin hyödyntämään jQueryn ominaisuuksia tehokkaammin • Haastava • Paljon uutta (jQueryUI) • Kaikkien osasten yhteensovittaminen • Mielenkiintoinen • Mitä paremmin? • Projektinhallinta • Rakenteen parempi suunnittelu Domainhallintatyökalun toteutus jQuery JavaScript-kirjastolla