front end van een webapplicatie bouwen met HTML

Voor het maken van de front-end van een webapplicatie vormen twee technieken de basis: HTML (HyperText Markup Language) en CSS (Cascading Style Sheets). Met HTML breng je structuur aan in webpagina’s en met CSS verzorg je het uiterlijk van webpagina’s.

Wat moet ik leren?

Aspecten die goed zijn om te leren van HTML zijn:
- [ ] elementen - [ ] attributen - [ ] document structuur - [ ] veel gebruikte elementen als nav, a, p, h1, section, article, footer, ect. - [ ] afbeeldingen (met alt text) - [ ] WAI-ARIA - [ ] favicon - [ ] emoji’s 😍 - [ ] formulieren

Je maakt hierbij gebruik van de HTML en CSS richtlijnen van HBO-ICT.

Hoe leer ik dat?

Hieronder vind je een selectie aan lesmateriaal dat je kunt gebruiken om te leren werken met HTML en CSS. Het lesmateriaal is in de vorm van video courses, websites en e-books. Overigens is dit materiaal niet verplicht, maar we raden het je wel sterk aan. Kies het materiaal dat het beste bij je past en ga lekker aan de slag!

• HTML- en CSS-richtlijnen: dit zijn afspraken waaraan je HTML en CSS moet voldoen. Je vindt ze in de Knowledge Base.

• WEBSITE: W3Schools HTML tutorial HTML tutorial met bij ieder topic voorbeelden en kleine oefeningen.

• VIDEO COURSE: Build websites like a pro: HTML5 en CSS3 Complete Course (via O’Reilly) Leer programmeren met HTML en CSS; vanaf de basis tot meer geavanceerde onderwerpen. De volgende hoofdstukken zijn met name relevant: 1, 2 (excl. File and Folder Structure), 3 t/m 7, 8 t/m 10, 11 (excl. de laatste vier onderdelen) en 13.

• E-BOOK: Website Design and Development with HTML5 and CSS3 (via O’Reilly) Uitleg geschikt voor zowel de beginner als de gevorderde.

• DOCUMENTATIE: W3C WAI-ARIA Guidelines Toegankelijkheidsguidelines voor HTML

Hoe toon ik dat aan?

• Je hebt gedocumenteerd hoe je de basisprincipes van HTML hebt geleerd.
• Je hebt HTML pagina’s gecommit naar je gitlab repository
• Je kan mondeling toelichten hoe je HTML hebt gebruikt om de structuur van je pagina te beschrijven