ITV0110 2. töö 2019: javascript ja css - Redigeerimiste ajalugu

Martinv – 16. oktoober 2019, kell 16:27

2019-10-16T16:27:40Z

←Vanem redaktsioon		Redaktsioon: 16. oktoober 2019, kell 18:27
26. rida:		26. rida:
	* Mängija peab soovi korral alati saama vaadata (kas kuvatakse alati pika ribana välja või avatakse nupule vajutades popup vms), mis ta senised skoorid on: esimese mängu punktid ja aeg, teise mängu punktid ja aeg jne.		* Mängija peab soovi korral alati saama vaadata (kas kuvatakse alati pika ribana välja või avatakse nupule vajutades popup vms), mis ta senised skoorid on: esimese mängu punktid ja aeg, teise mängu punktid ja aeg jne.
	* Arvesta, et sõltumatult keerukusvariandist peab kaardipakk olema selline, et samadeks loetavaid kaarte on pakis igat ainult üks paar. Näiteks, kui samadeks loetakse kaarte sõltumata mastist ja värvist, siis ei saa kasutada 52-st pakki, vaid ainult 26-st pakki või väiksemat. Kui samadeks loetakse kaarte, mison sama sorti ja värvi, saab kasutada 52-st pakki.		* Arvesta, et sõltumatult keerukusvariandist peab kaardipakk olema selline, et samadeks loetavaid kaarte on pakis igat ainult üks paar. Näiteks, kui samadeks loetakse kaarte sõltumata mastist ja värvist, siis ei saa kasutada 52-st pakki, vaid ainult 26-st pakki või väiksemat. Kui samadeks loetakse kaarte, mison sama sorti ja värvi, saab kasutada 52-st pakki.


	Mängija eesmärgiks on saada võimalikult vähe miinuspunkte ja/või tühjendada laud võimalikult kiiresti.		Mängija eesmärgiks on saada võimalikult vähe miinuspunkte ja/või tühjendada laud võimalikult kiiresti.



	Kaartidena võid kasutada näiteks [https://codepen.io/SufferMyJoy/pen/dPEReN faile siit] või [https://github.com/hazardland/game.android siit] projektist , mida ei tasu tükkideks lõigata,		Kaartidena võid kasutada näiteks [https://codepen.io/SufferMyJoy/pen/dPEReN faile siit] või [https://github.com/hazardland/game.android siit] projektist , mida ei tasu tükkideks lõigata,
36. rida:		33. rida:

	Ei ole keelatud ka teistsuguste kaardipiltide kasutamine, mh on mitmeid projekte, kus kaardipildid on joonistatud puhtalt css-ga.		Ei ole keelatud ka teistsuguste kaardipiltide kasutamine, mh on mitmeid projekte, kus kaardipildid on joonistatud puhtalt css-ga.

			Tee programm kõigepealt valmis oma arvutis ja seejärel riputa kogu materjal - html, css, javascript ja pildid - serverisse. TTÜ serveri (dijkstra) ligipääsu- ja kasutamisõpetust loe altpoolt.


	~~Tee programm kõigepealt valmis oma arvutis ja seejärel riputa kogu materjal - html, css, javascript ja pildid - serverisse. TTÜ serveri (dijkstra) ligipääsu- ja kasutamisõpetust loe altpoolt.~~

	== Mis järjekorras rakenduse osi teha ==		== Mis järjekorras rakenduse osi teha ==
91. rida:		89. rida:

	Ei ole OK kasutada süsteeme nagu typescript, mis kompileerivad sinu lähtekoodi javascriptiks: see muudaks juhendajate töö liiga raskeks.		Ei ole OK kasutada süsteeme nagu typescript, mis kompileerivad sinu lähtekoodi javascriptiks: see muudaks juhendajate töö liiga raskeks.

			<b>Minimaalselt</b> peab kaitsmisele esitatav töö võimaldama ilma vigadeta mängu läbimängimist. Juhul kui seda teha ei saa siis tööd kaitsmisele ei võeta.

	== Dijkstra server ==		== Dijkstra server ==

Martinv – 14. oktoober 2019, kell 15:08

2019-10-14T15:08:54Z

←Vanem redaktsioon		Redaktsioon: 14. oktoober 2019, kell 17:08
25. rida:		25. rida:
	* Kui kõik kaardid lõpuks avatud, siis kuva mängijale eraldi selgelt välja tulemus (punktid ja kulunud aeg), salvesta mõlemad ja lase tal uut mängu alustada.		* Kui kõik kaardid lõpuks avatud, siis kuva mängijale eraldi selgelt välja tulemus (punktid ja kulunud aeg), salvesta mõlemad ja lase tal uut mängu alustada.
	* Mängija peab soovi korral alati saama vaadata (kas kuvatakse alati pika ribana välja või avatakse nupule vajutades popup vms), mis ta senised skoorid on: esimese mängu punktid ja aeg, teise mängu punktid ja aeg jne.		* Mängija peab soovi korral alati saama vaadata (kas kuvatakse alati pika ribana välja või avatakse nupule vajutades popup vms), mis ta senised skoorid on: esimese mängu punktid ja aeg, teise mängu punktid ja aeg jne.
	* Arvesta, et sõltumatult keerukusvariandist peab kaardipakk olema selline, et samadeks loetavaid		* Arvesta, et sõltumatult keerukusvariandist peab kaardipakk olema selline, et samadeks loetavaid kaarte on pakis igat ainult üks paar. Näiteks, kui samadeks loetakse kaarte sõltumata mastist ja värvist, siis ei saa kasutada 52-st pakki, vaid ainult 26-st pakki või väiksemat. Kui samadeks loetakse kaarte, mison sama sorti ja värvi, saab kasutada 52-st pakki.
	kaarte on pakis igat ainult üks paar. Näiteks, kui samadeks loetakse kaarte sõltumata mastist ja värvist,
	siis ei saa kasutada 52-st pakki, vaid ainult 26-st pakki või väiksemat. Kui samadeks loetakse kaarte, ~~mis~~
	on sama sorti ja värvi, saab kasutada 52-st pakki.

	Mängija eesmärgiks on saada võimalikult vähe miinuspunkte ja/või tühjendada laud võimalikult kiiresti.		Mängija eesmärgiks on saada võimalikult vähe miinuspunkte ja/või tühjendada laud võimalikult kiiresti.
39. rida:		37. rida:
	Ei ole keelatud ka teistsuguste kaardipiltide kasutamine, mh on mitmeid projekte, kus kaardipildid on joonistatud puhtalt css-ga.		Ei ole keelatud ka teistsuguste kaardipiltide kasutamine, mh on mitmeid projekte, kus kaardipildid on joonistatud puhtalt css-ga.

	Info paigutus ekraanil peab olema stabiilne, tekst/kaardid ei tohi hüpata vahel ühte, vahel teise kohta. Leht peab olema selge, arusaadava ja kena disainiga, mõttetut/segast infot ja arusaamist raskendavaid kujunduselemente ära kasuta. Arvesta kindlasti [[htmli kujunduse üldpõhimõtted\| selle juhendi soovitustega]].

	Tee programm kõigepealt valmis oma arvutis ja seejärel riputa kogu materjal - html, css, javascript ja pildid - serverisse. TTÜ serveri (dijkstra) ligipääsu- ja kasutamisõpetust loe altpoolt.		Tee programm kõigepealt valmis oma arvutis ja seejärel riputa kogu materjal - html, css, javascript ja pildid - serverisse. TTÜ serveri (dijkstra) ligipääsu- ja kasutamisõpetust loe altpoolt.
55. rida:		52. rida:
	** Teine variant, mis on veidi keerulisem, aga väldib copy-paste ja on palju lihtsam hallata, on järgmine: ehita need kaartide tabelid või div-hulgad javascriptis. Selleks ehita javascriptis tsükliga pikk html string, mille siis lisad lehel mõne div-i innerHTML omaduseks.		** Teine variant, mis on veidi keerulisem, aga väldib copy-paste ja on palju lihtsam hallata, on järgmine: ehita need kaartide tabelid või div-hulgad javascriptis. Selleks ehita javascriptis tsükliga pikk html string, mille siis lisad lehel mõne div-i innerHTML omaduseks.
	* Nüüd on sul peaaegu kogu rakendus olemas! Jätka ülesandes kirjeldatud väikeste kellade ja vilede ehitamist ja tee oma lehekülg ilusaks.		* Nüüd on sul peaaegu kogu rakendus olemas! Jätka ülesandes kirjeldatud väikeste kellade ja vilede ehitamist ja tee oma lehekülg ilusaks.
			* Info paigutus ekraanil peab olema stabiilne, tekst/kaardid ei tohi hüpata vahel ühte, vahel teise kohta. Leht peab olema selge, arusaadava ja kena disainiga, mõttetut/segast infot ja arusaamist raskendavaid kujunduselemente ära kasuta. Arvesta kindlasti [[htmli kujunduse üldpõhimõtted\| selle juhendi soovitustega]].

	Arvesta, et kui sa kõiki ülesande osi ei jõua teha, aga mäng põhimõtteliselt mingi kaardipakiga töötab, saad praktikumi arvestatud, lihtsalt punkte saad vastavalt vähem. Seega on peaasi teha <b>kõigepealt valmis lihtne töötav variant</b> ilma ülesandes toodud kõigi kellade ja viledeta, ja alles seejärel asuda oma programmi täiustama.		Arvesta, et kui sa kõiki ülesande osi ei jõua teha, aga mäng põhimõtteliselt mingi kaardipakiga töötab, saad praktikumi arvestatud, lihtsalt punkte saad vastavalt vähem. Seega on peaasi teha <b>kõigepealt valmis lihtne töötav variant</b> ilma ülesandes toodud kõigi kellade ja viledeta, ja alles seejärel asuda oma programmi täiustama.

Martinv: /* Mida tuleb teha */

2019-10-14T15:07:54Z

Mida tuleb teha

←Vanem redaktsioon		Redaktsioon: 14. oktoober 2019, kell 17:07
25. rida:		25. rida:
	* Kui kõik kaardid lõpuks avatud, siis kuva mängijale eraldi selgelt välja tulemus (punktid ja kulunud aeg), salvesta mõlemad ja lase tal uut mängu alustada.		* Kui kõik kaardid lõpuks avatud, siis kuva mängijale eraldi selgelt välja tulemus (punktid ja kulunud aeg), salvesta mõlemad ja lase tal uut mängu alustada.
	* Mängija peab soovi korral alati saama vaadata (kas kuvatakse alati pika ribana välja või avatakse nupule vajutades popup vms), mis ta senised skoorid on: esimese mängu punktid ja aeg, teise mängu punktid ja aeg jne.		* Mängija peab soovi korral alati saama vaadata (kas kuvatakse alati pika ribana välja või avatakse nupule vajutades popup vms), mis ta senised skoorid on: esimese mängu punktid ja aeg, teise mängu punktid ja aeg jne.
	~~<!--~~		* Arvesta, et sõltumatult keerukusvariandist peab kaardipakk olema selline, et samadeks loetavaid
	* Kui ehitad punktide ja ~~aja järjestikuste skooride näitamiseks graafiku~~, ~~saad lisapunkte (see~~ ei ~~ole kohustuslik teha). Seejuures on soovitav~~ kasutada ~~[http://www~~.~~flotcharts.org/ flotcharts] teeki (eeldab [http://jquery.com/ jquery] kasutamist)~~, ~~kui eriti mugavat~~ ja ~~kena tasuta teeki~~.		kaarte on pakis igat ainult üks paar. Näiteks, kui samadeks loetakse kaarte sõltumata mastist ja värvist,
	~~-->~~		siis ei saa kasutada 52-st pakki, vaid ainult 26-st pakki või väiksemat. Kui samadeks loetakse kaarte, mis
			on sama sorti ja värvi, saab kasutada 52-st pakki.

	Mängija eesmärgiks on saada võimalikult vähe miinuspunkte ja/või tühjendada laud võimalikult kiiresti.		Mängija eesmärgiks on saada võimalikult vähe miinuspunkte ja/või tühjendada laud võimalikult kiiresti.

36. rida:		38. rida:

	Ei ole keelatud ka teistsuguste kaardipiltide kasutamine, mh on mitmeid projekte, kus kaardipildid on joonistatud puhtalt css-ga.		Ei ole keelatud ka teistsuguste kaardipiltide kasutamine, mh on mitmeid projekte, kus kaardipildid on joonistatud puhtalt css-ga.

	~~Arvesta, et sõltumatult keerukusvariandist peab kaardipakk olema selline, et samadeks loetavaid~~
	~~kaarte on pakis igat ainult üks paar. Näiteks, kui samadeks loetakse kaarte sõltumata mastist ja värvist,~~
	~~siis ei saa kasutada 52-st pakki, vaid ainult 26-st pakki või väiksemat. Kui samadeks loetakse kaarte, mis~~
	~~on sama sorti ja värvi, saab kasutada 52-st pakki.~~

	Info paigutus ekraanil peab olema stabiilne, tekst/kaardid ei tohi hüpata vahel ühte, vahel teise kohta. Leht peab olema selge, arusaadava ja kena disainiga, mõttetut/segast infot ja arusaamist raskendavaid kujunduselemente ära kasuta. Arvesta kindlasti [[htmli kujunduse üldpõhimõtted\| selle juhendi soovitustega]].		Info paigutus ekraanil peab olema stabiilne, tekst/kaardid ei tohi hüpata vahel ühte, vahel teise kohta. Leht peab olema selge, arusaadava ja kena disainiga, mõttetut/segast infot ja arusaamist raskendavaid kujunduselemente ära kasuta. Arvesta kindlasti [[htmli kujunduse üldpõhimõtted\| selle juhendi soovitustega]].

Martinv: /* Mida tuleb teha */

2019-10-03T05:59:17Z

Mida tuleb teha

←Vanem redaktsioon		Redaktsioon: 3. oktoober 2019, kell 07:59
25. rida:		25. rida:
	* Kui kõik kaardid lõpuks avatud, siis kuva mängijale eraldi selgelt välja tulemus (punktid ja kulunud aeg), salvesta mõlemad ja lase tal uut mängu alustada.		* Kui kõik kaardid lõpuks avatud, siis kuva mängijale eraldi selgelt välja tulemus (punktid ja kulunud aeg), salvesta mõlemad ja lase tal uut mängu alustada.
	* Mängija peab soovi korral alati saama vaadata (kas kuvatakse alati pika ribana välja või avatakse nupule vajutades popup vms), mis ta senised skoorid on: esimese mängu punktid ja aeg, teise mängu punktid ja aeg jne.		* Mängija peab soovi korral alati saama vaadata (kas kuvatakse alati pika ribana välja või avatakse nupule vajutades popup vms), mis ta senised skoorid on: esimese mängu punktid ja aeg, teise mängu punktid ja aeg jne.
			<!--
	* Kui ehitad punktide ja aja järjestikuste skooride näitamiseks graafiku, saad lisapunkte (see ei ole kohustuslik teha). Seejuures on soovitav kasutada [http://www.flotcharts.org/ flotcharts] teeki (eeldab [http://jquery.com/ jquery] kasutamist), kui eriti mugavat ja kena tasuta teeki.		* Kui ehitad punktide ja aja järjestikuste skooride näitamiseks graafiku, saad lisapunkte (see ei ole kohustuslik teha). Seejuures on soovitav kasutada [http://www.flotcharts.org/ flotcharts] teeki (eeldab [http://jquery.com/ jquery] kasutamist), kui eriti mugavat ja kena tasuta teeki.
			-->
	Mängija eesmärgiks on saada võimalikult vähe miinuspunkte ja/või tühjendada laud võimalikult kiiresti.		Mängija eesmärgiks on saada võimalikult vähe miinuspunkte ja/või tühjendada laud võimalikult kiiresti.

Martinv – 2. oktoober 2019, kell 20:46

2019-10-02T20:46:02Z

←Vanem redaktsioon		Redaktsioon: 2. oktoober 2019, kell 22:46
31. rida:		31. rida:


	Kaartidena võid kasutada näiteks [https://codepen.io/SufferMyJoy/pen/dPEReN faile siit projektist], mida ei tasu tükkideks lõigata,		Kaartidena võid kasutada näiteks [https://codepen.io/SufferMyJoy/pen/dPEReN faile siit] või [https://github.com/hazardland/game.android siit] projektist , mida ei tasu tükkideks lõigata,
	vaid kuvada iga kaart kui väike osa pildifailist ([http://www.w3schools.com/css/css_image_sprites.asp seda saab teha css-ga]). Spritesheetide kasutamise õpetuse leiad ka näiteks siit: https://spin.atomicobject.com/2013/02/22/css-sprite-semantics-scaleability/		vaid kuvada iga kaart kui väike osa pildifailist ([http://www.w3schools.com/css/css_image_sprites.asp seda saab teha css-ga]). Spritesheetide kasutamise õpetuse leiad ka näiteks siit: https://spin.atomicobject.com/2013/02/22/css-sprite-semantics-scaleability/

Martinv: /* Mida tuleb teha */

2019-10-02T20:10:29Z

Mida tuleb teha

←Vanem redaktsioon		Redaktsioon: 2. oktoober 2019, kell 22:10
31. rida:		31. rida:


	Kaartidena võid kasutada näiteks [https://~~github~~.~~com~~/~~hayeah~~/~~playing-cards-assets~~/ faile siit projektist], mida ei tasu tükkideks lõigata,		Kaartidena võid kasutada näiteks [https://codepen.io/SufferMyJoy/pen/dPEReN faile siit projektist], mida ei tasu tükkideks lõigata,
	vaid kuvada iga kaart kui väike osa pildifailist ([http://www.w3schools.com/css/css_image_sprites.asp seda saab teha css-ga]). Spritesheetide kasutamise õpetuse leiad ka näiteks siit: https://spin.atomicobject.com/2013/02/22/css-sprite-semantics-scaleability/		vaid kuvada iga kaart kui väike osa pildifailist ([http://www.w3schools.com/css/css_image_sprites.asp seda saab teha css-ga]). Spritesheetide kasutamise õpetuse leiad ka näiteks siit: https://spin.atomicobject.com/2013/02/22/css-sprite-semantics-scaleability/

Martinv: /* Mida tuleb teha */

2019-10-02T20:00:05Z

Mida tuleb teha

←Vanem redaktsioon		Redaktsioon: 2. oktoober 2019, kell 22:00
33. rida:		33. rida:
	Kaartidena võid kasutada näiteks [https://github.com/hayeah/playing-cards-assets/ faile siit projektist], mida ei tasu tükkideks lõigata,		Kaartidena võid kasutada näiteks [https://github.com/hayeah/playing-cards-assets/ faile siit projektist], mida ei tasu tükkideks lõigata,
	vaid kuvada iga kaart kui väike osa pildifailist ([http://www.w3schools.com/css/css_image_sprites.asp seda saab teha css-ga]). Spritesheetide kasutamise õpetuse leiad ka näiteks siit: https://spin.atomicobject.com/2013/02/22/css-sprite-semantics-scaleability/		vaid kuvada iga kaart kui väike osa pildifailist ([http://www.w3schools.com/css/css_image_sprites.asp seda saab teha css-ga]). Spritesheetide kasutamise õpetuse leiad ka näiteks siit: https://spin.atomicobject.com/2013/02/22/css-sprite-semantics-scaleability/

	Ei ole keelatud ka teistsuguste kaardipiltide kasutamine, mh on mitmeid projekte, kus kaardipildid on joonistatud puhtalt css-ga.		Ei ole keelatud ka teistsuguste kaardipiltide kasutamine, mh on mitmeid projekte, kus kaardipildid on joonistatud puhtalt css-ga.

Martinv: /* Mida tuleb teha */

2019-10-02T19:59:42Z

Mida tuleb teha

←Vanem redaktsioon		Redaktsioon: 2. oktoober 2019, kell 21:59
32. rida:		32. rida:

	Kaartidena võid kasutada näiteks [https://github.com/hayeah/playing-cards-assets/ faile siit projektist], mida ei tasu tükkideks lõigata,		Kaartidena võid kasutada näiteks [https://github.com/hayeah/playing-cards-assets/ faile siit projektist], mida ei tasu tükkideks lõigata,
	vaid kuvada iga kaart kui väike osa pildifailist ([http://www.w3schools.com/css/css_image_sprites.asp seda saab teha css-ga]).		vaid kuvada iga kaart kui väike osa pildifailist ([http://www.w3schools.com/css/css_image_sprites.asp seda saab teha css-ga]). Spritesheetide kasutamise õpetuse leiad ka näiteks siit: https://spin.atomicobject.com/2013/02/22/css-sprite-semantics-scaleability/
	Ei ole keelatud ka teistsuguste kaardipiltide kasutamine, mh on mitmeid projekte, kus kaardipildid on joonistatud puhtalt css-ga.		Ei ole keelatud ka teistsuguste kaardipiltide kasutamine, mh on mitmeid projekte, kus kaardipildid on joonistatud puhtalt css-ga.

Martinv: /* Mida tuleb teha */

2019-10-02T19:52:04Z

Mida tuleb teha

←Vanem redaktsioon		Redaktsioon: 2. oktoober 2019, kell 21:52
13. rida:		13. rida:
	Mäng ise tuleb realiseerida järgmisel viisil (ehk, täpselt need asjad tuleb teha,ning kui mäng töötab, aga mõned vähemkriitilised asjad puudu, saad ikkagi arvestatud, lihtsalt saad veidi vähem punkte). Mistahes toredad lisandused on lubatud. Reeglid ja nõuded siis siin:		Mäng ise tuleb realiseerida järgmisel viisil (ehk, täpselt need asjad tuleb teha,ning kui mäng töötab, aga mõned vähemkriitilised asjad puudu, saad ikkagi arvestatud, lihtsalt saad veidi vähem punkte). Mistahes toredad lisandused on lubatud. Reeglid ja nõuded siis siin:

	* Kaartideks on N mängukaarti, kus on N on 2, 16, 26 või 52. Alguses peab saama valida, mis variandi võtad, samuti, mismoodi samasust arvestatakse.		* Kaartideks on N mängukaarti, kus on N on 6, 16, 26 või 52. Alguses peab saama valida, mis variandi võtad, samuti, mismoodi samasust arvestatakse.
	* Kasutajal peab alati olema näha nupp "Alusta uut mängu", millele vajutades algabki uus mäng.		* Kasutajal peab alati olema näha nupp "Alusta uut mängu", millele vajutades algabki uus mäng.
	* Algul kuvatakse ekraanile hulk kaarte ruudu või ristkülikuna, kõik tagurpidi. Kaardid peab sinu programm iga mängu eel ära segama, st juhuslikku järjekorda panema.		* Algul kuvatakse ekraanile hulk kaarte ruudu või ristkülikuna, kõik tagurpidi. Kaardid peab sinu programm iga mängu eel ära segama, st juhuslikku järjekorda panema.

Martinv: /* Mida tuleb teha */

2019-10-02T19:51:07Z

Mida tuleb teha

←Vanem redaktsioon		Redaktsioon: 2. oktoober 2019, kell 21:51
29. rida:		29. rida:
	Mängija eesmärgiks on saada võimalikult vähe miinuspunkte ja/või tühjendada laud võimalikult kiiresti.		Mängija eesmärgiks on saada võimalikult vähe miinuspunkte ja/või tühjendada laud võimalikult kiiresti.

	Kaartidena võid kasutada näiteks [~~http~~://~~www.jfitz~~.com/cards/ ~~neid suuri pildifaile~~], mida ei tasu tükkideks lõigata,

			Kaartidena võid kasutada näiteks [https://github.com/hayeah/playing-cards-assets/ faile siit projektist], mida ei tasu tükkideks lõigata,
	vaid kuvada iga kaart kui väike osa pildifailist ([http://www.w3schools.com/css/css_image_sprites.asp seda saab teha css-ga]).		vaid kuvada iga kaart kui väike osa pildifailist ([http://www.w3schools.com/css/css_image_sprites.asp seda saab teha css-ga]).
	Ei ole keelatud ka teistsuguste kaardipiltide kasutamine, mh on mitmeid projekte, kus kaardipildid on joonistatud		Ei ole keelatud ka teistsuguste kaardipiltide kasutamine, mh on mitmeid projekte, kus kaardipildid on joonistatud puhtalt css-ga.
	puhtalt css-ga.

	Arvesta, et sõltumatult keerukusvariandist peab kaardipakk olema selline, et samadeks loetavaid		Arvesta, et sõltumatult keerukusvariandist peab kaardipakk olema selline, et samadeks loetavaid