Skip to content

front end uiterijk van een webapplicatie veranderen met CSS

Inleiding

De front-end van een website is dat wat je ziet als gebruiker wanneer je een website opent in je webbrowser. Als gebruiker heb je vaak interactie met een front-end. Denk bijvoorbeeld aan de webshop van bol.com waar je kunt zoeken naar producten via een searchbar, door de resultaten van je zoekopdracht kunt scrollen en producten in een winkelmandje kan plaatsen om ze vervolgens te bestellen.

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 een webpagina (dus hoe de pagina is opgebouwd). En met CSS verzorg je het uiterlijk ervan (dus hoe een pagina er uit ziet). Vaak wil je ook dat de webpagina’s van je webapplicatie er goed uitzien op verschillende schermformaten, zoals laptop, tablet of smartphone. Hiervoor kun je CSS flexbox gebruiken.

Deze learning story helpt je op weg om de front-end van je webapplicatie te bouwen.

Hoe kan ik dit leren?

Gebruik de HBO-ICT Knowledgebase om de volgende vragen te beantwoorden:

  • Wat is HTML?
  • Wat is CSS?
  • Hoe gebruik ik HTML en CSS om een webpagina te bouwen?
  • Hoe maak ik een webpagina responsive m.b.v. CSS flexbox?
  • Wat zijn coding conventions en hoe pas ik die toe in mijn project?

Hoe toon ik dit aan?

  • Ik heb gedocumenteerd op welke wijze ik CSS heb gebruikt om mijn webpagina vorm te geven.
  • Ik kan de front-end code van de user stories die ik heb uitgewerkt toelichten en hierbij de juiste terminologie gebruiken.
  • Ik programmeer volgens de geldende coding conventions.
  • OPTIONEEL: Ik heb een of meerdere certificaten van online courses die ik gevolgd heb. Bijvoorbeeld via Microsoft Learn (aanmelden doe je via je HvA-account).