Cursus Responsive webdesign (Bootstrap-integratie) (Webdesign)

Dag 1: HTML5 en CSS3

Bepaalde HTML5 en CSS3 noties die in responsive Web Design nuttig kunnen zijn

• HTML5 opbouw, blokken
• CSS3
  • Eenheden
  • Block & Span
  • Fluid & Fixed
  • ID & Class
  • Schrijven CSS met stijl
  • Combinatie van CSS regels
  • Positioneren
  • Kolommen opmaak
  • De notie van “Clear”
  • CSS3 Hacks

Dag 2: Responsive Web Design (gebruik maken van bootstrap)

• Waarom Responsive worden? Voor- en nadelen
• Hoe
  • Blokken en semantische structuur
  • De rasters (grids) Bootstrap en andere grid systemen, verschillen, voor en nadelen
• Fluid grids
  • De rol van de fluid grids
  • “Fluid typography”
  • Default karakter grootte
  • Het toepassen van relatieve Layout Units
  • Fluid grids op maat
  • Bestaande fluid grids
• Adaptieve afbeeldingen
  • Met CSS
  • Scripted
  • Responsive afbeeldingen
  • Oplossingen in HTML5
  • Notie van SRCSET
• Media Queries in CSS
  • Exploring Media Features
  • Query Feature Ondersteuning
  • Media Queries in de praktijk
  • Breekpunten
  • Small first
• Boilerplates en andere sjablonen (Jquery integratie, resets etc...)

Dag 3: Praktische toepassing

• Platform onafhankelijke opbouw van een webpagina
• Analyse van een concrete website
• Maken van een eigen pagina van scratch, met implementatie van Bootstrap systeem, jquery, media queries