In een notendop

  • Doelstelling —  Maak websites die gebaseerd zijn op het populaire framework Twitter Bootstrap. Leer de CSS- en JavaScript-mogelijkheden.
  • Duur —  2 dagen
  • Level —  200 (op een schaal van 100-500)
  • Voorkennis —  Basis HTML en CSS, basiskennis JavaScript
Meer informatie of inschrijven! 

In detail

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 uw site toevoegt.

In de cursus leert u 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). U leert ook waar u aanvullende thema's kunt vinden die als uitgangspunt kunnen dienen voor uw volgende project. Tot slot leert u ook welke aanvullende grafische bibliotheken eventueel beschikbaar zijn voor onderdelen als icons en visuele blikvangers op uw site.

Voorkennis

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.

Inhoud

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

Meer informatie of inschrijven! 

← Alle trainingen

 

Contact

Kassenaar IT Services
Alphons Diepenbrocklaan 7
6952 BS Dieren
Nederland
info@kassenaar.com

Nieuwsbrief

Twitter