Lehekülje Võrgurakendused I 2012 lähteteksti vaatamine

<table>
<tr>
<td>
[[Pilt:Engine.jpg|left|mootor]]
</td>
<td>
Ainekood: ITV0110<br>
Link: http://www.lambda.ee/index.php/V%C3%B5rgurakendused_I ehk http://www.lambda.ee/index/itv0110<br>
Punkte: 3.5 AP ehk 5 EAP<br>
Lektor: [http://tanel.tammet.googlepages.com Tanel Tammet]<br>
Kontakt: tammet@staff.ttu.ee, 6203457, TTÜ AK223<br>
olemas on ka  [[Võrgurakendused_I 2011| 2011 aasta arhiiv]] koos kõigi eelmise aasta materjalidega.<br>
</td>
</tr>
</table>


= <font color="red"> See leht on varemloetud kursuse arhiiv, siin ei ole värsket informatsiooni! Otsi üles kursuse hetkel aktiivne leht. </font> =

== <font color="red">Järeltöö kevadel</font> ==

Kevadine järeltöö toimub kolmapäeval, 5. juunil kell 10:00 ruumis X-210 (majanduse maja).

== Kursuse tulemused ==


[[Media:Itv0110_2012.pdf|Tulemused kontrolltööde järel]]

Kontrolltöö on rehkendatud ümber 40 punkti skaalale.

<!--
Itv0110_2012.pdf

Siin on 2012 praktikumide tulemused aasta lõpu seisuga:

[[Media:Itv0110_prax_2012.pdf‎|Praktikumi tulemuste pdf]]

Kontrolltööle pääsemiseks peab üldjuhul olema kõigi nelja praktikumi eest saadud punkte üle nulli. Kogusummat kasutatakse hinde arvestamise 60% osana, kuhu lisanduvad kontrolltööst maksimaalselt 40 punkti.

Erandid:
* Kaugõppijad võivad esitada viimast praksi kohe kontrolltöö järel.
* Eelmisel aastal esimesed praksid esitanud tudengid ei pea neid juba arvestatuid sel aastal enam esitama.
* Kes on mõnda oma tööd esitanud, kuid oli probleeme näiteks arusaamisega, võib selgitada (või parem, esitada uue töö) kohe kontrolltöö järel. Kui sinu rea viimases tulbas on tärn * siis on tegu just selle juhtumiga.

Kontrolli palun oma tulemused üle! Kui leiad, et sinu tulemuste arvestamisel on tehtud viga (eeskätt, kui sul on mõne praksi eest 0 punkti, kuid peaks olema positiivne skoor) siis ei ole välistatud, et tegu on andmete koondamisel tehtud näpuveaga. Sel juhul kirjuta kindlasti õppejõule (tanel.tammet@ttu.ee) ja selgita võimalikult täpselt asjaolusid: mis praks on tegelikult esitatud, kellele, umbes millal, kas terve/pool tööd, samuti lisa oma kood ja täisnimi.

Kui oled osad praksid esitanud eelmisel aastal, siis saada samuti kiri: mis praksid, kellele, lisa oma kood ja täisnimi. Siis saab õppejõud varakult järgi kontrollida, et on jah eelmisest aastast sellised andmed.

<b>NB! Kui sa oled esitanud ja saanud arvestatud vähemalt kaks tööd</b>, siis on sul võimalus esitada ülejäänud tööd mais 2013 ja teha järelkontrolltöö.

-->

== <font color="red">Kontrolltöö</font> ==

Kontrolltöö annab kuni 40 punkti ja sellel osalemine on kohustuslik. Kontrolltöö esitamise eeltingimuseks on, et kõik praktikumitööd on esitatud (vaata ka praktikumide tulemusi ja erandeid siin ülal).

Sessi sees on kolm kontrolltööaega, vali neist üks:

* Laupäev 5. jaanuar kell 12 ruumis VII-131
* Reede 11 jaanuar kell 14 ruumis VI-201
* Reede 18 jaanuar kell 14 ruumis X-209

[[Media:Vorgurak1_kntrltoonaide.pdf‎|Kontrolltöö näide varasemast aastast]]

<b>NB!</b> Kui sa oled esitanud ja saanud arvestatud vähemalt kaks tööd, siis on sul võimalus esitada ülejäänud tööd mais 2013 ja teha järelkontrolltöö.

== 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. <font color="red">Hilinenud tööd annavad poole punktidest.</font> 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.
 
* [[ITV0110 1. töö: Html põhioskused|Html põhioskused]]. Tähtaeg 18/19. september. Kaugõppe tähtaeg 21. sept.
* [[ITV0110 2. töö: CSS, javascript, veebiserver|CSS, javascript, veebiserver]]. Tähtaeg 16/17. oktoober. Kaugõppe tähtaeg 3. november.
* [[ITV0110 3. töö: Serverirakendus: cgi pythonis]]. Tähtaeg 20/21 november. Kaugõppe tähtaeg 1. detsember.
* [[ITV0110 4. töö: Andmebaasiga serverirakendus php-s|Andmebaasiga serverirakendus php-s]]. <font color="red">See on uus, 2012 aasta prax.</font> Tähtaeg 18/19. detsember. Kaugõppe tähtaeg on kontrolltöö aeg jaanuaris.

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

Lehtede kujundamise ja stiili osas lähtu [[htmli kujunduse üldpõhimõtted| 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
* meelde tuletada interneti baastehnoloogia IT sissejuhatusest: [[Media:Itsissejuhatus10o08.pdf|Itsissejuhatus10o08.pdf]].
Loe ja proovi läbi (st vaja põhimõtted selgeks õppida):
* [http://www.w3schools.com/html/default.asp w3schools html tutorial basic blokk].
Loe enne või sama-aegselt lisaks läbi ka
* [http://www.w3.org/MarkUp/Guide/ Raggetti vanaaegne mikrotutorial  algajatele] ja selle [http://www.w3.org/MarkUp/Guide/Advanced.html teine osa]
* Hea eestikeelne sissejuhatus [http://akadeemia.kakupesa.net/arhiiv/VR1/loengud/loeng3 Kaido Kikkaselt (html)]  
Keerulisemat: 
* [http://www.w3.org/TR/1999/REC-html401-19991224/ vana, siiani ametlik w3c standard]
* [http://www.w3.org/TR/html401/struct/tables.html tabelite osa ametlikust 4.01 standardist]
* [http://www.w3schools.com/tags/ref_entities.asp html entities osa1] ja [http://www.w3schools.com/tags/ref_symbols.asp osa2] ja [http://en.wikipedia.org/wiki/UTF-8 utf-8] ja [http://en.wikipedia.org/wiki/Character_encodings_in_HTML charseti seadmine]
* [http://hsivonen.iki.fi/doctype/ !DOCTYPE prefix] ja html vanade versioonide kuvamine
* html 5: [http://dev.w3.org/html5/spec/single-page.html w3c pooleli html 5] ja [http://www.whatwg.org/specs/web-apps/current-work/multipage/ whatwg living html 5] ja [http://www.w3schools.com/html5/default.asp w3schools tutorial]
* 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]
* klassikaline salvestamine: [http://en.wikipedia.org/wiki/HTTP_cookie cookie] tutorial [http://www.w3schools.com/js/js_cookies.asp javascriptis]
* 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 [http://en.wikipedia.org/wiki/Canvas_element canvas]


; CSSi põhioskused


Lugeda ja proovida läbi (st vaja põhimõtted selgeks õppida):
* [http://www.w3.org/MarkUp/Guide/Style.html First CSS intro]
* [http://www.w3schools.com/css/ w3schools'i css tutorial]: : kindlasti "basic", "styling" ja "box" blokid, huvi korral loe edasi (advanced jne) ka, kuid need viimased ei ole üleni kohustuslikud, välja arvatud järgmised eriti olulised osad advanced blokist:
** [http://www.w3schools.com/css/css_display_visibility.asp display and visibility]
** [http://www.w3schools.com/css/css_positioning.asp positioning]
** [http://www.w3schools.com/css/css_float.asp float]
** [http://www.w3schools.com/css/css_image_sprites.asp image sprites]: see on oluline praktikumitöös
* Väga kasulik abimaterjal on w3schoolsi [http://www.w3schools.com/cssref/default.asp  css reference]
Abiks on tutvuda heade tutorialidega järgmistel teemadel:
* [http://www.thesitewizard.com/css/center-div-block.shtml centering div]
* [http://css.maxdesign.com.au/listamatic/  listikasutus] ja sealtsamast [http://css.maxdesign.com.au/listutorial/index.htm listikasutuse tutorialid]
* [http://css.maxdesign.com.au/floatutorial/  floats]
* [http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/ inline block]
* [http://www.css3.info/preview/box-shadow/ css shadow]
* [http://webdesignerwall.com/tutorials/cross-browser-css-gradient css gradiendid]
Häid praktilisi soovitusi kujundusest css-ga:
* [http://webdesignerwall.com/tutorials/css3-gradient-buttons css nupud] ja [http://www.webdesignerwall.com/demo/css-buttons.html nupukataloog] ja [http://css-tricks.com/examples/ButtonMaker/# nuputegija1] ja [http://www.cssbuttongenerator.com/ nuputegija2]
* [http://smashinghub.com/9-amazing-css-rules-that-save-designers-and-developers.htm rounded corners, shadow, gradient fill jne]
* [http://www.script-tutorials.com/css3-metal-menu-with-icons/ multilevel metal menu with icons] pluss html/css alt muid häid css3 õpetusi
* [http://informationarchitects.net/blog/the-web-is-all-about-typography-period/ puhtast tüpograafia-kujundusest]
Vingeid graafilisi canvas+webgl asju:
* [http://www.clicktorelease.com/code/streetViewReflectionMapping/#59.4369400264884,24.743906027972344 street view + knot] 
* [http://alteredqualia.com/three/examples/webgl_materials_skin.html pea]
* [http://robchadwick.com/TerrainEditor/ terrain editor]
CSS mobiilile:
* [http://www.seabreezecomputers.com/tips/mobile-css.htm sissejuhatavaid punkte ja olulist]
* [http://www.javascriptkit.com/dhtmltutors/cssmediaqueries.shtml css-i valik mobiilile] ja [http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ sama teema selgitusteta]
* [http://webdesignerwall.com/tutorials/mobile-navigation-design-tutorial navigeerimine ja menüüd]


; Javascripti põhioskused


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

Vaata soenduseks/demoks [http://www.chromeexperiments.com/ Google kogutud näiteid].

Seejärel loe läbi ja proovi järgi selles järjekorras:
* [http://en.wikipedia.org/wiki/JavaScript Wikipedia javascripti üldartikkel]: ülevaade, ajalugu jne. Keelt siit ei õpi!
* [http://www.w3schools.com/js/default.asp W3schools javascripti sissejuhatus]: JS Basic ja JS Objects osad. Mõned asjad jäävad siin veidi ebaselgeks!
* [http://en.wikipedia.org/wiki/JavaScript_syntax Wikipedia Javascripti keele kiirõpetus]: loe ja proovi paralleelselt w3schools-ga. Siit saab mõned asjad selgemaks kui ainult w3schoolsist.

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

* [http://www.w3schools.com/js/js_ex_dom.asp html dom objektid]: põhiasjad
* [http://www.tizag.com/javascriptT/javascriptform.php form validation]: klassikaline rakendus
* [http://www.w3schools.com/js/js_ex_browser.asp brauseriobjektid]: vahel kah kasulikud

ja tingimata lugeda sinna juurde teegijuhendeid:

* [http://www.w3schools.com/jsref/dom_obj_all.asp  html dom ülevaadet]
* [http://www.w3schools.com/jsref/dom_obj_event.asp html events ülevaadet]
* [http://www.w3schools.com/jsref/dom_obj_style.asp style lugemine/muutmine js-s: hädavajalik reference]

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

* [http://w3techs.com/technologies/overview/javascript_library/all populaarsed teegid] 
* [http://www.jquery.com jquery] javascripti teek
* [http://twitter.github.com/bootstrap/ twitter bootstrap] css + javascript, widgetid jne


; Praktilist teisest praktikumist


Kuidas ja kuhu faile serverisse üles laadida jms: loe [[ITV0110 2. töö: CSS, javascript, veebiserver| 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]]

Seejärel vaata [[cgi examples|hulka näiteid]], mille täpsem seletus antakse loengus.

Tutvu linuxi shelli elementaarsete käskudega [http://www.freesoftwaremagazine.com/articles/command_line_intro siit alustades] ja [http://www.tuxfiles.org/linuxhelp/linuxcommands.html sellest lühiõpetusest jätkates.] Iga käsu juures on abiks man, näiteks <tt>man ls</tt>. Huvi korral googelda lisaks.


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

* [http://www.jmarshall.com/easy/cgi/ lihtne sissejuhatus cgi-desse]
* [[Media:cgi.pdf|cgi.pdf: detailsem juhend]]
* [http://www.cs.tut.fi/~jkorpela/forms/cgic.html cgi C keeles]
* Pythonis cgi programmeerimise tutoriali [http://www.tutorialspoint.com/python/python_cgi_programming.htm leiad siit]
* [http://webpython.codepoint.net/cgi_tutorial cgi Pythonis]
* [http://www.yolinux.com/TUTORIALS/BashShellCgi.html cgi Bashis]

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

Cgi jaoks on olemas ka nö [http://www.rfc-editor.org/rfc/rfc3875.txt rfc-standard], mille lugemine on aga pisut vaevarikas (nagu enamikel standarditel) ja üldjuhul on praktilisem lugeda hoopis ülaltoodud õpetusi ja vaadata
näiteid. 


; Python ja näiteid kasutamisest serverirakendustes


Tutvumine kolmanda praktikumiga: [[ITV0110 3. töö: Serverirakendus: cgi pythonis]]. 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 [http://docs.python.org/tutorial/ tutoriali] algust (keerulised andmestruktuurid, moodulite ja klasside värgi võid esialgu lugemata jätta) 
* hea lihtne variant alguseks on [http://www.cs.virginia.edu/~lab2q/lesson_1/ see tutorial]
* hea tutorial [http://www.tutorialspoint.com/python/python_cgi_programming.htm cgi programmide kohta pythonis]
* lisaks [http://docs.python.org/library/cgi.html 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:

* [http://docs.python.org/library/index.html#library-index teegi dokumentatsioonis].
* [[Kasulikke pythoni näitejuppe cgi jaoks]]
* [http://www.makotemplates.org/ mako templates:] katsetame neid veidi loengus


; Ajax ehk serveriga andmevahetus otse javascriptist

* Loe seotud tehnoloogiatest: [http://en.wikipedia.org/wiki/Ajax_%28programming%29 wikipedia ajax], [http://en.wikipedia.org/wiki/XMLHttpRequest wikipedia xmlhttprequest], [http://en.wikipedia.org/wiki/JSON wikipedia json]
* [[xmlhttprequest ja jsonile rakendatud eval näited]]


; Veebiserveri ehitusest ja konfigureerimisest


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

* [http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol http wikipedias]
* [http://www.jmarshall.com/easy/http/ veel http-st]
* [http://www.factini.com/c/httpViewer/ headerite jms vaatamise veebiabivahend]

Veebiserverist paremaks arusaamiseks tasub veidi eksperimenteerida [[Media:Itsissejuhatus_tiny.zip|pisikese veebiserveriga]].

Enimkasutatav veebiserver Apache:

* [http://httpd.apache.org/ apache oma koduleht]
* [http://en.wikipedia.org/wiki/Apache_HTTP_Server wikipedia apachest]
* [http://news.netcraft.com/archives/category/web-server-survey/ veebiserverite kasutusstatistikat]

Apache konfigureerimisest:

* [http://www.jlk.net/apache/beginners.shtml sissejuhatus algajatele]
* [http://httpd.apache.org/docs/2.2/ ametlik juhend]



; Serverirakendused PHP-s, näited

* Väikese ajaloolise ülevaate leiad [http://en.wikipedia.org/wiki/PHP wikipeediast]
* Põhiõpetus on [http://www.php.net/manual/en/ php oma saidil]: loe sealt kõigepealt [http://www.php.net/manual/en/tutorial.php sissejuhatavat tutoriali]
* [http://w3schools.com/php/default.asp W3school-si php tutorial] on samuti päris OK.


; SQL 

Loe selles järjekorras:

* [http://web.njit.edu/~song/courses/is698/SQL_tutorials.ppt hea esimene sissejuhatus]
* [http://www.w3schools.com/sql/default.asp w3schools'i tutorial]
* [http://dev.mysql.com/doc/refman/5.0/en/tutorial.html mysql esmane tutorial] ja [http://dev.mysql.com/doc/refman/5.0/en/index.html mysql manuaal]


; SQL serverirakendustes

* Vaata [[lihtsaid php ja mysql näiteid]] loengust.
* [http://dmsa.concordia.ca/tutorial_files/shortsql.ppt mysql PHP-s: ppt] 
* [http://www.tizag.com/mysqlTutorial/ mysql PHP-s: veebitutorial]
* [http://blogs.techrepublic.com.com/security/?p=2368 SQL injection] vt ka [http://lh6.ggpht.com/_5YF7KQZuZS0/S6dvFXu5OoI/AAAAAAAACWM/qTcVpMxcDnA/licence%20plate%20camera%20sql%20injection_2%5B3%5D.jpg?imgmax=800 seda] ja [http://www.schneier.com/blog/archives/2010/10/pen-and-paper_s.html seda] ja [http://alicebobandmallory.com/articles/2010/09/23/did-little-bobby-tables-migrate-to-sweden seda]
* [http://www.w3schools.com/php/default.asp w3schools PHP tutorial all vasakul Mysql blokk]
* [[Vorgurakendused 1 SQL naited loengust]]


; Sessioonid, cookied, sisselogimine, autentimine, web storage

Mõned lingid:

* basic authentication [http://en.wikipedia.org/wiki/Basic_access_authentication wikipedias], [http://httpd.apache.org/docs/2.0/howto/auth.html apache manuaalis] ja [[basic authentication näited]]
* cookie [http://en.wikipedia.org/wiki/HTTP_cookie wikipedias], php cookie handling [http://w3schools.com/PHP/php_cookies.asp w3schools-st] ja [http://www.php.net/manual/en/function.setcookie.php php manuaalist]
* [http://oreilly.com/catalog/webdbapps/chapter/ch08.html ok sessiooniõpetus]
* php sessioonihandling [http://w3schools.com/PHP/php_sessions.asp w3schools] ja siit [http://ee.php.net/manual/en/book.session.php php mahukas sessiooni-manuaal] ja siit [http://www.tizag.com/phpT/phpsessions.php eraldi tutorial]
* väike [http://www.secologic.org/downloads/web/051123_eurosec_course_material_on_web_application_session_management.ppt ok sessioonihalduse tutorial]
* [[autentimise näide php sessiooniga]]
* [http://www.w3schools.com/html/html5_webstorage.asp Web storage]: HTML5 parem ja lihtne alternatiiv cookiedele. Vaata kindlasti ka muid [http://www.html5rocks.com/en/tutorials/offline/storage/ HTML5 data-salvestus-mehhanisme], [http://www.html5rocks.com/en/tutorials/appcache/beginner/ HTML5 application cache] ja [http://diveintohtml5.info/storage.html seda detailsemat täiendavat juttu].

== Vajalikud tööriistad ==

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

* [http://notepad-plus-plus.org/ Notepad++] või [http://www.scintilla.org/SciTE.html scite]
* [http://www.mozilla.com Mozilla Firefox] või [https://www.google.com/intl/en/chrome/browser/ Google Chrome]
* [http://www.mozilla.com Mozilla Firefoxi] kasutades installi endale [https://getfirebug.com/ firebug] plugin


== Veel lugemiseks ==

Üldist:

* [http://www.w3schools.com/ Mitu head tutoriali eri teemadel]
* [http://www.websitetips.com/ suur kogu häid tutoriale, artikleid ja soovitusi]
* Lisamaterjale kursusest [[Kasutajaliidesed võrgutehnoloogia baasil]]

HTML:

* [http://www.w3.org/MarkUp/Guide/ Raggetti tutorial  algajatele]
* [http://akadeemia.kakupesa.net/arhiiv/VR1/loengud/loeng3 Kaido Kikkase hea eestikeelne sissejuhatus] 
* [http://innar.li.ttu.ee/failid/VR_2006.pdf Innar Liivi hea eestikeelne sissejuhatus] 
* [http://www.w3schools.com/html/ w3schools'i põhjalik html tutorial]
* [http://joshduck.com/periodic-table.html tore tagide nimistu]
* [http://www.w3.org/TR/html4/ HTML 4.01 ametlik standard]
* [http://www.w3.org/TR/html5/ HTML 5.0 ametlik draft]

HTML+CSS+Javascript:

* [http://www.w3.org/MarkUp/Guide/Style.html First CSS intro]
* [http://www.w3schools.com/css/ w3schools'i css tutorial]
* [http://www.w3schools.com/js/ w3schools'i javascripti tutorial]
<!-- * [http://www.somacon.com/p141.php Asjalik "wizard" tabelite kujundamiseks] -->
* [http://www.maxdesign.com.au/articles/liquid/ liquid layouts]
* [http://www.alistapart.com/  A list apart]
* [http://css.maxdesign.com.au/listamatic/  listikasutus]
* Javascript, mashup ja ühe-lehe-sait sightsmap: http://www.sightsmap.com/

HTTP 

* [http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol http wikipedias]
* http://www.jmarshall.com/easy/http/
* [http://www.w3.org/Protocols/HTTP/AsImplemented.html T. Berners-Lee leiutatud esimene HTTP spec]
* [http://www.garshol.priv.no/download/text/http-tut.html hea väike HTTP ja CGI tutorial]
* [http://www.factini.com/c/httpViewer/ headerite jms vaatamise veebiabivahend]


CGI programmid serveris

* [http://www.jmarshall.com/easy/cgi/ lihtne sissejuhatus cgi-desse]
* [[Media:cgi.pdf|cgi.pdf: detailsem juhend]]
* [http://www.whizkidtech.redprince.net/cgi-bin/tutorial cgi esmane sissejuhatus Bashi näidetega]
* [http://www.cs.tut.fi/~jkorpela/forms/cgic.html cgi C keeles]
* [http://webpython.codepoint.net/cgi_tutorial cgi Pythonis]
* [http://www.yolinux.com/TUTORIALS/BashShellCgi.html cgi Bashis]
* [[Media:Itsissejuhatus_tiny.zip|Tiny www server]] ja [[lihtsaid cgi programminäiteid]]

PHP ja MySQL

* http://www.php.net/ sh http://www.php.net/tut.php või http://www.php.net/manual/en/tutorial.php
* http://www.mysql.org, alustuseks http://dev.mysql.com/doc/refman/5.1/en/tutorial.html
* [[ajut22]]
* [[ajut23]]

Veebiserverid:

* [[Media:Itsissejuhatus_tiny.zip|Tiny www server]] ja [[lihtsaid cgi programminäiteid]]
* http://www.devside.net/guides/windows/apache
* http://net.tutsplus.com/tutorials/php/how-to-setup-a-dedicated-web-server-for-free/
* http://www.yolinux.com/TUTORIALS/LinuxTutorialWebSiteConfig.html
<!--
* [[lisainfox]]
-->

[[Category:Kursus]]