UI:Bootstrap

Selle praktikumi eesmärk on tutvuda veebi ehitamist hõlbustava raamistikuga Bootstrap.

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.

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

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 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.