HTML en CSS fundamentals
Deze training is bedoeld voor iedereen die HTML en CSS willen leren. HTML en CSS zijn twee fundamentele scripting talen die worden gebruikt om webpagina's te maken en te ontwerpen. Deze training behandelt de basisprincipes van HTML en CSS, inclusief de syntax, tags en selectors. Verder bevat het ook praktische oefeningen om ervoor te zorgen dat hetgeen je leert, ook goed blijft hangen.
Frontend
Deze training is bedoeld voor iedereen die HTML en CSS willen leren. HTML en CSS zijn twee fundamentele scripting talen die worden gebruikt om webpagina's te maken en te ontwerpen. Deze training behandelt de basisprincipes van HTML en CSS, inclusief de syntax, tags en selectors. Verder bevat het ook praktische oefeningen om ervoor te zorgen dat hetgeen je leert, ook goed blijft hangen.
Wat ga je leren
Introductie tot HTML
HTML Tags
Introductie tot CSS
CSS properties
Layout en positionering
Responsive design
Best practices en optimalisatie
Voor wie is deze training?
Deze training is voor iedereen bedoeld die graag meer wil weten over hoe je webpagina's opmaakt met gebruik van HTML en CSS.
Vereisten voor de training
- Er is geen programmeerervaring vereist.
- Je dient wel een basisbegrip te hebben van hoe een web browser werkt.
- Je moet toegang hebben tot een computer met een internetverbinding en een webbrowser.
- Teksteditor software zoals Notepad++, bbEdit of Sublime Text wordt gebruikt om HTML- en CSS-bestanden te maken en te bewerken.
Technology stack
Inhoud van de training
Introductie tot HTML
- Introductie tot web development
- De basis van HTML begrijpen
- De HTML documentstructuur
- HTML tags en attributen
HTML Tags
- Semantische HTML-tags
- HTML-comments
- Praktijkoefening: Bouw je eigen HTML pagina
Introductie tot CSS
- Wat is CSS en waarom gebruik je het?
- De syntax en structuur van CSS
- CSS styling toepassen op je HTML-pagina
- CSS selectors: Type, class en ID
- Praktijkoefening CSS styles en HTML
CSS properties
- Veelgebruikte CSS properties
- CSS shorthand properties
- CSS specificity begrijpen
- Praktijkoefening: Maak een webpagina met CSS
CSS Layout en positionering
- Introductie tot CSS layout en positionering
- CSS display en position properties
- Praktijkoefening: Werken met layout en positioning
- Het HTML div-element
- Het CSS box model
- De CSS float en clear properties
- Praktijkoefening: Oefenen met float en clear
- Oefening: Box model, layout en positionering
Responsive design
- Introductie tot responsive design
- CSS Media queries
- Werken met CSS flexbox
- Werken met de CSS grid layout
- Praktijkopdracht: Werken met media query's
HTML en CSS best practices
- Zoekmachineoptimalisatie (SEO) met HTML en CSS
- De prestaties van je HTML en CSS code verbeteren