UI:Bootstrap - Redigeerimiste ajalugu

Irve – 8. veebruar 2017, kell 10:46

2017-02-08T10:46:46Z

←Vanem redaktsioon		Redaktsioon: 8. veebruar 2017, kell 12:46
19. rida:		19. rida:

	'''Kui ülesanne on liiga lihtne''', lisage javascriptiga täiendatud sisselogimise näidisfunktsionaalsus (midagi analoogset on nagunii kodutöö jaoks tarvis). Soovituslikult jQuery abil, mis nagunii Bootstrapiga kaasa tuleb, ning mida kursuse raames ka edaspidi kasutame. Alternatiivina võib Angular.js või sarnane teek võtta.		'''Kui ülesanne on liiga lihtne''', lisage javascriptiga täiendatud sisselogimise näidisfunktsionaalsus (midagi analoogset on nagunii kodutöö jaoks tarvis). Soovituslikult jQuery abil, mis nagunii Bootstrapiga kaasa tuleb, ning mida kursuse raames ka edaspidi kasutame. Alternatiivina võib Angular.js või sarnane teek võtta.

			== Küsimused ==

			* Jah, sobib, kui liides ei ole interaktiivne või ei reageeri mobiilvaatele sobilikele laiustele.
			* Jah, on okei kasutada teiste põhjasid (template) või noppeid (nt: [[http://bootsnipp.com/ Bootsni.com]]): oluline on teie oskus neid sobivalt kokku panna ja neist liidest ehitada.
			* Ei, ei ole okei kui te esitate kellegi valmis liidest kui enda oma. Selle eest võib saada dekaani noomituse.

	=== Alternatiivid ===		=== Alternatiivid ===

Irve: /* Bootstrapi spetsiifika */

2017-02-08T10:00:10Z

Bootstrapi spetsiifika

←Vanem redaktsioon		Redaktsioon: 8. veebruar 2017, kell 12:00
18. rida:		18. rida:
	Hea lähtekoht: võta lahti ''Get started'', ning leia üles HTML Template ja siis vaata ka ''Examples''.		Hea lähtekoht: võta lahti ''Get started'', ning leia üles HTML Template ja siis vaata ka ''Examples''.

	'''Kui ülesanne on liiga lihtne''', lisage javascriptiga täiendatud sisselogimise näidisfunktsionaalsus (~~seda~~ on nagunii kodutöö jaoks tarvis). Soovituslikult jQuery abil, mis nagunii Bootstrapiga kaasa tuleb, ning mida kursuse raames ka edaspidi kasutame. Alternatiivina võib Angular.js ~~abiks olla~~.		'''Kui ülesanne on liiga lihtne''', lisage javascriptiga täiendatud sisselogimise näidisfunktsionaalsus (midagi analoogset on nagunii kodutöö jaoks tarvis). Soovituslikult jQuery abil, mis nagunii Bootstrapiga kaasa tuleb, ning mida kursuse raames ka edaspidi kasutame. Alternatiivina võib Angular.js või sarnane teek võtta.

	=== Alternatiivid ===		=== Alternatiivid ===

Irve – 8. veebruar 2017, kell 09:59

2017-02-08T09:59:12Z

←Vanem redaktsioon		Redaktsioon: 8. veebruar 2017, kell 11:59
6. rida:		6. rida:
	Tööd võib teha kahekesi või individuaalselt.		Tööd võib teha kahekesi või individuaalselt.

	Ülesanne: ehitage Bootstrapi või mõne teise vabalt valitud veebiraamistiku abil ~~esimese labori liidese põhjaks~~ sisselogimise järgse ~~lehekülje~~ kavand. ~~(Üliõpilase vaade)~~		Ülesanne: ehitage Bootstrapi või mõne teise vabalt valitud veebiraamistiku abil mõne vabalt valitud otstarbega veebilehe sisselogimise järgse vaate kavand.

	~~Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist.~~ Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab mõtlemist navigatsioonimudelile: milline on menüü ja kuidas vaadete vahel liigutakse. Mõelge ka siin enne kujundamist paberprototüübi tegemisele.		Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab mõtlemist navigatsioonimudelile: milline on menüü ja kuidas vaadete vahel liigutakse. Mõelge ka siin enne kujundamist paberprototüübi tegemisele.

	=== Bootstrapi spetsiifika ===		=== Bootstrapi spetsiifika ===

Irve – 3. märts 2016, kell 06:03

2016-03-03T06:03:33Z

←Vanem redaktsioon		Redaktsioon: 3. märts 2016, kell 08:03
25. rida:		25. rida:
	* [http://designsparkle.com/bootstrap-alternatives/ 21 most used bootstrap alternatives] - ignoreerige ühtlasi pealkirjas esinevat väidet		* [http://designsparkle.com/bootstrap-alternatives/ 21 most used bootstrap alternatives] - ignoreerige ühtlasi pealkirjas esinevat väidet

	~~==Esitamine==~~		{{UI-boilerplate}}

	* Salvestage töö arvutiklassi W: kettale või veebi.
	* Saatke e-~~post jaagup.irve@ttu.ee aadressil, mille teemarida on "UI:Bootstrap" (mis on oluline, sest sortimine!), ning milles on teie töö aadress ja autorid.~~

	'''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''!

Irve: /* Ülesanne */

2016-02-18T06:24:17Z

Ülesanne

←Vanem redaktsioon		Redaktsioon: 18. veebruar 2016, kell 08:24
6. rida:		6. rida:
	Tööd võib teha kahekesi või individuaalselt.		Tööd võib teha kahekesi või individuaalselt.

	Ülesanne: ehitage Bootstrapi või mõne teise vabalt valitud veebiraamistiku abil esimese labori liidese põhjaks sisselogimise järgse lehekülje kavand.		Ülesanne: ehitage Bootstrapi või mõne teise vabalt valitud veebiraamistiku abil esimese labori liidese põhjaks sisselogimise järgse lehekülje kavand. (Üliõpilase vaade)

	Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist. Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab mõtlemist navigatsioonimudelile: milline on menüü ja kuidas vaadete vahel liigutakse. Mõelge ka siin enne kujundamist paberprototüübi tegemisele.		Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist. Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab mõtlemist navigatsioonimudelile: milline on menüü ja kuidas vaadete vahel liigutakse. Mõelge ka siin enne kujundamist paberprototüübi tegemisele.

Irve: /* = Bootstrapi spetsiifika */

2016-02-17T07:20:42Z

= Bootstrapi spetsiifika

←Vanem redaktsioon		Redaktsioon: 17. veebruar 2016, kell 09:20
10. rida:		10. rida:
	Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist. Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab mõtlemist navigatsioonimudelile: milline on menüü ja kuidas vaadete vahel liigutakse. Mõelge ka siin enne kujundamist paberprototüübi tegemisele.		Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist. Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab mõtlemist navigatsioonimudelile: milline on menüü ja kuidas vaadete vahel liigutakse. Mõelge ka siin enne kujundamist paberprototüübi tegemisele.

	=== Bootstrapi spetsiifika ==		=== Bootstrapi spetsiifika ===

	Bootstrap on leitav siit: [http://getbootstrap.com/ http://getbootstrap.com/].		Bootstrap on leitav siit: [http://getbootstrap.com/ http://getbootstrap.com/].

Irve – 17. veebruar 2016, kell 07:20

2016-02-17T07:20:30Z

←Vanem redaktsioon		Redaktsioon: 17. veebruar 2016, kell 09:20
1. rida:		1. rida:
	{{UI}}		{{UI}}
	''Selle praktikumi eesmärk on tutvuda veebi ehitamist hõlbustava raamistikuga ~~Bootstrap~~.''		''Selle praktikumi eesmärk on tutvuda mõne veebi ehitamist hõlbustava raamistikuga.''

	== Ülesanne ==		== Ülesanne ==
6. rida:		6. rida:
	Tööd võib teha kahekesi või individuaalselt.		Tööd võib teha kahekesi või individuaalselt.

	Ülesanne: ehitage Bootstrapi abil esimese labori liidese põhjaks sisselogimise järgse lehekülje kavand. Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist. Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab mõtlemist navigatsioonimudelile. Mõelge ka siin enne kujundamist paberprototüübi tegemisele.		Ülesanne: ehitage Bootstrapi või mõne teise vabalt valitud veebiraamistiku abil esimese labori liidese põhjaks sisselogimise järgse lehekülje kavand.

			Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist. Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab mõtlemist navigatsioonimudelile: milline on menüü ja kuidas vaadete vahel liigutakse. Mõelge ka siin enne kujundamist paberprototüübi tegemisele.

			=== Bootstrapi spetsiifika ==

	Bootstrap on leitav siit: [http://getbootstrap.com/ http://getbootstrap.com/].		Bootstrap on leitav siit: [http://getbootstrap.com/ http://getbootstrap.com/].
12. rida:		16. rida:
	Tutvu bootstrapi näidetega (vt Scaffolding, mis aitab paigutusega; Base CSS, mis näitab lihtsamaid kujunduselemente ning Components keerulisemate elementide tarvis) — et teaksid, mida sellega lihtsal moel ehitada saab.		Tutvu bootstrapi näidetega (vt Scaffolding, mis aitab paigutusega; Base CSS, mis näitab lihtsamaid kujunduselemente ning Components keerulisemate elementide tarvis) — et teaksid, mida sellega lihtsal moel ehitada saab.

	Hea lähtekoht: võta lahti Get started, ning leia üles HTML Template ja siis vaata ka Examples.		Hea lähtekoht: võta lahti ''Get started'', ning leia üles HTML Template ja siis vaata ka ''Examples''.

			'''Kui ülesanne on liiga lihtne''', lisage javascriptiga täiendatud sisselogimise näidisfunktsionaalsus (seda on nagunii kodutöö jaoks tarvis). Soovituslikult jQuery abil, mis nagunii Bootstrapiga kaasa tuleb, ning mida kursuse raames ka edaspidi kasutame. Alternatiivina võib Angular.js abiks olla.

			=== Alternatiivid ===

	~~'''~~Kui ~~ülesanne on liiga lihtne'''~~, ~~lisage javascriptiga täiendatud sisselogimise näidisfunktsionaalsus (seda on nagunii kodutöö jaoks tarvis). Soovituslikult jQuery abil~~, ~~mis nagunii Bootstrapiga kaasa tuleb~~, ~~ning mida kursuse raames ka edaspidi kasutame~~.		Kui Bootstrap teile esteetilistel, poliitilistel, apoliitilistel, religioossetel, ideoloogilistel või muudel põhjustel ei sobi, võite otsida alternatiive. Üks nimistu võimalikest alternatiividest on:
			* [http://designsparkle.com/bootstrap-alternatives/ 21 most used bootstrap alternatives] - ignoreerige ühtlasi pealkirjas esinevat väidet

	==Esitamine==		==Esitamine==

Irve: /* Ülesanne */

2014-02-17T17:59:58Z

Ülesanne

←Vanem redaktsioon		Redaktsioon: 17. veebruar 2014, kell 19:59
8. rida:		8. rida:
	Ülesanne: ehitage Bootstrapi abil esimese labori liidese põhjaks sisselogimise järgse lehekülje kavand. Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist. Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab mõtlemist navigatsioonimudelile. Mõelge ka siin enne kujundamist paberprototüübi tegemisele.		Ülesanne: ehitage Bootstrapi abil esimese labori liidese põhjaks sisselogimise järgse lehekülje kavand. Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist. Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab mõtlemist navigatsioonimudelile. Mõelge ka siin enne kujundamist paberprototüübi tegemisele.

	Bootstrap on leitav siit: [http://~~twitter.github~~.com~~/bootstrap~~/ http://~~twitter.github~~.com~~/bootstrap~~/].		Bootstrap on leitav siit: [http://getbootstrap.com/ http://getbootstrap.com/].

	Tutvu bootstrapi näidetega (vt Scaffolding, mis aitab paigutusega; Base CSS, mis näitab lihtsamaid kujunduselemente ning Components keerulisemate elementide tarvis) — et teaksid, mida sellega lihtsal moel ehitada saab.		Tutvu bootstrapi näidetega (vt Scaffolding, mis aitab paigutusega; Base CSS, mis näitab lihtsamaid kujunduselemente ning Components keerulisemate elementide tarvis) — et teaksid, mida sellega lihtsal moel ehitada saab.
15. rida:		15. rida:

	'''Kui ülesanne on liiga lihtne''', lisage javascriptiga täiendatud sisselogimise näidisfunktsionaalsus (seda on nagunii kodutöö jaoks tarvis). Soovituslikult jQuery abil, mis nagunii Bootstrapiga kaasa tuleb, ning mida kursuse raames ka edaspidi kasutame.		'''Kui ülesanne on liiga lihtne''', lisage javascriptiga täiendatud sisselogimise näidisfunktsionaalsus (seda on nagunii kodutöö jaoks tarvis). Soovituslikult jQuery abil, mis nagunii Bootstrapiga kaasa tuleb, ning mida kursuse raames ka edaspidi kasutame.


	==Esitamine==		==Esitamine==

Irve: /* Esitamine */

2014-02-17T13:10:52Z

Esitamine

←Vanem redaktsioon		Redaktsioon: 17. veebruar 2014, kell 15:10
20. rida:		20. rida:

	* Salvestage töö arvutiklassi W: kettale või veebi.		* Salvestage töö arvutiklassi W: kettale või veebi.
	* Saatke e-post jaagup.irve@ttu.ee aadressil, mille teemarida on "UI:Bootstrap" (mis on oluline, sest sortimine!), ning milles on teie töö aadress.		* Saatke e-post jaagup.irve@ttu.ee aadressil, mille teemarida on "UI:Bootstrap" (mis on oluline, sest sortimine!), ning milles on teie töö aadress ja autorid.

	'''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''!		'''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''!

Irve – 17. veebruar 2014, kell 13:10

2014-02-17T13:10:25Z

←Vanem redaktsioon		Redaktsioon: 17. veebruar 2014, kell 15:10
6. rida:		6. rida:
	Tööd võib teha kahekesi või individuaalselt.		Tööd võib teha kahekesi või individuaalselt.

	Ülesanne: ehitage Bootstrapi abil ~~Koduraamatukogu programmi jaoks~~ sisselogimise järgse lehekülje kavand. Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist. Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab ~~ka navigatsioonimudeli väljamõtlemist~~. Mõelge enne kujundamist paberprototüübi tegemisele.		Ülesanne: ehitage Bootstrapi abil esimese labori liidese põhjaks sisselogimise järgse lehekülje kavand. Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist. Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab mõtlemist navigatsioonimudelile. Mõelge ka siin enne kujundamist paberprototüübi tegemisele.

	Bootstrap on leitav siit: [http://twitter.github.com/bootstrap/ http://twitter.github.com/bootstrap/].		Bootstrap on leitav siit: [http://twitter.github.com/bootstrap/ http://twitter.github.com/bootstrap/].