ITV0110 2. töö 2016: CSS, javascript - Redigeerimiste ajalugu

Tammet: /* Kohustuslikud ja mittekohustuslikud osad ja punktiarvestus */

2016-09-13T07:41:34Z

Kohustuslikud ja mittekohustuslikud osad ja punktiarvestus

←Vanem redaktsioon		Redaktsioon: 13. september 2016, kell 09:41
36. rida:		36. rida:
	** kasutad ära ruumi ekraani vasakust äärest parema äären (väike margin peaks muidugi olema).		** kasutad ära ruumi ekraani vasakust äärest parema äären (väike margin peaks muidugi olema).
	** Suure display variant ja mobiilivariant on sama lähtekoodiga, mitte kaks täiesti erinevat lehte.		** Suure display variant ja mobiilivariant on sama lähtekoodiga, mitte kaks täiesti erinevat lehte.
	** Suure display paigutus (tavapaigutus) on teistsugune, kui mobiilipaigus, kindlasti ses mõttes, et tavapaigutuses ei raisata liiga palju ruumi, nupud, fondid jne pole liiga suured, ~~maatriksid~~ on kõrvuti (mobiilis üksteise all) ja scrollida pole üldse vaja, ka mitte üles-alla.		** Suure display paigutus (tavapaigutus) on teistsugune, kui mobiilipaigus, kindlasti ses mõttes, et tavapaigutuses ei raisata liiga palju ruumi, nupud, fondid jne pole liiga suured, käigupildid, tulemuste tabel jne on kõrvuti (mobiilis üksteise all) ja scrollida pole üldse vaja, ka mitte üles-alla.
	* 1 lisapunkt ja lisaülesanne on veel varuks: see täpsustub lähiajal.		* 1 lisapunkt ja lisaülesanne on veel varuks: see täpsustub lähiajal.

Tammet: /* Kohustuslikud ja mittekohustuslikud osad ja punktiarvestus */

2016-09-13T07:40:53Z

Kohustuslikud ja mittekohustuslikud osad ja punktiarvestus

←Vanem redaktsioon		Redaktsioon: 13. september 2016, kell 09:40
34. rida:		34. rida:
	** Sisse zoomida ei ole vaja ja parem, kui ei saagi.		** Sisse zoomida ei ole vaja ja parem, kui ei saagi.
	** Paremale-vasakule scrollida ei saa, kõik scrollimine on ülevalt alla.		** Paremale-vasakule scrollida ei saa, kõik scrollimine on ülevalt alla.
	** ~~Maatriks on enamvähem lehe~~ vasakust äärest parema ~~ääreni~~.		** kasutad ära ruumi ekraani vasakust äärest parema äären (väike margin peaks muidugi olema).
	** Suure display variant ja mobiilivariant on sama lähtekoodiga, mitte kaks täiesti erinevat lehte.		** Suure display variant ja mobiilivariant on sama lähtekoodiga, mitte kaks täiesti erinevat lehte.
	** Suure display paigutus (tavapaigutus) on teistsugune, kui mobiilipaigus, kindlasti ses mõttes, et tavapaigutuses ei raisata liiga palju ruumi, nupud, fondid jne pole liiga suured, maatriksid on kõrvuti (mobiilis üksteise all) ja scrollida pole üldse vaja, ka mitte üles-alla.		** Suure display paigutus (tavapaigutus) on teistsugune, kui mobiilipaigus, kindlasti ses mõttes, et tavapaigutuses ei raisata liiga palju ruumi, nupud, fondid jne pole liiga suured, maatriksid on kõrvuti (mobiilis üksteise all) ja scrollida pole üldse vaja, ka mitte üles-alla.

Tammet: /* Mobiiliversioon ehk responsive design */

2016-09-13T07:38:39Z

Mobiiliversioon ehk responsive design

←Vanem redaktsioon		Redaktsioon: 13. september 2016, kell 09:38
40. rida:		40. rida:

	== Mobiiliversioon ehk responsive design ==		== Mobiiliversioon ehk responsive design ==

			Mobiiliversioon ei ole kohustuslik: jända sellega siis, kui mäng juba ok töötab.

	Loe kõigepealt läbi [http://www.thesitewizard.com/css/mobile-friendly-responsive-design.shtml see sissejuhatus], siis vaata [http://www.w3schools.com/w3css/w3css_mobile.asp w3schoolsi näiteid] ja jätkuks võid lugeda veel [https://www.smashingmagazine.com/2010/07/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/ media query] kohta.		Loe kõigepealt läbi [http://www.thesitewizard.com/css/mobile-friendly-responsive-design.shtml see sissejuhatus], siis vaata [http://www.w3schools.com/w3css/w3css_mobile.asp w3schoolsi näiteid] ja jätkuks võid lugeda veel [https://www.smashingmagazine.com/2010/07/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/ media query] kohta.

Tammet – 13. september 2016, kell 07:38

2016-09-13T07:38:12Z

←Vanem redaktsioon		Redaktsioon: 13. september 2016, kell 09:38
38. rida:		38. rida:
	** Suure display paigutus (tavapaigutus) on teistsugune, kui mobiilipaigus, kindlasti ses mõttes, et tavapaigutuses ei raisata liiga palju ruumi, nupud, fondid jne pole liiga suured, maatriksid on kõrvuti (mobiilis üksteise all) ja scrollida pole üldse vaja, ka mitte üles-alla.		** Suure display paigutus (tavapaigutus) on teistsugune, kui mobiilipaigus, kindlasti ses mõttes, et tavapaigutuses ei raisata liiga palju ruumi, nupud, fondid jne pole liiga suured, maatriksid on kõrvuti (mobiilis üksteise all) ja scrollida pole üldse vaja, ka mitte üles-alla.
	* 1 lisapunkt ja lisaülesanne on veel varuks: see täpsustub lähiajal.		* 1 lisapunkt ja lisaülesanne on veel varuks: see täpsustub lähiajal.

			== Mobiiliversioon ehk responsive design ==

			Loe kõigepealt läbi [http://www.thesitewizard.com/css/mobile-friendly-responsive-design.shtml see sissejuhatus], siis vaata [http://www.w3schools.com/w3css/w3css_mobile.asp w3schoolsi näiteid] ja jätkuks võid lugeda veel [https://www.smashingmagazine.com/2010/07/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/ media query] kohta.

			Kursuse põhilehel on samuti lisaks linke mõistlikele tutorialitele ja näidetele.

	== Koodist arusaamine ja plagiaadikontroll ==		== Koodist arusaamine ja plagiaadikontroll ==

Tammet: /* Soovitusi javascripti osas */

2016-09-13T07:26:08Z

Soovitusi javascripti osas

←Vanem redaktsioon		Redaktsioon: 13. september 2016, kell 09:26
91. rida:		91. rida:

	Üks esimesi asju, mida su javascripti kood peaks tegema, on mängija käikude salvestamine. Hea mõte on iga käik panna massiivi - ehk listi - alustades positsioonist 0, seejärel 1 jne jne. Selleks on hea kasutada		Üks esimesi asju, mida su javascripti kood peaks tegema, on mängija käikude salvestamine. Hea mõte on iga käik panna massiivi - ehk listi - alustades positsioonist 0, seejärel 1 jne jne. Selleks on hea kasutada
	[http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_push push] meetodit. Array arr pikkuse saad nii: arr.length . Lisaks vaata kindlasti array meetodeid [http://www.w3schools.com/jsref/jsref_obj_array.asp siit]		[http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_push push] meetodit. Array arr pikkuse saad nii: arr.length . Lisaks vaata kindlasti array meetodeid [http://www.w3schools.com/js/js_arrays.asp siit] ja [http://www.w3schools.com/jsref/jsref_obj_array.asp siit]

	Pea silmas ka, et javascripti array on praktiliselt sama asi, mis javascripti [http://www.w3schools.com/js/js_objects.asp objekt] ja kõik array elemendid on objekti positsiooni-nimel olevad väärtused, ehk arr.miski on sama, mis arr['miski'].		Pea silmas ka, et javascripti array on praktiliselt sama asi, mis javascripti [http://www.w3schools.com/js/js_objects.asp objekt] ja kõik array elemendid on objekti positsiooni-nimel olevad väärtused, ehk arr.miski on sama, mis arr['miski'].

Tammet: /* Soovitusi javascripti osas */

2016-09-13T07:25:14Z

Soovitusi javascripti osas

←Vanem redaktsioon		Redaktsioon: 13. september 2016, kell 09:25
93. rida:		93. rida:
	[http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_push push] meetodit. Array arr pikkuse saad nii: arr.length . Lisaks vaata kindlasti array meetodeid [http://www.w3schools.com/jsref/jsref_obj_array.asp siit]		[http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_push push] meetodit. Array arr pikkuse saad nii: arr.length . Lisaks vaata kindlasti array meetodeid [http://www.w3schools.com/jsref/jsref_obj_array.asp siit]

	Pea silmas ka, et javascripti array on praktiliselt sama asi, mis javascripti [http://www.w3schools.com/js/~~js_obj_intro~~.asp objekt] ja kõik array elemendid on objekti positsiooni-nimel olevad väärtused, ehk arr.miski on sama, mis arr['miski'].		Pea silmas ka, et javascripti array on praktiliselt sama asi, mis javascripti [http://www.w3schools.com/js/js_objects.asp objekt] ja kõik array elemendid on objekti positsiooni-nimel olevad väärtused, ehk arr.miski on sama, mis arr['miski'].

	Kui tahad näiteks hoida oma ja vastase käiku ja tulemust ühel massiivireal - hea mõte - saad panna käikude massiivi lihtsalt kolmeelemendilisi objekte näiteks nii:		Kui tahad näiteks hoida oma ja vastase käiku ja tulemust ühel massiivireal - hea mõte - saad panna käikude massiivi lihtsalt kolmeelemendilisi objekte näiteks nii:

Tammet: /* Soovitusi javascripti osas */

2016-09-13T07:24:20Z

Soovitusi javascripti osas

←Vanem redaktsioon		Redaktsioon: 13. september 2016, kell 09:24
91. rida:		91. rida:

	Üks esimesi asju, mida su javascripti kood peaks tegema, on mängija käikude salvestamine. Hea mõte on iga käik panna massiivi - ehk listi - alustades positsioonist 0, seejärel 1 jne jne. Selleks on hea kasutada		Üks esimesi asju, mida su javascripti kood peaks tegema, on mängija käikude salvestamine. Hea mõte on iga käik panna massiivi - ehk listi - alustades positsioonist 0, seejärel 1 jne jne. Selleks on hea kasutada
	[http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_push push] meetodit. Array arr pikkuse saad nii: arr.length . Lisaks vaata kindlasti array meetodeid ~~[http://www.w3schools.com/js/js_obj_array.asp siit] ja~~ [http://www.w3schools.com/jsref/jsref_obj_array.asp siit]		[http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_push push] meetodit. Array arr pikkuse saad nii: arr.length . Lisaks vaata kindlasti array meetodeid [http://www.w3schools.com/jsref/jsref_obj_array.asp siit]

	Pea silmas ka, et javascripti array on praktiliselt sama asi, mis javascripti [http://www.w3schools.com/js/js_obj_intro.asp objekt] ja kõik array elemendid on objekti positsiooni-nimel olevad väärtused, ehk arr.miski on sama, mis arr['miski'].		Pea silmas ka, et javascripti array on praktiliselt sama asi, mis javascripti [http://www.w3schools.com/js/js_obj_intro.asp objekt] ja kõik array elemendid on objekti positsiooni-nimel olevad väärtused, ehk arr.miski on sama, mis arr['miski'].

Tammet: /* Soovitusi htmli ja cssi osas */

2016-09-13T07:22:31Z

Soovitusi htmli ja cssi osas

←Vanem redaktsioon		Redaktsioon: 13. september 2016, kell 09:22
61. rida:		61. rida:
	Hea mõte on algul jagada lehekülg mitmeks horisontaalseks reaks ja vertikaalseks kõrvuti tulbaks. Kõige lihtsam - ja selle rakenduse jaoks piisav - on seada ridadele ja tulpadele fikseeritud laiused ja kõrgused. NB! Selline fiks laiuste/kõrguste lähenemine ei ole enamiku harilike veebisaitide jaoks päris hea mõte, ja on hoopis halb mobiilile sobiva saidi tegemisel.		Hea mõte on algul jagada lehekülg mitmeks horisontaalseks reaks ja vertikaalseks kõrvuti tulbaks. Kõige lihtsam - ja selle rakenduse jaoks piisav - on seada ridadele ja tulpadele fikseeritud laiused ja kõrgused. NB! Selline fiks laiuste/kõrguste lähenemine ei ole enamiku harilike veebisaitide jaoks päris hea mõte, ja on hoopis halb mobiilile sobiva saidi tegemisel.

	[http://www.w3.org/Style/Examples/007/center.en.html Siit] ja [http://www.thesitewizard.com/css/center-div-block.shtml siit] leiad tsentreerimise õpetused (point: <tt>margin-left: auto; margin-right: auto;</tt>)		[http://www.w3.org/Style/Examples/007/center.en.html Siit] ja [http://www.thesitewizard.com/css/center-div-block.shtml siit] leiad horisontaalse tsentreerimise õpetused (point: <tt>margin-left: auto; margin-right: auto;</tt>)

	Vertikaalset tsentreerimist on raskem teha, aga siin on heaks abiks [https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/ flexbox]. Flexboxi kohta saad pikemalt lugeda näiteks [https://css-tricks.com/snippets/css/a-guide-to-flexbox/ siit].		Vertikaalset tsentreerimist on raskem teha, aga siin on heaks abiks [https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/ flexbox]. Flexboxi kohta saad pikemalt lugeda näiteks [https://css-tricks.com/snippets/css/a-guide-to-flexbox/ siit].

Tammet: /* Soovitusi htmli ja cssi osas */

2016-09-13T07:22:14Z

Soovitusi htmli ja cssi osas

←Vanem redaktsioon		Redaktsioon: 13. september 2016, kell 09:22
63. rida:		63. rida:
	[http://www.w3.org/Style/Examples/007/center.en.html Siit] ja [http://www.thesitewizard.com/css/center-div-block.shtml siit] leiad tsentreerimise õpetused (point: <tt>margin-left: auto; margin-right: auto;</tt>)		[http://www.w3.org/Style/Examples/007/center.en.html Siit] ja [http://www.thesitewizard.com/css/center-div-block.shtml siit] leiad tsentreerimise õpetused (point: <tt>margin-left: auto; margin-right: auto;</tt>)

	Tulpade tegemine puhtalt div-dega ei ole päris triviaalne.		Vertikaalset tsentreerimist on raskem teha, aga siin on heaks abiks [https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/ flexbox]. Flexboxi kohta saad pikemalt lugeda näiteks [https://css-tricks.com/snippets/css/a-guide-to-flexbox/ siit].

			Tulpade tegemine puhtalt div-dega ei ole ka päris triviaalne.

	<!--		<!--

Tammet: /* Detailid */

2016-09-13T04:19:05Z

Detailid

←Vanem redaktsioon		Redaktsioon: 13. september 2016, kell 06:19
22. rida:		22. rida:

	Arvutiprogramm ei pea mängima väga hästi, aga ta ei tohi mängida ka väga halvasti. Konkreetselt peaks programm üldjuhul mängima juhusliku käigu, millele on soovitav lisada järgmises peatükis toodud täiustatud strateegia.		Arvutiprogramm ei pea mängima väga hästi, aga ta ei tohi mängida ka väga halvasti. Konkreetselt peaks programm üldjuhul mängima juhusliku käigu, millele on soovitav lisada järgmises peatükis toodud täiustatud strateegia.

			Kogu kood peab olema laetud dijkstra serverisse prax2 alamkataloogi. Pealeht olgu nimega index.html.

	== Kohustuslikud ja mittekohustuslikud osad ja punktiarvestus ==		== Kohustuslikud ja mittekohustuslikud osad ja punktiarvestus ==