http://courses.cs.taltech.ee/w/index.php?action=history&feed=atom&title=UI%3AVaata_kassid 2026-04-30T12:20:41Z Selle lehekülje redigeerimiste ajalugu MediaWiki 1.35.9 http://courses.cs.taltech.ee/w/index.php?title=UI:Vaata_kassid&diff=6372&oldid=prev 2018-02-14T11:27:47Z

<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: 14. veebruar 2018, kell 11:27</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l23" >23. rida:</td> <td colspan="2" class="diff-lineno">23. 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>Reaalset, reloadi üleelavat salvestust ärge implementeerige.</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>Reaalset, reloadi üleelavat salvestust ärge implementeerige.</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;">== Asjad, mida meeles hoida ==</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;"></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;">Kui kasutaja mingeid andmeid sisestab siis ta ka eeldab, et leht reageerib sellele kuidagi. Näiteks tekib kiri: &quot;kass lisatud&quot; või &quot;lisamine õnnestus&quot; või näiteks vahetatakse tab kasside nimekirja tabile.</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>== Boonus ==</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>== Boonus ==</div></td></tr> </table>

ErikSoekov http://courses.cs.taltech.ee/w/index.php?title=UI:Vaata_kassid&diff=6371&oldid=prev 2018-02-14T11:06:52Z

<p><span dir="auto"><span class="autocomment">Esitamine</span></span></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: 14. veebruar 2018, kell 11:06</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l37" >37. rida:</td> <td colspan="2" class="diff-lineno">37. 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>== 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="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>* Salvestada oma töö dijkstra kataloogi public_html/ui/praks3</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>* Salvestada oma töö dijkstra kataloogi public_html/ui/praks3</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>* Vastavalt harjutustunni kellaajale saata <del class="diffchange diffchange-inline">ona </del>töö link aadressile 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>* Vastavalt harjutustunni kellaajale saata <ins class="diffchange diffchange-inline">oma </ins>töö link aadressile erik.soekov@ttu.ee või jaagup.irve@ttu.ee</div></td></tr> </table>

ErikSoekov http://courses.cs.taltech.ee/w/index.php?title=UI:Vaata_kassid&diff=6370&oldid=prev 2018-02-14T11:06:37Z

<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: 14. veebruar 2018, kell 11:06</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l34" >34. rida:</td> <td colspan="2" class="diff-lineno">34. 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://vuejs.org/v2/guide/ Vue.js sissejuhatus]</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/ Vue.js sissejuhatus]</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/comparison.html Vue.js võrdlus teiste raamistikega]</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/comparison.html Vue.js võrdlus teiste raamistikega]</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;">* Salvestada oma töö dijkstra kataloogi public_html/ui/praks3</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;">* Vastavalt harjutustunni kellaajale saata ona töö link aadressile erik.soekov@ttu.ee või jaagup.irve@ttu.ee</ins></div></td></tr> </table>

ErikSoekov http://courses.cs.taltech.ee/w/index.php?title=UI:Vaata_kassid&diff=6365&oldid=prev 2018-02-11T20:21:13Z

<p>Uus lehekülg: &#039;{{UI}} &#039;&#039;Selle praktikumitunni ülesanne on vue.js käima ajada ja sellega väike näide valmis kirjutada&#039;&#039; == Ülesanne == Lahendage ülesanne vue.js vahendusel. Sammhaaval te...&#039;</p> <p><b>Uus lehekülg</b></p><div>{{UI}}<br /> &#039;&#039;Selle praktikumitunni ülesanne on vue.js käima ajada ja sellega väike näide valmis kirjutada&#039;&#039;<br /> <br /> == Ülesanne ==<br /> <br /> Lahendage ülesanne vue.js vahendusel. Sammhaaval tegemisesk sobib järgmiste alamülesannete lahendamine vue.js abil:<br /> <br /> * Mallide &lt;nowiki&gt;{{}}&lt;/nowiki&gt; avaldiste abil sisu lehele näitamine.<br /> * Tab-ide implementeerimine.<br /> * Kontrollerist nimekirja esitamine<br /> * Tekstivälja (input type=text) info kuvamine avaldise abil. (See on vaheharjutusena tore, aga lõpptulemuses seda vägisi pole mõtet kajastada)<br /> * Vormi abil kontrollerisse nimekirja info lisamine<br /> <br /> Kõike seda saab proovida, kui võtta ülesandeks kasside üle arvepidamise rakendus ja see Vue.js abil implementeerida. Rakenduse vaates oleks kaks tab-i: &quot;Nimekiri&quot; ja &quot;Lisa kass&quot;. Sellest kõrgemal h1 pealkirjas ütleb, mis tab parajasti on valitud.<br /> <br /> Kassi kohta salvestage:<br /> * Nimi<br /> * Sünniaasta<br /> <br /> Kasside nimekiri salvesta data all.<br /> <br /> Vormiväljal lisatud kass lisa nimekirja lõppu (või sordi aastaarvude või eesnimede järgi).<br /> <br /> Reaalset, reloadi üleelavat salvestust ärge implementeerige.<br /> <br /> == Boonus ==<br /> <br /> Kui oskate Vue.js-i piisavalt, et ülesanne tundub igav, võite võistelda ajaliselt, kes esimesena lahenduse postkasti saab, lahendada mõni kodutöö rakenduse alamülesanne või siis lihtsalt õppejõudu veenda oma võimekuses vue.js abil midagi teha. <br /> <br /> Kui oskate mõnda muud teeki, siis tehke see näide ära, et oma oskuste pagasit laiendada.<br /> <br /> == Viited ==<br /> <br /> * [https://vuejs.org/v2/guide/ Vue.js sissejuhatus]<br /> * [https://vuejs.org/v2/guide/comparison.html Vue.js võrdlus teiste raamistikega]</div>

Irve