Training Bootstrap

Twitter Bootstrap is een HTML, CSS en JavaScript-framework waarmee u op eenvoudige wijze snel websites kunt maken. Bootstrap bevat uit user interface-componenten als knoppen, drop-downmenu's en tabellay-outs, een gridsysteem om snel een lay-out in te stellen en tal van JavaScript-componenten waarmee u snel dynamische onderdelen aan je site toevoegt.

In de cursus leer je werken met alle onderdelen van het Bootstrap-framework. U kunt nieuwe projecten dan snel opzetten op basis van dit open source framework, waarbij u er naar keuze voor kunt kiezen één of meerdere onderdelen te gebruiken (en andere onderdelen dus niet). Je leert ook waar u aanvullende thema's kunt vinden die als uitgangspunt kunnen dienen voor je volgende project. Tot slot leer je ook welke aanvullende grafische bibliotheken eventueel beschikbaar zijn voor onderdelen als icons en visuele blikvangers op je site.

Er is weinig specifieke voorkennis nodig om met Twitter Bootstrap aan de gang te gaan, maar u moet wel de basis van webdesign met HTML en CSS beheersen:

• Kennis van HTML(5), bekendheid met de HTML-syntaxis en -code.
• Enige bekendheid met JavaScript.
• Kennis van CSS(3) is handig, maar niet beslist noodzakelijk.
• Enige kennis van de Engelse taal. Veel websites, documentatie en achtergrondinformatie is alleen in het Engels beschikbaar.

• Inleiding
  • Wat is Twitter Bootstrap, waarvoor wordt het ingezet?
  • Bootstrap downloaden en gebruiken op een site.
  • Verschillende versies van Bootstrap.
  • De relatie met jQuery en andere bibliotheken.
• Bootstrap-onderdelen
  • Het gridsysteem van Twitter Bootstrap.
  • CSS-componenten: tabellen, formulieren, knoppen en afbeeldingen.
  • User Interface-componenten: knoppen, groepen, navigatiebalken, dropdowns, breadcrumbs, mediaobjecten en panels.
  • JavaScript-componenten: overgangen, tabs, tooltips, popover-vensters, afbeeldingen in caroussels en meer.
• Responsive sites maken met Bootstrap.
• Een eigen Twitter Bootstrap-site realiseren.