<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="et">
	<id>http://courses.cs.taltech.ee/w/index.php?action=history&amp;feed=atom&amp;title=UI%3AKodut%C3%B6%C3%B6_3</id>
	<title>UI:Kodutöö 3 - Redigeerimiste ajalugu</title>
	<link rel="self" type="application/atom+xml" href="http://courses.cs.taltech.ee/w/index.php?action=history&amp;feed=atom&amp;title=UI%3AKodut%C3%B6%C3%B6_3"/>
	<link rel="alternate" type="text/html" href="http://courses.cs.taltech.ee/w/index.php?title=UI:Kodut%C3%B6%C3%B6_3&amp;action=history"/>
	<updated>2026-05-02T02:34:04Z</updated>
	<subtitle>Selle lehekülje redigeerimiste ajalugu</subtitle>
	<generator>MediaWiki 1.35.9</generator>
	<entry>
		<id>http://courses.cs.taltech.ee/w/index.php?title=UI:Kodut%C3%B6%C3%B6_3&amp;diff=9180&amp;oldid=prev</id>
		<title>Verrev – 16. märts 2020, kell 19:32</title>
		<link rel="alternate" type="text/html" href="http://courses.cs.taltech.ee/w/index.php?title=UI:Kodut%C3%B6%C3%B6_3&amp;diff=9180&amp;oldid=prev"/>
		<updated>2020-03-16T19:32:26Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left diff-editfont-monospace&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;et&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;←Vanem redaktsioon&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Redaktsioon: 16. märts 2020, kell 19:32&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot; &gt;1. rida:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;1. rida:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Kolmas praktikumitöö on jätk esimesele ja teisele praktikumile. Praktikumitöö põhieesmärk on realiseerida rakenduse põhifunktsionaalsus Vue komponentidena mis loevad andmeid staatilistest JSON failidest.&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Kolmas praktikumitöö on jätk esimesele ja teisele praktikumile. Praktikumitöö põhieesmärk on realiseerida rakenduse põhifunktsionaalsus Vue komponentidena mis loevad andmeid staatilistest JSON failidest. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;JSON andmeobjektid loetakse Fetch API abil.  &lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;See võimaldab lahus hoida front- ja backendi.  &lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Vue asemel on lubatud kasutada ka Reacti või standardseid HTML komponente.&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;Vue asemel on lubatud kasutada ka Reacti või standardseid HTML komponente.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Verrev</name></author>
	</entry>
	<entry>
		<id>http://courses.cs.taltech.ee/w/index.php?title=UI:Kodut%C3%B6%C3%B6_3&amp;diff=9179&amp;oldid=prev</id>
		<title>Verrev: Uus lehekülg: &#039;Kolmas praktikumitöö on jätk esimesele ja teisele praktikumile. Praktikumitöö põhieesmärk on realiseerida rakenduse põhifunktsionaalsus Vue komponentidena mis loevad andm...&#039;</title>
		<link rel="alternate" type="text/html" href="http://courses.cs.taltech.ee/w/index.php?title=UI:Kodut%C3%B6%C3%B6_3&amp;diff=9179&amp;oldid=prev"/>
		<updated>2020-03-16T19:27:57Z</updated>

		<summary type="html">&lt;p&gt;Uus lehekülg: &amp;#039;Kolmas praktikumitöö on jätk esimesele ja teisele praktikumile. Praktikumitöö põhieesmärk on realiseerida rakenduse põhifunktsionaalsus Vue komponentidena mis loevad andm...&amp;#039;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Uus lehekülg&lt;/b&gt;&lt;/p&gt;&lt;div&gt;Kolmas praktikumitöö on jätk esimesele ja teisele praktikumile. Praktikumitöö põhieesmärk on realiseerida rakenduse põhifunktsionaalsus Vue komponentidena mis loevad andmeid staatilistest JSON failidest.&lt;br /&gt;
&lt;br /&gt;
Vue asemel on lubatud kasutada ka Reacti või standardseid HTML komponente.&lt;br /&gt;
&lt;br /&gt;
Töö peab esitamiseks olema paigutatud Dijkstra serverisse aadressile http://dijkstra.cs.ttu.ee/~Eesnimi.Perenimi/kasutajaliidesed/prax3/ kus Eesnimi.Perenimi on sinu kasutajatunnus arvutiklassides (suured/väikesed tähed õigesti, kui on lisanumbreid vms, siis need ka&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Nõuded:&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
# HTML rakendus vastab 2. praktikumitöö nõuetele, s.t võimaldab läbida loodava teenuse põhivoo algusest lõpuni, kus korduvad osad ja tsüklid on realiseeritud eraldiseisvate Vue komponentidena. (8p)&lt;br /&gt;
# Rakenduse sisu vastab tegelikkusele, s.t. [Pilt], [Pealkiri] ja [Tekst] on asendatud tegeliku sisuga (2p)&lt;br /&gt;
# Isegi kui tegelikku andmete salvestamist ei toimu on kogu sisend valideeritud. Vigast sisendit ei lubata salvestada ja kuvatakse kasutajale veateated, samuti teavitused õnnestunud sisendi puhul. (2p)&lt;br /&gt;
# Kasutatud on mõnda välist Vue/Reacti teeki või komponenti, nt. kalender (1p)&lt;br /&gt;
# Rakendus on ehitatud kasutades npm build-tööriistu (1p)&lt;br /&gt;
# Rakendus on realiseeritud ühelehelise (single page) rakendusena (1p)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Nõuandeid ja soovitusi:&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
Kui rakendus töötab teie lokaalses serveris, aga dijkstras ei leia õiged pathe, siis määrake vue-router komponendis &amp;#039;base&amp;#039; atribuutiks &amp;#039;/~uni-id/kasutajaliidesed/prax3&amp;#039; [https://router.vuejs.org/api/#base]. Vaikimisi suunab router linkidele juurkataloogis ehk base väärtus on &amp;#039;/&amp;#039;, aga Dijkstra serveris paikneb teie teenus alamkataloogis. Näide:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;code&amp;gt;&lt;br /&gt;
  const router = new VueRouter({&lt;br /&gt;
    base: &amp;#039;/~Martin.Verrev/kasutajaliidesed/prax3/&amp;#039;,&lt;br /&gt;
    routes: [&lt;br /&gt;
      { path: &amp;#039;/&amp;#039;, component: Home },&lt;br /&gt;
      { path: &amp;#039;/login&amp;#039;, component: Login },&lt;br /&gt;
      { path: &amp;#039;/about&amp;#039;, component: About }&lt;br /&gt;
    ]&lt;br /&gt;
  })&lt;br /&gt;
&amp;lt;/code&amp;gt;&lt;/div&gt;</summary>
		<author><name>Verrev</name></author>
	</entry>
</feed>