meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
courses:ct30a3201:tommi_nivanaho [2013/09/18 23:00]
e0372223
courses:ct30a3201:tommi_nivanaho [2013/09/18 23:00] (current)
e0372223
Line 11: Line 11:
 **15.9** Tänään aloin tehdä jQuery tehtäviä. Minulle selvisi että jQuery on erillinen kirjasto jossa on valmiiksi tehtyjä funktioita javascriptin käytön helpottamiseksi. Se voidaan ottaa käyttöön linkittämällä .js-tiedosto HTML-dokumenttiin. jQueryssä eri elementteihin vaikutetaan muuttamalla ne jQuery objekteiksi ja sitten antamalla niille funktioita. Tärkeitä tänään oppimiani asioita olivat edellä mainittu linkitys, funktiot, jQuery selektorit, erilaisia funktioita joilla muokata HTML-elementtejä,​ "​event-handlerit"​ eli erilaiset tapahtumien hallinnat sekä erilaiset jQuerylla tuotettavat efektit. jQueryn käyttö oli melko suoraviivaista kunhan oppii selektoreiden ja funktioiden syntaksin. jQueryssa käytetään paljon sulkuja ja kaarisulkuja,​ ja voinkin kuvitella miten monimutkaisemman sivun .js-tiedosto voi alkaa näyttää nopeasti hyvinkin vaikeasti luettavalta. Minulle lopulta myös miten javascriptin voi yhdistää nettisivuun. **15.9** Tänään aloin tehdä jQuery tehtäviä. Minulle selvisi että jQuery on erillinen kirjasto jossa on valmiiksi tehtyjä funktioita javascriptin käytön helpottamiseksi. Se voidaan ottaa käyttöön linkittämällä .js-tiedosto HTML-dokumenttiin. jQueryssä eri elementteihin vaikutetaan muuttamalla ne jQuery objekteiksi ja sitten antamalla niille funktioita. Tärkeitä tänään oppimiani asioita olivat edellä mainittu linkitys, funktiot, jQuery selektorit, erilaisia funktioita joilla muokata HTML-elementtejä,​ "​event-handlerit"​ eli erilaiset tapahtumien hallinnat sekä erilaiset jQuerylla tuotettavat efektit. jQueryn käyttö oli melko suoraviivaista kunhan oppii selektoreiden ja funktioiden syntaksin. jQueryssa käytetään paljon sulkuja ja kaarisulkuja,​ ja voinkin kuvitella miten monimutkaisemman sivun .js-tiedosto voi alkaa näyttää nopeasti hyvinkin vaikeasti luettavalta. Minulle lopulta myös miten javascriptin voi yhdistää nettisivuun.
  
-**18.9** Tein tänään ensimmäisen harjoitustehtävän. Siinä minun piti tehdä pieni sivu jossa yhdistetään HTML, CSS ja javascriptiä. Sivulla tulee olla tekstilaatikko,​ nappula ja lista. Laatikkoon kirjoitetun tekstin voi lisätä listaan painamalla nappulaa. Tehtävä oli hyvin samanlainen kuin jo aikasemmin codeacademyssä tekemäni harjoitus joten se ei ollut kauhean vaikea. Tein harjoituksen käyttämällä Notepad++:​aa ja testasin sen toimivuutta Chrome-selaimella. Ensialkuun en meinannut mitenkään saada sivua toimimaan miten halusin ennekuin huomasin etten ollutkaan linkittänyt jQuery-kirjastoa ollenkaan HTML-dokumenttin. Tämän tehtyäni sivu alkoikin toimia. Saatuani vaaditut ominaisuudet valmiiksi päätin laajentaa sivuston toimintoa hieman ja lisäsin siihen ominaisuuden jolla listan kohtia voi poistaa niitä klikkaamalla.+**18.9** Tein tänään ensimmäisen harjoitustehtävän. Siinä minun piti tehdä pieni sivu jossa yhdistetään HTML, CSS ja javascriptiä. Sivulla tulee olla tekstilaatikko,​ nappula ja lista. Laatikkoon kirjoitetun tekstin voi lisätä listaan painamalla nappulaa. Tehtävä oli hyvin samanlainen kuin jo aikasemmin codeacademyssä tekemäni harjoitus joten se ei ollut kauhean vaikea. Tein harjoituksen käyttämällä Notepad++:​aa ja testasin sen toimivuutta Chrome-selaimella. Ensialkuun en meinannut mitenkään saada sivua toimimaan miten halusin ennekuin huomasin etten ollutkaan linkittänyt jQuery-kirjastoa ollenkaan HTML-dokumenttin. Tämän tehtyäni sivu alkoikin toimia. Saatuani vaaditut ominaisuudet valmiiksi päätin laajentaa sivuston toimintoa hieman ja lisäsin siihen ominaisuuden jolla listan kohtia voi poistaa niitä klikkaamalla. Harjoituksesta päällimäisenä jäi mieleen että jQuery-kirjasto on aina linkitettävä sivuun jotta sitä voi käyttää.