Võrgurakendused I 2017 - Redigeerimiste ajalugu

http://www.lambda.ee/w/index.php?action=history&feed=atom&title=V%C3%B5rgurakendused_I_2017 Võrgurakendused I 2017 - Redigeerimiste ajalugu 2026-10-28T11:51:11Z Selle lehekülje redigeerimiste ajalugu MediaWiki 1.43.11 http://www.lambda.ee/w/index.php?title=V%C3%B5rgurakendused_I_2017&diff=14729&oldid=prev Tammet: Uus lehekülg: '<table> <tr> <td> mootor </td> <td> Ainekood: ITV0110<br> Link: http://www.lambda.ee/wiki/V%C3%B5rgurakendused_I <!-- ehk http://www.lambda.ee/index/itv0...' 2018-09-03T15:18:55Z

<p>Uus lehekülg: '<table> <tr> <td> <a href="/wiki/Fail:Engine.jpg" title="Fail:Engine.jpg">left|mootor</a> </td> <td> Ainekood: ITV0110<br> Link: http://www.lambda.ee/wiki/V%C3%B5rgurakendused_I <br /> Punkte: 3.5 AP ehk 5 EAP<br><br /> Lektor: [http://www.facebook.com/tanel.tammet Tanel Tammet]<br><br /> Kontakt: tanel.tammet@ttu.ee, 6203457<br><br /> olemas on ka [[Võrgurakendused_I 2016| 2016 aasta arhiiv]] koos kõigi eelmise aasta materjalidega.<br><br /> </td><br /> </tr><br /> </table><br /> <br /> == <font color="red">NB! See on 2017 aasta arhiiv, mitte hetkel kehtiv materjalide kogu!</font> ==<br /> <br /> == <font color="red">Lõpptulemused</font> ==<br /> <br /> Siin tulemuste kolmas versioon (paar tudengit andsid teada, et kontrolltööde tulemustes oli segadus tudengikoodi/nime/eelmise aasta tulemustega). Teistel muutusi ei ole.<br /> <br /> [[Kogu 2017 võrgurakenduste kursuse tulemused siin|Kogu 2017 võrgurakenduste kursuse tulemused siin]]. Formaat: tudengikood, initsiaalid, viis praksi, kontrolltöö, hinne. Tühik või kriips tähendab mitteilmumist. Siintoodud tulemused veel õis-s ei ole.<br /> <br /> Kui sul on mingid tulemused selgelt puudu või valesti, siis palun anna asjaoludest võimalikult täpselt teada (a la mitmenda praksi tulemustest jutt, millal umbes esitasid, kellele) emailitsi tanel.tammet@ttu.ee. <br /> <br /> <br /> Pane tähele, et kontrolltöö loetakse sooritatuks, kui said vähemalt 20 punkti. Kursuse edukaks lõpetamiseks peab sul olema tehtud esimesed neli praktikumi ja kontrolltöö ning praktikumid+kontrolltöö saadud kokku vähemalt 50 punkti.<br /> <br /> <br /> <br /> == <font color="red">Uurimistöös osalemine!</font> ==<br /> <br /> Palun kõigil tudengitele teha läbi http://sightsmap.com/survey uuring, kus tuleb võrrelda etteantud piirkonnavalikuid kaardil. Hinnake palun vähemalt 40 paari. Hindamise eest saab kursuse punktiarvestusse ühe punkti! <br /> <br /> Kui avate viidatud lehe, sisestage Your name kasti lihtsalt oma täisnimi, pange Affiliation kasti TTU ja vajutage "Ready". Kuvatud piirkondades on enamasti mingid rohkem või vähem huvipakkuvad asjad/kohad/vaated, mida võiks turistina tahta möödaminnes pildistada või lihtsalt uudistada. Kui esmapilgul jääb ebaselgeks, mis piirkonnas on, siis tasub kaardil zoomida välja või sisse või panna peale satellite view.<br /> <br /> Uuring on osa doktorand Piit Järve tööst piirkondade kaardistamise ja soovitamise teemadel crowdsourcingu ja andmekaeve abil, ning uuringu mõtteks on võrrelda erinevate huvipiirkonna-moodustamise algoritmide headust inimese vaatenurgast. Tulemused lähevad tema artikli osaks, kus ta ehitab ja analüüsib erinevaid piirkonna-moodustamise algoritme.<br /> <br /> == <font color="red">Kontrolltöö ja kursuse lõpetamine</font> ==<br /> <br /> <br /> Kursuses on peale praktikumide ka üks kohustuslik kontrolltöö, mis toimub viimaste loengute ajal/kohas ja annab maksimaalselt 40 punkti. Edukaks sooritamiseks pead kontrolltöös saama vähemalt 20 punkti ja kogu kursuse eest (praktikumid+kontrolltöö) vähemalt 50 punkti.<br /> <br /> Kontrolltöö jaoks on sul valida kaks võimalikku päeva (kell endiselt 10:00 ja ruum U06A-201), vali üks neist:<br /> <br /> * neljapäev 14 detsember<br /> * neljapäev 21 detsember: võta kaasa ja esita mõni pildiga dokument<br /> <br /> Peale viimast praktikumipäeva 22. detsembril on kursus lõppenud: ülesandeid enam ei vaadata ja rohkem kontrolltöösid ei tehta.<br /> <br /> == NB! Praktikumides hindamine <font color="red">ainult sinu grupi ajal</font> ==<br /> <br /> Juhime kõigi praktikumijuhendajate poolt tähelepanu, et praktikumitöö arvestamine ja hindamine toimub ainult sinu grupi ajal! Muude gruppide aegadel võetakse töid vastu ainult juhul, kui ei ole kedagi õigest grupist, kes sooviks tööd esitada / konsulteerida, st reeglina mitte arvestuse viimasel nädalal.<br /> <br /> <br /> == Videoloengud ==<br /> <br /> Senised loengud peaksid olema vaadatavad [https://echo360.org.uk/section/f6d0fee3-dfd9-4c23-a354-2e2537fa5e48/public sellelt lingilt]. <br /> <br /> NB! Ei ole mingit garantiid, et loengud jäävad üles mitmeks kuuks või et kõik loengud võrku ilmuvad.<br /> <br /> <br /> <br /> == Aeg, koht, tulemus ==<br /> <br /> Loeng igal neljapäeval kell <font color="red">10:00-11:30 </font> ruumides U06A-201, U06A-229. Loengud on peamiselt pühendatud praktikumide seletamisele ja aeglasele, selgitustega osalisele ette-programmeerimisele. Teisisõnu, loengute mõte on aidata praktikume teha.<br /> <br /> Praktikumid toimuvad eri gruppidele viiel erineval ajal. Praktikumijuhendaid on mitu. Esimesel nädalal on juhendajaks Martin Verrev, järgmistel tuleb praktikumijuhendajaid juurde.<br /> <br /> <b>NB!</b> Praktikumide eesmärgiks on teha ise ülesande kallal tööd, küsida juhendajalt probleemide korral abi ja esitada valmis või osaliselt valmis töid juhendajale. Praktikumides enamasti ei esitata üldist infot/materjale/näiteid kõigile vaatamiseks: selleks on loeng.<br /> <br /> * teisipäeval kell 08:00 ruumis ICT-401 IAPB32, IAPB33<br /> * teisipäeval kell 14:00 ruumis ICT-404 IAPB34, IAPB35<br /> * teisipäeval kell 16:00 ruumis ICT-121 ABB31, IABB32, IABB33<br /> * kolmapäeval kell 16:00 ruumis ICT-404 IAPB36<br /> * neljapäeval kell 08:00 ruumis ICT-122 IABB34, IAPB31<br /> <br /> Kursus lõpeb hindelise arvestusega. Hinne sõltub kursuse jooksul tehtud praktikumide tulemustest (60%) pluss kursuse lõpus toimuva kontrolltöö tulemustest (40%).<br /> <br /> == Kursuse eesmärk ==<br /> <br /> Veebirakenduste põhimõtted ja nende kirjutamise oskus nii brauseri kui serveri poolel. Konkreetsemalt: <br /> <br /> * Brauseri põhitehntoloogiad: html-i, CSS-i ja javascripti baasoskused.<br /> * Serveripoolse rakenduse kirjutamise põhimõtted, <br /> * cgi protokoll ja erinevate keelte (sh python, php, javascript, C) kasutamise ülevaade serverirakendustes<br /> * Pythoni ja php kasutamise esmased oskused.<br /> * node.js kasutamise sissejuhatus <br /> * Lihtsamad SQLi kasutamise oskused.<br /> <br /> Kursusel eeldatakse elementaarsete programmeerimisoskuste olemasolu: nende puudumisel ei ole võimalik kursust läbida.<br /> <br /> Julgustuseks loe [https://www.reddit.com/r/web_design/comments/3hg1t0/how_to_not_feel_overwhelmed_when_learning_to_code/ seda väikest juttu]<br /> <br /> NB! Selle kursuse eesmärgiks ei ole keeruliste [https://medium.com/this-dot-labs/building-modern-web-applications-in-2017-791d2ef2e341 frameworkide], transpilerite ja pakkimisvahendite jms tehnokeskkonna õppimine: kõik need vajavad alustehnoloogiate kasutamise oskust, millele kursus ongi pühendatud.<br /> <br /> Senised loengud peaksid olema vaadatavad [https://echo360.org.uk/section/f6d0fee3-dfd9-4c23-a354-2e2537fa5e48/public sellelt lingilt]. <br /> <br /> NB! Ei ole mingit garantiid, et loengud jäävad üles mitmeks kuuks või et kõik loengud võrku ilmuvad.<br /> <br /> == Praktilised tööd ==<br /> <br /> Kursusel on neli kohustuslikku praktilist ẗööd ja üks vabatahtlik praktiline töö. Iga töö annab 0-12 punkti. <font color="red">Hilinenud tööd annavad poole punktidest.</font> Töid võib (ja on soovitav) esitada enne tähtaega. <br /> <br /> <font color="red">NB!</font> <br /> * Kui sinu praktikum on õigeaegselt arvestatud, siis saad esitada täiendusi kuni kaks nädalat peale tähtaega, ilma pooli punkte kaotamata.<br /> * Kui sinu praktikum ei ole õigeaegselt arvestatud, siis on sul esitamiseks aega veel kolm nädalat peale tähtaega (välja arvatud neljas ja viies praks), aga selliselt hilinenud praks annab ainult pooled punktid.<br /> * Üle kolme nädala hilinenud praks annab edukal arvestamisel ainult üheainsa punkti.<br /> * Oma tööd saad arvestuseks esitada <b>ainult</b> oma rühma praksi ajal. Kui sa ei ole üheski rühmas, siis on aeg vaba. Lihtsalt nõu ja abi saad küsida ka teistel aegadel.<br /> <br /> Kõik tööd tuleb esitada ise TTÜ arvutiklassis: emailiga saadetud töid ei vaadata. Kasutada võib nii klassi arvuteid kui oma arvutit, brauser ja operatsioonisüsteem on vabalt valitavad. Tööde presenteerimiseks tuleb kasutada ülikooli serverit dijkstra: kõiki prakse vaatavad õppejõud ainult sealt serverist. Kindlasti loe [[Dijkstra server|dijkstra serveri kasutamise õpetust]].<br /> <br /> Kursuse edukaks läbimiseks peavad kõik kohustuslikud praktilised tööd - neli esimest - olema tehtud. <br /> <br /> Lehtede kujundamise ja stiili osas lähtu [[htmli kujunduse üldpõhimõtted| sellest juhendist]].<br /> <br /> Ülesanded:<br /> <br /> === 1. ülesanne: HTML ja server ===<br /> <br /> Detailid: [[ITV0110 1. töö: Html põhioskused|Prax 1: html põhioskused]]. <br /> <br /> Tähtaeg 18-22 septembri nädal, vastavalt sinu praktikumirühmale. <br /> <br /> === 2. ülesanne: minesweeper ehk javascript ja css ===<br /> <br /> Ülesandeks on realiseerida tugevalt lihtsustatud minesweeperi kloon javascriptis, vastavalt järgmistele nõuetele:<br /> <br /> [[ITV0110 2. töö 2017: javascript ja css|Prax 2: javascript ja css]]. <br /> <br /> Tähtaeg 9-13 oktoobri nädal, vastavalt sinu praktikumirühmale..<br /> <br /> === 3. ülesanne: minesweeperi mälu ehk serverirakendus pythoni cgi-na ===<br /> <br /> Ülesandeks on realiseerida serveris minesweeperi tulemuste ja poolikute mängude salvestamine ja nende kuvamine veebis.<br /> <br /> [[ITV0110 3. töö 2017: python ja cgi|Prax 3: python ja cgi]].<br /> <br /> Tähtaeg 6-10 novembri nädal, vastavalt sinu praktikumirühmale.<br /> <br /> === 4. ülesanne: mini-reddit ehk andmebaasiga serverirakendus ===<br /> <br /> Ülesandeks on ehitada mini-reddit (vaata [https://www.reddit.com/ saiti] ja [https://en.wikipedia.org/wiki/Reddit wikipediat] ja sarnast [https://news.ycombinator.com/ hacker newsi]) kasutades selleks PHP-d ja MySQL-i.<br /> <br /> [[ITV0110 4. töö 2017: andmebaasiga serverirakendus|Prax 4: andmebaasiga serverirakendus php-s]].<br /> <br /> Tähtaeg 4-8 detsembri nädal, vastavalt sinu praktikumirühmale.<br /> <br /> === 5. ülesanne: kivi-paber-käärid ehk node.js ===<br /> <br /> See ülesanne ei ole arvestuse saamiseks kohustuslik, kuid annab ikkagi kuni 15 punkti, ehk tegemata jätmine annab kokku vastavalt vähem.<br /> <br /> Ülesanne on ehitada võimalikult lihtsalt kahe inimese kivi-paber-käärid mäng node.js abil.<br /> <br /> [[ITV0110 node.js töö 2017| Prax 5: serverirakendus node.js abil]]. <br /> <br /> Tähtaeg 11-15 detsembri nädal, vastavalt sinu praktikumirühmale.<br /> <br /> <br /> <br /> == Vajalikud tööriistad ==<br /> <br /> Oma arvutiga töö tegemiseks peab seal olema vähemalt<br /> <br /> * Programmeerimiseks sobiv tekstiredaktor (väldi IDE-sid!) soovitavalt siit loetelust: [http://notepad-plus-plus.org/ Notepad++], [http://brackets.io/ brackets], [https://atom.io/ atom], [https://code.visualstudio.com/ vs code], [http://www.sublimetext.com/ sublime text], [http://www.scintilla.org/SciTE.html scite] <br /> * [http://www.mozilla.com Mozilla Firefox] ja [https://www.google.com/intl/en/chrome/browser/ Google Chrome]<br /> * Windowsil [http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html putty] või mõni sarnane sisselogimis-proge (Linuxil piisab ssh käsust). Hea erivariant Puttyst on [http://www.9bis.net/kitty/ kitty], mis laseb kasutajatunnuse ja parooli meelde jätta, et ei peaks igakord uuesti sisestama.<br /> * Windowsil [http://winscp.net winscp] (vaata [http://winscp.net/eng/docs/ui_editor konfimisest!]) või mõni sarnane failide-üleslaadimis-proge (linuxil ja macil piisab scp käsust)<br /> <br /> == Tehnoloogiateemad ja materjale lugemiseks ==<br /> <br /> Allpool on toodud olulisemad ja valik täiendavaid materjale põhilistele tehnoloogiateemadele kursuses.<br /> <br /> === HTML põhioskused ===<br /> <br /> Loe ja proovi läbi (st vaja põhimõtted selgeks õppida):<br /> * [http://www.w3schools.com/html/default.asp w3schools html tutorial põhiblokk] kunide vormide allpeatükini.<br /> <br /> Vanemates tutorialites toodud markup on reeglina endiselt pädev, v.a. xhtml ja päised: sina kasuta html5 standardit (päises &lt;!DOCTYPE html&gt;) ja ignoreeri xml teemat html-s.<br /> <br /> Lisaks olulist: <br /> * [http://www.w3schools.com/html/html_entities.asp html entities osa1] ja [http://www.w3schools.com/html/html_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]<br /> <br /> Keerulisemat:<br /> * [http://www.w3.org/TR/html/ ametlik w3c standard]<br /> * [http://hsivonen.iki.fi/doctype/ !DOCTYPE prefix] ja html vanade versioonide kuvamine<br /> <br /> <br /> <br /> === CSSi põhioskused === <br /> <br /> <br /> Lugeda ja proovida läbi (st vaja põhimõtted selgeks õppida):<br /> <br /> * [http://www.w3schools.com/css/ w3schools'i css tutorial]: põhiosa kuni CSS3 blokini (sealt alates ei ole tingimata esialgu vaja), huvi korral loe edasi. Järgmised on eriti olulised osad:<br /> ** [http://www.w3schools.com/css/css_howto.asp erinevad stiilifailid/blokid ja nende hierarhia]<br /> ** [http://www.w3schools.com/css/css_display_visibility.asp display and visibility]<br /> ** [http://www.w3schools.com/css/css_boxmodel.asp box model]<br /> ** [http://www.w3schools.com/css/css_dimension.asp dimensioonid]<br /> ** [http://www.w3schools.com/css/css_positioning.asp positioning]<br /> ** [http://www.w3schools.com/css/css_float.asp float]<br /> <br /> * Väga kasulik abimaterjal on w3schoolsi [http://www.w3schools.com/cssref/default.asp css reference]<br /> Abiks on tutvuda heade tutorialidega järgmistel teemadel:<br /> * [http://www.thesitewizard.com/css/center-div-block.shtml centering div]<br /> * [http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/ inline block]<br /> * [http://css.maxdesign.com.au/floatutorial/ floats]<br /> * [http://css.maxdesign.com.au/listamatic/ listikasutus] ja sealtsamast [http://css.maxdesign.com.au/listutorial/index.htm listikasutuse tutorialid]<br /> * [http://www.css3.info/preview/box-shadow/ css shadow]<br /> * [http://webdesignerwall.com/tutorials/cross-browser-css-gradient css gradiendid]<br /> Häid praktilisi soovitusi kujundusest css-ga:<br /> * [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]<br /> * [http://smashinghub.com/9-amazing-css-rules-that-save-designers-and-developers.htm rounded corners, shadow, gradient fill jne]<br /> <br /> * [http://informationarchitects.net/blog/the-web-is-all-about-typography-period/ puhtast tüpograafia-kujundusest]<br /> Vingeid graafilisi canvas+webgl asju:<br /> * [http://www.clicktorelease.com/code/streetViewReflectionMapping/#59.4369400264884,24.743906027972344 street view + knot] <br /> * [http://alteredqualia.com/three/examples/webgl_materials_skin.html pea]<br /> <br /> <br /> === Javascripti põhioskused === <br /> <br /> <br /> Seejärel loe läbi ja proovi järgi selles järjekorras:<br /> * [http://en.wikipedia.org/wiki/JavaScript Wikipedia javascripti üldartikkel]: ülevaade, ajalugu jne. Loe algust, kogu juttu pole tingimata vaja. Keelt siit ei õpi!<br /> * [http://www.w3schools.com/js/default.asp W3schools javascripti sissejuhatus]: Lisaks põhi-tutorialile alguses on kriitiline JS HTML DOM blokk allpool: kuidas tegelikult htmlist tükke kätte saada ja neid muuta.<br /> * [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.<br /> <br /> NB! Selle tulemusena on sul baasettekujutus javascripti keelest, aga mitte reaalsest kasutusest (seda vaatame järgmises loengus).<br /> <br /> Javascripti kasutamine brauseris: alustuseks on hea vaadata põhjalikku näidete loetelu<br /> <br /> * [http://www.w3schools.com/js/js_ex_dom.asp html dom objektid]: põhiasjad<br /> * [http://www.tizag.com/javascriptT/javascriptform.php form validation]: klassikaline rakendus<br /> * [http://www.w3schools.com/js/js_ex_browser.asp brauseriobjektid]: vahel kah kasulikud<br /> <br /> ja tingimata lugeda sinna juurde teegijuhendeid:<br /> <br /> * [http://www.w3schools.com/jsref/dom_obj_all.asp html dom ülevaadet]<br /> * [http://www.w3schools.com/jsref/dom_obj_event.asp html events ülevaadet]<br /> * [http://www.w3schools.com/jsref/dom_obj_style.asp style lugemine/muutmine js-s: hädavajalik reference]<br /> <br /> Javascripti ja css-i teegid: uurime veidi kõige populaarsemaid universaalseid teeke<br /> <br /> * [http://www.jquery.com jquery] javascripti teek dom-ga manipuleerimiseks ja ajaxiks<br /> * [http://underscorejs.org/ underscore] funktsionaalsed pisivahendid<br /> * [http://getbootstrap.com bootstrap] css + javascript, widgetid jne<br /> * [https://facebook.github.io/react react] facebooki kapitaalne teek / pool-framework keerukamate kasutajaliideste tegemiseks<br /> <br /> Vaata [http://www.chromeexperiments.com/ Google toredaid demosid].<br /> <br /> === Veebirakenduse optimeerimine mobiilile === <br /> <br /> * [http://www.seabreezecomputers.com/tips/mobile-css.htm sissejuhatavaid punkte ja olulist]<br /> <br /> Täiendavalt spetsiifilisematest teemadest:<br /> <br /> * [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]<br /> * [http://webdesignerwall.com/tutorials/mobile-navigation-design-tutorial navigeerimine ja menüüd]<br /> * [http://taylor.fausak.me/2013/11/01/ios-7-web-apps/ iOS nüansid]<br /> * [https://www.youtube.com/watch?v=3Bq521dIjCM&feature=youtu.be&t=23m50s optimeeri sujuvust: video]<br /> <br /> * [http://ionicframework.com/ huvitav mobiili-hübriid-veebirakenduste teek]<br /> <br /> <br /> === Cgi töötlemine eri keeltes (C, python, bash, java, ...) === <br /> <br /> <br /> Kõigepealt loe ja proovi tingimata ise läbi teha: [[pythoni cgi-d dijkstra serveris: kiire sissejuhatus]]<br /> <br /> Seejärel vaata [[cgi examples|hulka näiteid]], mille täpsem seletus antakse loengus.<br /> <br /> Tutvu linuxi shelli elementaarsete käskudega [http://www.freesoftwaremagazine.com/articles/command_line_intro siit alustades] ja [http://www.pixelbeat.org/cmdline.html selle lühiõpetusega jätkates.] Iga käsu juures on abiks man, näiteks <tt>man ls</tt>. Huvi korral googelda lisaks.<br /> <br /> <br /> Seejärel loe neid materjale CGI protokollist ja CGI programmidest serveris:<br /> <br /> * [https://en.wikipedia.org/wiki/Common_Gateway_Interface wikipedia]<br /> * [http://www.tutorialspoint.com/python/python_cgi_programming.htm cgi sissejuhatus pythonis] ja [http://cgi.tutorial.codepoint.net/hellow-world alternatiiv]<br /> * [http://www.cs.tut.fi/~jkorpela/forms/cgic.html cgi C keeles]<br /> * [http://www.yolinux.com/TUTORIALS/BashShellCgi.html cgi Bashis]<br /> <br /> ning siis vaata lisaks loengus tehtud/proovitud [[lihtsaid cgi programminäiteid]] eri keeltes.<br /> <br /> 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<br /> näiteid.<br /> <br /> === Python ja näiteid kasutamisest serverirakendustes === <br /> <br /> <br /> * Loe [http://docs.python.org/tutorial/ tutoriali] algust (keerulised andmestruktuurid, moodulite ja klasside värgi võid esialgu lugemata jätta) <br /> * Hea tutorial [http://www.tutorialspoint.com/python/python_cgi_programming.htm cgi programmide kohta pythonis]<br /> * Lisaks [http://docs.python.org/library/cgi.html cgi teegi õpetust].<br /> <br /> 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:<br /> <br /> * [[Kasulikke pythoni näitejuppe cgi jaoks]]<br /> * [http://docs.python.org/library/index.html#library-index teegi dokumentatsioonis].<br /> <br /> <br /> === Ajax ehk serveriga andmevahetus otse javascriptist === <br /> <br /> * 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]<br /> * Vaata [[xmlhttprequest ja jsonile rakendatud eval näited]]<br /> * Vaata uuemat ja lihtsamat varianti Ajaxi callist: [https://css-tricks.com/using-fetch/ fetch]<br /> <br /> Lisaks võib abi olla:<br /> * [http://www.w3schools.com/ajax/default.asp w3schoolsi ajaxi mikrotutorial]<br /> * [http://api.jquery.com/jquery.ajax/ jquery mugavamad wrapperid xmlhttprequestile]<br /> <br /> NB:<br /> * Vanade IE-de erivariante ei ole mingit mõtet kasutada. <br /> * Ajaxiga avatud urlilt võib tulla mis iganes tekst (ei pea olema xml).<br /> <br /> === Serverirakendused PHP-s, näited === <br /> <br /> * Väikese ajaloolise ülevaate leiad [http://en.wikipedia.org/wiki/PHP wikipeediast]<br /> * 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]<br /> * [http://w3schools.com/php/default.asp W3school-si php tutorial] on samuti päris OK.<br /> <br /> * Vaata [[lihtsaid php ja mysql näiteid]] loengust.<br /> <br /> === SQL === <br /> <br /> Loe selles järjekorras:<br /> <br /> * [http://www.w3schools.com/sql/default.asp w3schools'i tutorial]<br /> * [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]<br /> <br /> === SQL serverirakendustes === <br /> <br /> * [[Vorgurakendused 1 SQL naited loengust]]: alusta siit<br /> * Vaata veel kombineeritult [[lihtsaid php ja mysql näiteid]] loengust.<br /> <br /> Harilikud tutorialid ja tähelepanekud:<br /> <br /> * [http://www.tizag.com/mysqlTutorial/ mysql PHP-s: veebitutorial]<br /> * [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]<br /> * [http://www.w3schools.com/php/default.asp w3schools PHP tutorial all vasakul Mysql blokk]<br /> <br /> === Sessioonid, cookied, sisselogimine, autentimine, web storage === <br /> <br /> Mõned lingid:<br /> <br /> * 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]]<br /> * 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]<br /> <br /> * 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]<br /> * väike [http://www.secologic.org/downloads/web/051123_eurosec_course_material_on_web_application_session_management.ppt ok sessioonihalduse tutorial]<br /> * [[autentimise näide php sessiooniga]]<br /> * [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].<br /> <br /> === node.js sissejuhatus === <br /> <br /> [http://nodejs.org/ node.js] on süsteem serverirakenduste kirjutamiseks javascriptis. Ta on ehitatud chrome javascripti mootori peale ja lisab sinna hulgem kasulikke teeke, veebiserveri jne.<br /> <br /> Vaata:<br /> <br /> * [http://nodejs.org/ node.js] ise<br /> * node.js [http://en.wikipedia.org/wiki/Node.js wikipedias]<br /> <br /> Dijkstras on node olemas programmina <b>nodejs</b> ja ta on väga vana versioon. npm on samuti olemas ja ei vaja ruuduõigusi.<br /> <br /> Aga, hea mõte on kõigepealt installeerida omaenda arvutisse node.js ja alustada katsetamist:<br /> <br /> * [https://www.w3schools.com/nodejs/default.asp w3schools-i erilihtne tutorial]<br /> * [http://nodeguide.com/beginner.html ka hea sissejuhatav tutorial]<br /> * [https://www.tutorialspoint.com/nodejs/ tutorialspointi veidi põhjalikum tutorial]<br /> <br /> * [http://www.nodebeginner.org/ järgmine ok tutorial]<br /> * [http://nodeschool.io/#learnyounode hulk eri tutoriale] mis vajavad installeerimist<br /> <br /> === Veebiserveri ehitusest ja konfigureerimisest === <br /> <br /> <br /> Kõigepealt tutvu või tuleta meelde http protokolli põhimõtteid:<br /> <br /> * [http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol http wikipedias]<br /> * [http://www.jmarshall.com/easy/http/ veel http-st]<br /> * [http://www.factini.com/c/httpViewer/ headerite jms vaatamise veebiabivahend]<br /> <br /> Veebiserverist paremaks arusaamiseks tasub veidi eksperimenteerida [[Media:Itsissejuhatus_tiny.zip|pisikese veebiserveriga]].<br /> <br /> Enimkasutatav veebiserver Apache:<br /> <br /> * [http://httpd.apache.org/ apache oma koduleht]<br /> * [http://en.wikipedia.org/wiki/Apache_HTTP_Server wikipedia apachest]<br /> * [http://news.netcraft.com/archives/category/web-server-survey/ veebiserverite kasutusstatistikat]<br /> <br /> Apache konfigureerimisest:<br /> <br /> * [http://www.jlk.net/apache/beginners.shtml sissejuhatus algajatele]<br /> * [http://httpd.apache.org/docs/2.2/ ametlik juhend]<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> [[Category:Kursus]]</div>

Tammet