De front-end is het deel van een website of applicatie dat in je browser draait, de laag die je ziet, leest en aanklikt. Knoppen, menu’s, tekst, afbeeldingen, formulieren en animaties zitten hier. Als mensen het over hoe een site eruitziet en aanvoelt hebben, gaat het meestal over de front-end, ook al gebruiken ze dat woord nooit.
Een handige vergelijking is een auto. De front-end is het dashboard, het stuur en de pedalen: de onderdelen die je aanraakt om iets te laten gebeuren. De motor onder de motorkap is de back-end, die het echte werk doet uit het zicht. Een goede front-end maakt de bediening vanzelfsprekend, zodat je nooit aan de motor hoeft te denken.
Hij wordt gebouwd uit drie kerntechnieken die elke browser begrijpt: HTML voor de structuur, CSS voor het uiterlijk en JavaScript voor het gedrag. Voor grotere interfaces zet een team daar een framework bovenop om al die code georganiseerd te houden. Goed gedaan laadt het resultaat snel, werkt het op elk schermformaat en reageert het zodra een bezoeker iets doet.
De front-end is ook waar je de meeste winst op snelheid en toegankelijkheid pakt of verliest. Een pagina die een megabyte ongebruikte JavaScript meestuurt, voelt traag op een gemiddelde telefoon, hoe snel de server ook is. En een knop die alleen met een muis werkt, sluit stilletjes iedereen uit die met toetsenbord of screenreader werkt. Dat zijn geen randgevallen. Ze bepalen of echte mensen je product echt kunnen gebruiken, en daarom staat front-endwerk dichter bij het product dan bij de versiering.
Bij TopDevs bouwen we front-ends die snel en helder blijven op echte telefoons en laptops, niet alleen op het perfecte scherm van een ontwerper.
