Home » HTML5 & CSS3 Gevorderd

Opleiding: HTML5 & CSS3 Gevorderd

Bij: Trainspot en Opatel

 
 

Inhoud van de cursus

Onderwerpen:

HTML5 & CSS3 Gevorderd

  • Meerdere achtergronden en randen

  • Transities en animaties
  • Filters
  • Responsive afbeeldingen

  • De ‚€údisplay‚€Ě eigenschap

  • Positionering

  • Gecombineerde selectors

  • Media Queries


CSS Grid Layout Module

  • Structuur van CSS Grid
  • Rijen en kolommen definieren
  • Grid eigenschappen
  • Grid lijnen, tracks, cellen en gebieden
  • Nieuwe eenheden: fraction
  • Uitlijning van het grid en de grid items

  • Eigenschappen van de grid items


CSS Flexible Box Layout Module

Toelatingseisen: wat heb je nodig?

Om deze cursus te volgen is basiskennis van HTML5 & CSS3 nodig, bijvoorbeeld via de cursus HTML5 & CSS3 Basis.

Duur van de cursus

Deze klassikale training duurt 3 dagen.

Kosten van de cursus

De totaalprijs voor deze training is ÔŅ? 1250,00 Excl. 21% BTW.

Plaatsen / leslocaties

Amsterdam, Rotterdam, Utrecht

Algemene informatie over de cursus

In deze cursus leer je naast HTML5 alles over CSS3 Layout. Wat mediaqueries zijn en hoe je hiermee webpagina‚€ôs goed kunt vertonen op elk soort beeldscherm. CSS3 positionering, responsive afbeeldingen en de magie van de ‚€údisplay‚€Ě eigenschap van CSS3.

Maar vooral twee nieuwe CSS3 modules die de webdesigner eindelijk in staat stellen elk gewenst design om te zetten in een website. Alle beperkingen die er voorheen bestonden in het maken van layouts zijn hiermee opgelost.





Wat leer je in deze cursus?
In deze cursus leer je eerst geavanceerdere onderwerpen zoals filters, transities en animaties, en de werking van mediaqueries. Daarna hoe je een site layout kunt maken met CSS Grid. Daarna leer je hoe je met Flexbox onderdelen van het grid kunt lay-outen, of onderdelen van de pagina. Zo is het met Flexbox eenvoudig om kolommen van gelijke hoogte te maken (onafhankelijk van de inhoud), of elementen vertikaal te positioneren, iets wat voorheen enkel met onhandige hacks of de verouderde tabellen mogelijk was.
De opzet van de sites die we maken in de cursus volgt het bekende ‚€úmobile-first‚€Ě systeem van webdesign, met een eenvoudige ‚€úfallback‚€Ě zodat oudere browsers die de nieuwe modules niet ondersteunen de pagina‚€ôs toch goed zullen vertonen.


CSS Grid biedt een compleet layout systeem gebaseerd op een combinatie van horizontale en vertikale vlakken, dat onafhankelijk van de volgorde van de content kan worden opgezet. Hiermee kan de inhoud van een webpagina op elke gewenste plaats worden gezet.


Flexbox is een iets eenvoudiger systeem en werkt of horizontaal, of vertikaal, eendimensionaal dus. Dit kan gebruikt worden in onderdelen van een Grid layout, zoals een header of footer, voor meer simpele layouts, of voor de layout van onderdelen binnen een pagina.


CSS Grid en Flexbox werken in alle moderne browsers.

Welke voorkennis heb je nodig?
Om deze cursus te volgen is basiskennis van HTML5 & CSS3 nodig, bijvoorbeeld via de cursus HTML5 & CSS3 Basis.

Wat is een logisch vervolg op deze cursus?
Na deze cursus kun je je verder technisch specialiseren via ÔŅ?ÔŅ?n van de cursussen web development, of bijvoorbeeld ÔŅ?ÔŅ?n van onze grafische cursussen.

Informatie aanvragen

Gegevens aangeduid met een * zijn verplicht in te vullen.
jaar
 
resterend: tekens
 
E08dB Typ de code exact over: (hoofdlettergevoelig)
 
© Copyright 2009-2021 Particuliereopleidingen.nl | Algemene voorwaarden | Overzicht van onze aanbieders | Adverteren