UI:Nurgelised Koerad: erinevus redaktsioonide vahel
| (ei näidata sama kasutaja 2 vahepealset redaktsiooni) | |||
| 1. rida: | 1. rida: | ||
{{UI}}''See on veidi eklektiline harjutus, mille eesmärk on kinnistada Angulari põhimõtteid ja õppida juurde veidi "sõnavara". 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. | {{UI}}''See on veidi eklektiline harjutus, mille eesmärk on kinnistada Angulari põhimõtteid ja õppida juurde veidi "sõnavara". 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. | ||
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.'' | 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.'' | ||
== Ülesanne == | == Ülesanne == | ||
| 9. rida: | 9. rida: | ||
* Vaated liigenda eraldi mallidesse (template). | * Vaated liigenda eraldi mallidesse (template). | ||
* Vaadetele tee aadressid angular-route.js ja ng-view abil. | * Vaadetele tee aadressid angular-route.js ja ng-view abil. | ||
* Vormiväljade puhul kontrolli et nimi poleks tühi ja e-post vigane angulari $valid välja abil NING värvi väli mõistlikul moel (st kasutades ng-valid ng-invalid jne klasse) punaseks, kui kasutaja soovib andmeid lisada liiga vara. | * Vormiväljade puhul kontrolli et nimi poleks tühi ja e-post vigane angulari $valid välja abil NING värvi väli mõistlikul moel (st kasutades ng-valid ng-invalid jne klasse) punaseks, kui kasutaja soovib andmeid lisada liiga vara. | ||
* Takista vormivälja saatmine vea korral ning näita angulari mõttes mõistlikul moel ka veateateid (vt vormide dokumentatsioonist näidet). | |||
Rakenduse põhja saad siit [[meedia:ui-h3-clean.zip|ui-h3-clean.zip]] | Rakenduse põhja saad siit [[meedia:ui-h3-clean.zip|ui-h3-clean.zip]] | ||
| 16. rida: | 17. rida: | ||
* [https://docs.angularjs.org/api/ngRoute/provider/$routeProvider angular.js - routeProvider seadistamine] | * [https://docs.angularjs.org/api/ngRoute/provider/$routeProvider angular.js - routeProvider seadistamine] | ||
* [https://docs.angularjs.org/guide/directive angular.js - Direktiivid] | * [https://docs.angularjs.org/guide/directive angular.js - Direktiivid] | ||
* [https://docs.angularjs.org/tutorial/step_07 - routeProvider näide] | * [https://docs.angularjs.org/tutorial/step_07 angular.js - routeProvider näide] | ||
* [https://docs.angularjs.org/guide/forms angular.js - Vormid] | * [https://docs.angularjs.org/guide/forms angular.js - Vormid] | ||
Viimane redaktsioon: 19. märts 2015, kell 15:42
| Leht kuulub aine Kasutajaliidesed juurde. |
See on veidi eklektiline harjutus, mille eesmärk on kinnistada Angulari põhimõtteid ja õppida juurde veidi "sõnavara". Kuna me kõik teame et internetis on kõik koerad, on sellel harjutusel selline nimi.
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.
Ülesanne
Loe kogu ülesanne hoolega läbi. Kirjuta angulari rakendus, mis loob nimekirja nimedest ja e-posti aadressidest. Sisuliselt nagu kassid ja nende aastad, aga tee kolm vaadet: nimekiri, detailvaade ning lisamisvaade.
- Vaated liigenda eraldi mallidesse (template).
- Vaadetele tee aadressid angular-route.js ja ng-view abil.
- Vormiväljade puhul kontrolli et nimi poleks tühi ja e-post vigane angulari $valid välja abil NING värvi väli mõistlikul moel (st kasutades ng-valid ng-invalid jne klasse) punaseks, kui kasutaja soovib andmeid lisada liiga vara.
- Takista vormivälja saatmine vea korral ning näita angulari mõttes mõistlikul moel ka veateateid (vt vormide dokumentatsioonist näidet).
Rakenduse põhja saad siit ui-h3-clean.zip
Lisainfo
- angular.js - routeProvider seadistamine
- angular.js - Direktiivid
- angular.js - routeProvider näide
- angular.js - Vormid
Esitamine
- Salvestage töö arvutiklassi W: kettale või veebi.
- Saatke e-post jaagup.irve@ttu.ee aadressil, mille teemarida on "UI:Nurgelised Koerad" (mis on oluline, sest sortimine!), ning milles on teie töö aadress.
NB: Arvutiklasside veebiketastel leiduv on nähtav aadressil: http://www.tud.ttu.ee/web/Teie.Kasutajanimi/ ja vajab index.html faili (ning ärge unustage suuri tähti). Hindamise sissekandmisel on kasu ka ka autorite nimedest!