UI:Printsipiaalsed alkeemikud - Redigeerimiste ajalugu

Irve: /* Ülesanne */

2018-04-25T08:39:43Z

Ülesanne

Irve: /* Viiteid */

2018-04-25T06:03:11Z

Viiteid

Irve – 25. aprill 2018, kell 05:45

2018-04-25T05:45:01Z

Irve: Uus lehekülg: '{{UI}} '''Kuidas suurema ja kasvamisohtliku programmi puhul veaohte ja veaparandamisele kuluvat aega kokku hoida? Üheks võimaluseks on tagada programmi oleku muutumine ainult k...'

2018-04-25T05:44:36Z

Uus lehekülg: '{{UI}} '''Kuidas suurema ja kasvamisohtliku programmi puhul veaohte ja veaparandamisele kuluvat aega kokku hoida? Üheks võimaluseks on tagada programmi oleku muutumine ainult k...'

Uus lehekülg

{{UI}}
'''Kuidas suurema ja kasvamisohtliku programmi puhul veaohte ja veaparandamisele kuluvat aega kokku hoida? Üheks võimaluseks on tagada programmi oleku muutumine ainult kindlate ja veidi rituaalsete põhimõtete abil.'''

==Ülesanne==

Ülesandeks on liides programmile, milles saame kohandada varasemast "Vaata, Koerad" programmist. Teeme liidese, mis näitab detailvaadet, nimekirja ja lisamisvormi alkeemikutele, kelle kohta hoiame rakenduses nime ja lemmik-elementi, mis mõlemad on vabatekstiväljad.

Näitena andmetest JS kujul võite kasutada järgmist nimekirja:
alchemistlist: [
{ id: 0, name: 'Hermes Trismegistus', fav:'Earth'},
{ id: 1, name: 'Ostanes', fav:'Fire'},
{ id: 2, name: 'Nicolas Flamel', fav:'Air'},
{ id: 3, name: 'Perenelle Flamel', fav:'Water'}
]

* Kohandage näidisprogramm kasutama Vuex printsiipe:
** Programmi olek kirjeldub keskses "store" nimelises Vuex.Store objektis.
** Store olekut muudab "mutator" või "action" (viimast kasutatakse asünkroontegevustele, seega hetkel ebavajalik)
** Store otse muutmist ei toimu.
* Lisaks sellele tekitage filtriga "getter", mis tagastab kõik vee-elemendi alkeemikud.

Vue jaoks on soovituslik Chrome'i või Firefoxi arendusplugin, mille abil näete komponentide sisemist olekut ning Vuex puhul store objekti muudatuste ajajoont. Selle kasutamine hoiab niigi nappi aega kokku. See ajajoon on osa "headusest" mida keskse andme-elemendi ehitamine meile annab.

==Alternatiiv==

Alternatiiv on kirjutada analoogne minirakendus mõnes teises teile teada-tuntud raamistikus, ent kasutades FLEX printsiipe või vastava keele loogikat. Teisisõnu kirjutage rakendus, millel on keskne mudeli muutmise dispetšer (dispatcher), mis reageerib tegevustele (action), mis omakorda muudavad vaateid (view). Vaade otse mudelit ei modifitseeri: vaatel on õigus mudeli muutmiseks läbi dispetšerile sadetud tegevuste. See nõuab veidi lugemist, seega on mõistlik keskenduda ainult nimekirjale, lisamisvormile ja võib-olla detailvaatele.

==Viiteid==

* Vue.js dokumentatsioon
* Vuex dokumentatsioon
* [https://facebook.github.io/flux/ FLUX] - pigem näitena, sest analoogseid arhitektuure on kindlasti veel

==Esitamine==
* Laadige töö dijkstrasse kataloogi "public_html/ui/praks9"
* kirjutage kiri, kus on töö klõpsitav aadress ja töö tegiate nimed ja täispikad tudengikoodid.
* saatke kiri oma praktikumi õppejõule erik.soekov@ttu.ee või jaagup.irve@ttu.ee (Mariliis jäi haigeks)

←Vanem redaktsioon		Redaktsioon: 25. aprill 2018, kell 08:39
21. rida:		21. rida:

	Vue jaoks on soovituslik Chrome'i või Firefoxi arendusplugin, mille abil näete komponentide sisemist olekut ning Vuex puhul store objekti muudatuste ajajoont. Selle kasutamine hoiab niigi nappi aega kokku. See ajajoon on osa "headusest" mida keskse andme-elemendi ehitamine meile annab.		Vue jaoks on soovituslik Chrome'i või Firefoxi arendusplugin, mille abil näete komponentide sisemist olekut ning Vuex puhul store objekti muudatuste ajajoont. Selle kasutamine hoiab niigi nappi aega kokku. See ajajoon on osa "headusest" mida keskse andme-elemendi ehitamine meile annab.
		+
		+	* [[Media:Ui-h9-clean.zip\|Baasfailid]]

	==Alternatiiv==		==Alternatiiv==

@@ 28. rida: / 28. rida: @@
 ==Viiteid==
-* Vue.js dokumentatsioon
+* [https://vuejs.org/v2/guide/index.html Vue.js dokumentatsioon]
-* Vuex dokumentatsioon
+* [https://vuex.vuejs.org/en/ Vuex dokumentatsioon]
 * [https://facebook.github.io/flux/ FLUX] - pigem näitena, sest analoogseid arhitektuure on kindlasti veel

@@ 1. rida: / 1. rida: @@
 {{UI}}
-'''Kuidas suurema ja kasvamisohtliku programmi puhul veaohte ja veaparandamisele kuluvat aega kokku hoida? Üheks võimaluseks on tagada programmi oleku muutumine ainult kindlate ja veidi rituaalsete põhimõtete abil.'''
+''Kuidas suurema ja kasvamisohtliku programmi puhul veaohte ja veaparandamisele kuluvat aega kokku hoida? Üheks võimaluseks on tagada programmi oleku muutumine ainult kindlate ja veidi rituaalsete põhimõtete abil.''
 ==Ülesanne==