Frontendlogica in Vue kun je ook met unit tests controleren. Aan de hand van een klein component bouwen we een test op met Jasmine en Karma: het component laden, afzonderlijk gedrag herkennen en testgevallen kiezen. Daarbij kijken we naar verschillende invoerwaarden en grenzen, zodat de test meer doet dan alleen de code uitvoeren.
Een leeg formulier hoeft niet direct vol rode foutmeldingen te staan. AngularJS houdt per veld en formulier bij wat de gebruiker heeft gedaan en of de invoer geldig is. Met states zoals touched, dirty en submitted bepaal je wanneer een validatiemelding verschijnt. Zo laat je de feedback aansluiten op het invullen van het formulier.
AngularJS, Angular 2, Angular 4: waarom bestaan er zoveel namen en versienummers, en waar bleef versie 3? Dit artikel legt de oorspronkelijke overstap van AngularJS naar Angular uit en bespreekt het releasepatroon. Handig als achtergrond bij de versies die je in oudere projecten en opdrachtomschrijvingen tegenkomt.
Hoe test je logica in een private Angular-method zonder die alleen voor een test public te maken? Dit artikel bespreekt testen via publiek gedrag, het verplaatsen van logica naar een service en een directe benadering wanneer dat niet past. De centrale vraag: wat wil je bewijzen, en hoeveel moet je test daarvoor van de implementatie weten?
Een component en een directive kunnen in AngularJS op elkaar lijken. Toch hebben ze een andere rol: een component bundelt een stuk interface, terwijl een directive gedrag aan een element kan toevoegen. We vergelijken hun belangrijkste mogelijkheden en bekijken wanneer welke vorm past bij de code die je wilt hergebruiken.
Two-way binding is handig, maar een groeiend aantal watchers kan een AngularJS-app vertragen. Vier aandachtspunten helpen je bewuster om te gaan met de digestcycle en de kosten van databinding. Met onder meer one-time binding als manier om onnodig werk in de browser te beperken.
Een AngularJS-project begint klein, maar zonder structuur wordt de juiste controller of module al snel lastig te vinden. Dit artikel laat zien hoe Yeoman een projectbasis genereert met een mappenindeling, buildtaken, dependencies en tests. Een terugblik op het opzetten van AngularJS met Yo, Gulp of Grunt en Bower of npm.
Concat, Uglify en Minify komen vaak samen voor in een frontend-build, maar doen niet hetzelfde. Dit artikel legt uit wat bestanden samenvoegen, namen verkorten en overbodige tekens verwijderen betekenen. Met Gulp en Grunt als uitgangspunt bekijken we hoe deze bewerkingen de uiteindelijke JavaScript- en CSS-bestanden veranderen.
Een AngularJS-app wisselt van view zonder de hele pagina te herladen. Daardoor ziet een traditionele pageviewmeting niet vanzelf elke navigatie. Dit artikel laat zien hoe je routewijzigingen opvangt en doorstuurt naar de toenmalige Google Analytics-trackingcode, zodat ook navigatie binnen een single-page application wordt gemeten.
