Repository navigation
Front End | Progressive Enhancement
Bij het ontwerpen van een website/webapp wordt er bij progressive enhancement rekening gehouden met dat je begint bij het HTML en daarna verder ontwikkeld in CSS en JavaScript. Het is de bedoeling dat alle kern functionaliteiten nog intact zijn ongeacht de CSS of JavaScript wel wordt ingeladen.
Het is wel zo dat de gebruikers gebruik kunnen maken van mijn datingapp en daarbij een taak kunnen voldoen zonder Javascript of CSS, alleen met JavaScript en CSS ingeladen krijgen de gebruikers een ander ervaring tijdens het uitvoeren van een bepaalde taak.
Met de CSS ingeladen, zal de user interface meer vriendelijk en aantrekkelijk zijn voor de eindgebruiker. daarnaast kan de gebruiker makkelijker rond de dating-app navigeren en heb ik gebruik gemaakt van een responsive layout. Dit heb ik bewust gedaan aangezien de doelgroep van mijn dating-app vaak op hun smartphone zitten.
| Met CSS | Zonder CSS |
|---|---|
 |
 |
Met JavaScript wordt er gezorgd dat de dating applicatie meer interactief is. Hieronder zien wij een voorbeeld met een typewriter. De gebruiker krijgt door middel van JS, een duidelijkere boodschap met wat de gebruiker kan behalen door het gebruik te maken van de dating app.
| Met JS | Zonder JS |
|---|---|
 |
 |
Dwyer, S. (2009, 22 april). Progressive Enhancement: What It Is, And How To Use It? Geraadpleegd op 14 april 2020, van https://www.smashingmagazine.com/2009/04/progressive-enhancement-what-it-is-and-how-to-use-it/