http://courses.cs.taltech.ee/w/index.php?action=history&feed=atom&title=UI%3AVaata_koerad 2026-05-21T23:41:51Z Selle lehekülje redigeerimiste ajalugu MediaWiki 1.35.9 http://courses.cs.taltech.ee/w/index.php?title=UI:Vaata_koerad&diff=6406&oldid=prev 2018-02-21T14:09:26Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="et"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←Vanem redaktsioon</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Redaktsioon: 21. veebruar 2018, kell 14:09</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l22" >22. rida:</td> <td colspan="2" class="diff-lineno">22. rida:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://router.vuejs.org/en/essentials/getting-started.html Vue-Route dokumentatsioon]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://router.vuejs.org/en/essentials/getting-started.html Vue-Route dokumentatsioon]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://vuejs.org/v2/guide/state-management.html Vue.js oleku haldamine (ehk kuidas teha asju paremini)]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://vuejs.org/v2/guide/state-management.html Vue.js oleku haldamine (ehk kuidas teha asju paremini)]</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* [http://getskeleton.com/ (Näites on Skeletoni stiile kasutatud)]</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Esitamine ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Esitamine ==</div></td></tr> </table>

Irve http://courses.cs.taltech.ee/w/index.php?title=UI:Vaata_koerad&diff=6404&oldid=prev 2018-02-21T14:02:49Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="et"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←Vanem redaktsioon</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Redaktsioon: 21. veebruar 2018, kell 14:02</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l24" >24. rida:</td> <td colspan="2" class="diff-lineno">24. rida:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Esitamine ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Esitamine ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del class="diffchange diffchange-inline">lae </del>oma failid ülesse dijkstrasse kataloogi public_html/ui/praks4</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins class="diffchange diffchange-inline">Töö võib teha üksi või paaris</ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del class="diffchange diffchange-inline">saada </del>oma harjutustunni õppejõule klõpsitav link. Vastavalt kellaajale kas erik.soekov@ttu.ee või jaagup.irve@ttu.ee.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">* Lae </ins>oma failid ülesse dijkstrasse kataloogi public_html/ui/praks4</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del class="diffchange diffchange-inline">jäta </del>oma töö sinna kataloogi kuni semestri lõpuni.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins class="diffchange diffchange-inline">Saada </ins>oma harjutustunni õppejõule klõpsitav link. Vastavalt kellaajale kas erik.soekov@ttu.ee või jaagup.irve@ttu.ee .</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins class="diffchange diffchange-inline">Jäta </ins>oma töö sinna kataloogi kuni semestri lõpuni.</div></td></tr> </table>

Irve http://courses.cs.taltech.ee/w/index.php?title=UI:Vaata_koerad&diff=6401&oldid=prev 2018-02-21T11:58:58Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="et"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←Vanem redaktsioon</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Redaktsioon: 21. veebruar 2018, kell 11:58</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l22" >22. rida:</td> <td colspan="2" class="diff-lineno">22. rida:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://router.vuejs.org/en/essentials/getting-started.html Vue-Route dokumentatsioon]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://router.vuejs.org/en/essentials/getting-started.html Vue-Route dokumentatsioon]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://vuejs.org/v2/guide/state-management.html Vue.js oleku haldamine (ehk kuidas teha asju paremini)]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://vuejs.org/v2/guide/state-management.html Vue.js oleku haldamine (ehk kuidas teha asju paremini)]</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Esitamine ==</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* lae oma failid ülesse dijkstrasse kataloogi public_html/ui/praks4</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* saada oma harjutustunni õppejõule klõpsitav link. Vastavalt kellaajale kas erik.soekov@ttu.ee või jaagup.irve@ttu.ee.</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* jäta oma töö sinna kataloogi kuni semestri lõpuni.</ins></div></td></tr> </table>

ErikSoekov http://courses.cs.taltech.ee/w/index.php?title=UI:Vaata_koerad&diff=6392&oldid=prev 2018-02-21T00:19:07Z

<p>Uus lehekülg: &#039;{{UI}}&#039;&#039;See harjutus on veidi eklektiline; selle eesmärk on näidata veel paari Vue.js põhimõtet ja õppida juurde veidi &quot;sõnavara&quot;. Kuna me kõik teame et [http://en.wikiped...&#039;</p> <p><b>Uus lehekülg</b></p><div>{{UI}}&#039;&#039;See harjutus on veidi eklektiline; selle eesmärk on näidata veel paari Vue.js põhimõtet ja õppida juurde veidi &quot;sõnavara&quot;. Kuna me kõik teame et [http://en.wikipedia.org/wiki/On_the_Internet,_nobody_knows_you%27re_a_dog internetis on kõik koerad], on sellel harjutusel selline nimi.<br /> <br /> Oled spämmer, kes tahab teha e-postide nimekirja (spämmimine keelatud lähtuvalt Euroopa liidu direktiivi 2002/58 artiklist 13.) ja kuna oled eriti viisakas spämmer, tahad sisestada inimeste nimed, ning e-postid nimekirja ning nimetad end elektrooniliseks turundajaks. Kui soovid, võid ette kujutada, et turundad hoopis ainult koertele, või et oled eetiline.&#039;&#039;<br /> <br /> == Ülesanne ==<br /> <br /> Loe kogu ülesanne hoolega läbi. Kirjuta Vue.js rakendus, mis loob nimekirja nimedest ja e-posti aadressidest. Sisuliselt nagu kassid ja nende aastad, aga tee kolm vaadet: nimekiri, detailvaade ning lisamisvaade.<br /> <br /> * Muuda vormiväljad ja andmemudel selliseks, et saaksid vajalikke andmeid salvestada<br /> ** Vormiväljal tuleb andmemudel korrigeerida<br /> * Tee detailvaatest korralik komponent (analoogia põhjal)<br /> * Määra lisamisvaate komponendi aadress vue-route.js loogikasse.<br /> ** Kuna meil ei ole keskset serverit, peame kasutama komponentides jagatud andmeid. See on debugimise ja edasise elu mõttes kohutav valik, aga praegu teeme nii.<br /> * Vormiväljade puhul kontrolli, et nimi poleks tühi ja e-post vigane NING värvi väli punaseks mõistlikul moel (st lisa klass dünaamiliselt).<br /> * Takista vormivälja saatmine vea korral ning näita mõistlikul ka veateateid.<br /> <br /> Rakenduse põhja saad siit [[meedia:ui-h3-clean.zip|ui-h3-clean.zip]]<br /> <br /> == Lisainfo ==<br /> <br /> * [https://vuejs.org/v2/guide/components.html Vue.js komponendid]<br /> * [https://router.vuejs.org/en/essentials/getting-started.html Vue-Route dokumentatsioon]<br /> * [https://vuejs.org/v2/guide/state-management.html Vue.js oleku haldamine (ehk kuidas teha asju paremini)]</div>

Irve