Client side Component - MrSmarto/Anime-Smarty GitHub Wiki
Eigenlijk zijn client side componenten stukken coden die wordt uitgevoerd vanuit een device van een persoon, wat totaal verschillend is dan als hoe het op een server zou werken. Client side componenten bestaan voornamelijk uit deze drie talen:
- HTML
- CSS
- JAVASCRIPT
Dit zorgd ervoor dat er interactieve functies gemaakt kunnen worden en deze kunnen implementeren op een website. Je kan met deze programmeer taal erg creatief omgaan door bijvoorbeeld deze dingen te doen:
- formulieren maken
- animaties toevoegen
- overgangen maken
- knoppen maken
- toffe effecten gebruiken
Hier grootste doel van javascript is om de gebruikerservaring interactief te maken voor het web. In mijn ontwerp heb ik eigenlijk geprobeerd om zo min mogelijk client side javascript te gebruiken. Puur omdat ik mijn applicatie heb gemaakt met het idee progressive enchancement in mijn achterhoofd. Natuurlijk is het fijn om als toetje voor je applicatie toffe interactieve elementen toe te voegen. In mijn geval heb ik een API geimplementeerd in mijn app, dit heb ik aan de client side gedaan.
Daarnaast heb ik wel wat toffe elementen toegevoegd met [CSS] namelijk:
- animatie - op de homepagina (zero-state)
- animatie - op de 404pagina (error-state)