Võrgurakendused I 2018: erinevus redaktsioonide vahel

Allikas: Lambda
Mine navigeerimisribale Mine otsikasti
← Vanem muudatusUuem muudatus →
78. rida: 78. rida:
* Kasulik tagide nimistu: [http://joshduck.com/periodic-table.html html 5 elementide perioodiline tabel]
* Kasulik tagide nimistu: [http://joshduck.com/periodic-table.html html 5 elementide perioodiline tabel]
* [http://www.w3schools.com/html/html_xhtml.asp html and xhtml] ja [http://en.wikipedia.org/wiki/HTML5 html 5] ja [http://techcrunch.com/2012/07/22/html5-work-splits-into-living-and-snapshot-standards-developers-need-not-standard/ html 5 split] ja [http://developers.slashdot.org/story/12/07/21/2040257/html5-splits-into-two-standards slashdot take] ja [http://coding.smashingmagazine.com/2009/07/29/misunderstanding-markup-xhtml-2-comic-strip/ kogu teema kokkuvõtlikult] ja [http://xkcd.com/927/ veel lühemalt]
* [http://www.w3schools.com/html/html_xhtml.asp html and xhtml] ja [http://en.wikipedia.org/wiki/HTML5 html 5] ja [http://techcrunch.com/2012/07/22/html5-work-splits-into-living-and-snapshot-standards-developers-need-not-standard/ html 5 split] ja [http://developers.slashdot.org/story/12/07/21/2040257/html5-splits-into-two-standards slashdot take] ja [http://coding.smashingmagazine.com/2009/07/29/misunderstanding-markup-xhtml-2-comic-strip/ kogu teema kokkuvõtlikult] ja [http://xkcd.com/927/ veel lühemalt]
* klassikaline salvestamine: [http://en.wikipedia.org/wiki/HTTP_cookie cookie]
* html 5 web storage [http://dev-test.nemikor.com/web-storage/support-test/ support]
* html 5 indexed db [http://en.wikipedia.org/wiki/Indexed_Database_API lühidalt], [http://caniuse.com/indexeddb support] ja [http://www.html5rocks.com/en/tutorials/webdatabase/websql-indexeddb/ kuidas kasutada] ja [http://www.html5rocks.com/en/tutorials/indexeddb/todo/ tutorial]
* html 5 indexed db [http://en.wikipedia.org/wiki/Indexed_Database_API lühidalt], [http://caniuse.com/indexeddb support] ja [http://www.html5rocks.com/en/tutorials/webdatabase/websql-indexeddb/ kuidas kasutada] ja [http://www.html5rocks.com/en/tutorials/indexeddb/todo/ tutorial]
* html 5 [http://en.wikipedia.org/wiki/Canvas_element canvas]
* html 5 [http://en.wikipedia.org/wiki/Canvas_element canvas]

Redaktsioon: 6. september 2012, kell 12:00

mootor
mootor

Ainekood: ITV0110
Link: http://www.lambda.ee/index.php/V%C3%B5rgurakendused_I ehk http://www.lambda.ee/index/itv0110
Punkte: 3.5 AP ehk 5 EAP
Lektor: Tanel Tammet
Kontakt: tammet@staff.ttu.ee, 6203457, TTÜ AK223
olemas on ka 2011 aasta arhiiv koos kõigi eelmise aasta materjalidega.

Aeg, koht, tulemus

Loenguid nädalas: 2 tundi (üks loeng) neljapäeviti 12:00-13:30 ruumis IV-103

Praktikume nädalas: 2 tundi (üks praktikum). Kui pole teisiti märgitud, toimuvad praktikumid:

  • teisipäeval 10:00-11:30 ruumides IT-213A, IT-213B, IT-213E rühmadele IABB31, IABB32, IAPB31
  • teisipäeval 14:00-15:30 ruumides IT-213A, IT-213B rühmadele IAPB32, IAPB33
  • kolmapäeval 14.00-15:30 ruumis IT-213D rühmadele IABB37, IAPB37, IAPB38

Kursus lõpeb hindelise arvestusega. Hinne sõltub kursuse jooksul tehtud praktikumide tulemustest (60%) pluss kursuse lõpus toimuva kontrolltöö tulemustest (40%).

Kursuse eesmärk

Lihtsamate veebirakenduste põhimõtted ja nende kirjutamise oskus nii brauseri kui serveri poolel. Konkreetsemalt:

  • html-i kirjutamise oskus, esmane tutvus CSS-i ja javascriptiga.
  • serveripoolse rakenduse kirjutamise põhimõtted, cgi protokoll, erinevate keelte (sh shell, C, php, python, java, javascript) kasutamise sissejuhatus serverirakendustes.
  • pythoni ja php kasutamise esmased oskused.
  • lihtsamad SQLi kasutamise oskused.

Kursusel eeldatakse elementaarsete programmeerimisoskuste olemasolu. Kes programmeerimisega üldse kokku puutunud ei ole või seda paralleelselt ei õpi, ei suuda kursust läbida.

Praktilised tööd

Kursusel on neli kohustuslikku praktilist ẗööd. Iga töö annab 0-15 punkti. Hilinenud tööd annavad poole punktidest. Töid võib (ja on soovitav) esitada enne tähtaega.

Kõik tööd tuleb esitada ise TTÜ arvutiklassis: emailiga saadetud töid ei arvestata. Kasutada võib nii klassi arvuteid kui oma arvutit, brauser ja operatsioonisüsteem on vabalt valitavad. Serverirakenduste tööde jaoks on võimalik kasutada ülikooli serverit, soovi korral ka oma serverit.

Kaugõppele kehtivad teised tähtajad, lepitakse kokku kaugõppe loengus.

Järgmiste tööde sisu ei ole veel uuendatud: 2012 aasta ülesanded on teistsugused, kuid kasutavad samu tehnoloogiaid ja on sarnase keerukusega:

Kursuse edukaks läbimiseks peavad kõik praktilised tööd olema tehtud.

Lehtede kujundamise ja stiili osas lähtu sellest juhendist.

Loengute plaan ja materjalid

Alltoodud teemad kaetakse igaüks ühe-kahe loenguga. Suur osa loengutest on pühendatud näidete läbitegemisele ning seletamisele, ette-programmeerimisele ja praktikumide osalisele realiseerimisele.


HTML põhioskused

Taustaks tasub

Loe ja proovi läbi (st vaja põhimõtted selgeks õppida):

Loe enne või sama-aegselt lisaks läbi ka

Keerulisemat:


CSS põhioskused


Lugeda ja proovida läbi (st vaja põhimõtted selgeks õppida):

Tutvu lisaks listide+CSS-i kasutamisega menüüde jms jaoks:


Javascript põhioskused


Kaks loengut: (a) sissejuhatus (b) reaalne kasutamine brauseris (html ja css muutmine, evendid jne)

Vaata soenduseks/demoks Google kogutud näiteid.

Seejärel loe läbi ja proovi järgi selles järjekorras:

NB! Selle tulemusena on sul baasettekujutus javascripti keelest, aga mitte reaalsest kasutusest (seda vaatame järgmises loengus).

Javascripti kasutamine brauseris: alustuseks on hea vaadata põhjalikku näidete loetelu

ja tingimata lugeda sinna juurde teegijuhendeid:

Javascripti ja css-i teegid: uurime veidi kõige populaarsemaid teeke


Praktilist teisest praktikumist


Kuidas ja kuhu faile serverisse üles laadida jms: loe teise praktikumi materjalidest


Cgi töötlemine eri keeltes (C, python, bash, java, ...)


Kõigepealt loe ja proovi tingimata ise läbi teha: pythoni cgi-d dijkstra serveris: kiire sissejuhatus

Tutvu linuxi shelli elementaarsete käskudega sellest lühiõpetusest ja täiendavalt selle tutoriali peatükkidest üks kuni viis. Iga käsu juures on abiks man, näiteks man ls. Huvi korral googelda lisaks.

Seejärel loe neid materjale CGI protokollist ja CGI programmidest serveris:

ning siis vaata lisaks loengus tehtud/proovitud lihtsaid cgi programminäiteid eri keeltes.

Cgi jaoks on olemas ka nö rfc-standard, mille lugemine on aga pisut vaevarikas (nagu enamikel standarditel) ja üldjuhul on praktilisem lugeda hoopis ülaltoodud õpetusi ja vaadata näiteid.


Veebiserveri ehitusest ja konfigureerimisest


Kõigepealt tutvu või tuleta meelde http protokolli põhimõtteid:

Veebiserverist paremaks arusaamiseks tasub veidi eksperimenteerida pisikese veebiserveriga.

Enimkasutatav veebiserver Apache:

Apache konfigureerimisest:


Python ja näiteid kasutamisest serverirakendustes


Tutvumine kolmanda praktikumiga: vormid ja cgi. Praksi jaoks vajaliku koodi kirjutamise harjutamine (loengus etteprogrammeerimine).

Sealt leiad ka soovitused esmatutvuseks Pythoniga (praktikumi jaoks piisab kõige lihtsamatest Pythoni konstruktsioonidest ja cgi teegist, keerukamaid asju pole otseselt vaja):

  • loe tutoriali algust (keerulised andmestruktuurid, moodulite ja klasside värgi võid esialgu lugemata jätta)
  • lisaks cgi teegi õpetust.

Hea mõte on paralleelselt teha lahti Pythoni interpretaator ja katsetada kõrvale asju otse Pythoni käsureal. Kui su masinas Pythonit pole, siis installeeri! Kasulikke asju lisaks:


Serverirakendused PHP-s, näited


SQL

Loe selles järjekorras:


SQL serverirakendustes


Sessioonid, cookied, sisselogimine, autentimine

Mõned lingid:


Ajax

Vajalikud tööriistad

Oma arvutiga töö tegemiseks peab seal olema vähemalt


Lugemismaterjale

Üldist:

HTML:

HTML+CSS+Javascript:

HTTP


CGI programmid serveris

PHP ja MySQL

Veebiserverid:

Pärit leheküljelt "http://www.lambda.ee/w/index.php?title=Võrgurakendused_I_2018&oldid=8989"