Ontdek Bootstrap

Bootstrap: presentatie, bijdragen, voorbeelden
Bootstrap en Responsive Web Design (RWD)
Samengaan van Bootstrap met andere javascript frameworks: jQuery, ExtJS,...
Bootstrap grid, basistemplates en lay-outs
CSS componenten en klassen
RWD mechanisme (CSS klassen / apparaat)
Documentatie, nuttige links
HTML5/CSS geheugensteuntjes
jQuery basics

Workshop: Bootstrap opnemen in een project, een eerste flexibel raster

De basis CSS-klassen onder de knie krijgen

Typografie en links
Tabellen: rijen, randen, hover, RWD
Formulierelementen, ondersteunde besturingselementen
Knoppen: opties, afmetingen, status
Afbeeldingen en pictogrammen: overflow vermijden

Workshop: Bootstrap-klassen gebruiken in webpagina's

Bootstrap componenten gebruiken

Navigatiebalken: tabbladen, pillen, gerechtvaardigde navigatie
Keuzemenu's: vormen, knoppen, positionering
Broodkruimel
Paginering
Badges
Waarschuwingen
Voortgangsbalken: labels, animaties
Mediaobject
Lijstgroep

Workshop: Meerdere voorbeelden van integratie van Bootstrap componenten

Omgaan met Bootstrap in Javascript

Overgangen instellen
Modale vensters: soorten, maten
vervolgkeuzemenu's beheren
Tabbladen
Schuifbalken
Automatisch aanvullen
Bootstrap aanpassen
Virtuele toetsenborden beheren
Responsive op sommige pagina's uitschakelen
Zoomen beheren

Workshop: Integratie van interracties en overgangen

Omgaan met Bootstrap met minder

Introductie van Less
Gebruik in geïnterpreteerde/gecompileerde modus
Variabelen: declaratie en aanroep
Variabelen: interpolatie en lazy loading
Regels overerven

Geavanceerde manipulatie

Mixin: basisprincipes, namespace
Parametrische mixin
Mixin als functie
Guardian: voorwaardelijke en iteratieve structuren
Opnemen van andere bladen Minder

Workshop: Meervoudige wijziging van Bootstrap componenten met Less