Veebiraamistike arvestusülesanded

Kujunduse ülekandmine

* Koosta 52Frameworki abil CSS3 omadusi demonstreeriv leht.
* Lisa lehele serveripoolne kellaaeg. Koosta kellaaja küsimiseks ja kujundamiseks omapoolne funktsioon.
* Võrreldes eelmisega on võimalik kasutajal lisada ja näha kommentaare. Andmevahetuseks loo omaette klass.


Joomla

* Koosta Joomla abil paari lehekülgega hallatav veebisait.
* Lae alla ja määra lehele mõni olemasolev valmiskujundus.
* Katseta vähemalt kahte juurdelaetavat laiendust (Extension).


Wordpress

* Koosta Wordpressi abil paari lehekülgega hallatav veebisait.
* Lae alla ja määra lehele mõni olemasolev valmiskujundus.
* Katseta vähemalt kahte juurdelaetavat laiendust.


Tähemärkidega kujundus

* Koosta Javaskripti abil klass, mille eksemplarile saab anda ette tähemärgi ning siis selle eksemplari käest  soovitud pikkusega selle tähemärgiga jadasid küsida.
* Lisa klassile käsklus, kus käsklusele etteantud tekst ümbritsetakse klassile etteantud tähemärkidest moodustatud ristkülikuga.
* Statistikana peetakse klassis eraldi meeles, millist käsklust ja millal käivitati. Andmeid saab välja küsida.


Oma PHP raamistik

* Koosta PHP klass, mis kuvab etteantud nimeloetelu ul/li abil ekraanile.
* Andmeid hoitakse sessioonis, kasutaja saab nimesid lisada ning kustutada.
* Võrreldes eelmisega saab klassi oskuste abil ka nimesid muuta ning ümber järjestada. Lisa võimalus andmete lugemiseks baasist ning sinna salvestamiseks.


MVC

* Koosta tervitus mõne MVC-võimelise raamistiku abil (kus kujundus, arvutus ja salvestus eraldatud, nt. CodeIgniter)
* Arvutusossa (Controller) koosta funktsioon kahe arvu korrutamiseks. Kujunduspoole kaudu ehita võimalus andmete sisestamiseks ja tulemuse vaatamiseks.
* Andmesalvestusossa jäta meelde tehtud tehted koos vastustega. Ühel lehel võimalik kõiki neid näha. Kui vastav tehe juba sooritatud, siis seda enam uuesti ei arvutata, vaid võetakse salvestatud tulemus Model-osast.


AJAX

* Koosta leht, mis nupuvajutuse peale küsib AJAXi abil serveris olevat kellaaega.
* Serveris olevas andmetabelis on uudised. Nende pealkirjad kuvatakse menüüsse. Pealkirja vajutamisel kuvatakse uudise sisu AJAXi abil.
* Võrreldes eelmisega saab igale uudisele lisada ka kommentaare.


Graafika salvestus

* Loo vahend veebilehel ruutude joonistamiseks ja paigutamiseks.
* Joonistatud andmed saab salvestada serverisse.
* Olemasolevate andmete põhjal saab pildi ekraanil taastada ning seda muuta ja täiendada.


Tulbad

Tutvu Google Ajax Api Playgroundi tulpdiagrammi näitega.
* Pane näide tööle, muuda veidi andmeid.
* Koosta leht, kus kasutaja saab sisestada viie inimese pikkused ning need kuvatakse joonisel tulpdiagrammina.
* Viieseid pikkuste ridu saab lehe kaudu salvestada serverisse koos pealkirjaga, sealt taas valida ning andmed näidatakse muuhulgas tulpdiagrammina.


Kihid veebilehel

* Pane kiht nupuvajutuse ja mõne raamistiku (nt. JQuery) abil sujuvalt tekkima ja kaduma. 
* Kiht liigub aeglaselt hiirevajutuse kohale.
* Kihte on palju, neil on mitmesugused juhuslikud arvud. Kui paaritud arvud lohistatakse ühele ja paarisarvud teisele poole, siis antakse teada, et nii on ilus.


Automaatsalvestus veebilehel

* Trükitav tekst salvestatakse automaatselt localStorage abil ning näidatakse uuel sisenemisel.
* localStorages salvestatud tekst salvestatakse iga paarikümne sekundi tagant ka serverisse. Uues kohas lehte avades näidatakse serverist tulnud sisu.
* Kui lehe avamisel erinevad serveris olev sisu ning localStorages olev sisu, siis näidatakse kasutajale mõlemat ning küsitakse, et kummaga edasi töötada.


Mobiilikujundusega veebileht

* Koosta mobiilikujundusega veebileht uudise vaatamiseks.
* Uudised tulevad andmebaasist ning nende seas saab liikuda edasi ja tagasi.
* Võrreldes eelmisega saavad registreerunud kasutajad sisse logida ning omalt poolt uudiseid lisada. 


Joonistamine

* Veebilehele joonistatakse kolmnurk.
* Kolmnurga ühe külje pikkust saab slaideri abil muuta.
* Kolmnurga iga külje pikkust saab slaideri abil muuta.