Bouw responsieve websites met HTML5 en CSS3 - eLearning
450,00 EUR
- 20 hours
Bouw een sterke basis in moderne webontwikkeling met HTML5 en CSS3 – de kerntechnologieën achter elke website op het internet. Deze cursus is ontworpen om je te helpen vanaf nul visueel aantrekkelijke, responsieve en gebruiksvriendelijke webpagina’s te maken. Je begint met de basis van HTML-structuur en gaat stap voor stap verder naar geavanceerde opmaakttechnieken met CSS3, waaronder Flexbox, Grid, animaties en principes van responsive design. Door middel van praktische oefeningen en realistische projecten leer je hoe je professionele websites ontwerpt en bouwt die naadloos werken op verschillende apparaten.
Belangrijkste functies
Taal
Cursus en lesmateriaal in het Engels
Niveau
Niveau: beginner–gevorderde
Toegang
1 jaar toegang tot het leerplatform
7+ uur aan video's op aanvraag
met meer dan 20 uur aanbevolen studietijd
34 begeleide praktische oefeningen
8 automatisch beoordeelde toetsen
3 opdrachten
met 60 oefentoetsen
Certificering
Certificaat van afronding van het programma inbegrepen
Leerresultaten
Aan het einde van deze cursus ben je in staat om:
Typen
Begrijp de verschillende soorten HTML-invoerelementen en hoe je ze gebruikt om interactieve webformulieren te bouwen
Valideren
Leer hoe je formulierinvoer valideert met HTML om de gegevensnauwkeurigheid en de gebruikerservaring te verbeteren
Tags
Structureer webinhoud effectief met semantische HTML-tags voor betere leesbaarheid en toegankelijkheid
CSS
Pas CSS-stijlen op een cascaderende manier toe om te bepalen hoe regels worden geprioriteerd en weergegeven op een webpagina.
Pseudo
Gebruik CSS-pseudo-elementen om het ontwerp te verbeteren en stijleffecten toe te voegen zonder extra HTML-markup
Flexbox
Werk met Flexbox om flexibele, responsieve lay-outs te maken en de uitlijning en afstand van elementen efficiënt te beheren
Cursustijdlijn
Inleiding tot webontwikkeling
Les 01
- Wat is HTML
- Wat is CSS
- De omgeving instellen
- Hallo wereld!
- VS Code gebruiken met live herladen
- Emmet en online tools gebruiken
- Chrome Developer Tools gebruiken
Inleiding tot HTML
Les 02
- HTML-elementen en -tags
- Enkele en gekoppelde tags
- Structuur van een HTML-pagina
- Kop- en alineatags
- Attributen in HTML
- Afbeeldingen
- Links - intern en extern
- Lijsten
- Tabellen
- Het style-attribuut
- Kleuren in HTML
- HTML5-semantische tags
- HTML5-audio- en videotags
- Basis HTML-tags en -attributen
- Afbeeldingstag en attributen
- Links - intern en extern
- Lijsten - Geordend en Ongeordend
- Tabellen in HTML
- Het style-attribuut
- Kleuren in HTML
- HTML5-semantische elementen
- HTML-audio- en video-elementen
Formulieren en invoervelden
Les 03
- Het formulierelement
- Het label-element gebruiken
- HTML-invoerveld
- Select en tekstgebied
- Knoppen
- Datalijst
- Een contactformulier maken
- Eenvoudig formulierelement
- Labels en invoervelden
- Basis HTML-tags en -attributen
- Selects en opties
- E-mail-, wachtwoordinvoer en knoppen
- Datalijsten in HTML
Inleiding tot CSS
Les 04
- Het style-element gebruiken
- HTML-elementen targeten
- Geneste HTML‑elementen targeten
- Externe stylesheets gebruiken
- CSS-stijlen overschrijven
- Algemene CSS-eigenschappen
- CSS-eenheden
- Het CSS-boxmodel
- Meer CSS-eigenschappen
- CSS-pseudoklassen
- Het stijlelement gebruiken
- HTML-elementen targeten in CSS
- Geneste HTML‑elementen targeten
- Externe stylesheets gebruiken
- Opmaak met externe stylesheets
Geavanceerde CSS
Les 05
- CSS-positionering - static, relative en absolute
- CSS-positionering - fixed en sticky
- CSS-pseudo-elementen ::before en ::after
- CSS-variabelen
- Aangepaste lettertypen in CSS
- Externe stylesheets importeren
Overgangen en animaties
Les 06
- Wat zijn CSS-transities
- Basisovergangen en CSS-eigenschappen
- CSS-animaties en -eigenschappen
- Keyframes definiëren
Responsief webdesign
Les 07
- Mediaquery's
- Wat is CSS Flexbox
- Rijen en kolommen maken
- Meer Flexbox-eigenschappen
- Wat is CSS Grid Layout
- Rijen en kolommen in raster
- Cellen toewijzen
- Raster-sjabloongebieden
- Een responsieve afbeeldingsgalerij bouwen
- Mediaquery's
- CSS Flexbox-eigenschappen
- Geavanceerde Flexbox-eigenschappen
- CSS Grid
- CSS-grid-eigenschappen
- Rastergebieden in CSS Grid
Voor wie is dit programma bedoeld?
Vereisten
Geen eerdere programmeerervaring vereist. Interesse in webdesign en -ontwikkeling is wel nodig.
Beginnende webontwikkelaars
Beginners in front-endontwikkeling
UI/UX-designers die hun ontwerpen willen coderen
Iedereen die geïnteresseerd is in het vanaf nul bouwen van websites
Verklaringen
Vergunningverlening en accreditatie
Deze cursus wordt aangeboden in overeenstemming met de Partner Program Agreement en voldoet aan de vereisten van de License Agreement.
Gelijkheidsbeleid
Kandidaten worden aangemoedigd om tijdens het gehele accommodatieproces contact op te nemen met AVC voor begeleiding en ondersteuning.
Veelgestelde vragen
Heeft u bedrijfsoplossingen of LMS-integratie nodig
Heb je niet de cursus of het programma gevonden dat geschikt zou zijn voor jouw bedrijf? Heb je een LMS-integratie nodig? Neem contact met ons op! Wij zullen met een passende oplossing komen!