Wat is AngularJS? Invoering, Architectuur en kenmerken
James Hartman
Wat is AngularJS?
angularjs is een open-source Model-View-Controller-framework dat vergelijkbaar is met het JavaScript kader. AngularJS is waarschijnlijk een van de meest populaire moderne webframeworks die momenteel beschikbaar zijn. Dit raamwerk wordt gebruikt voor het ontwikkelen van voornamelijk Single Page-applicaties. Dit framework is ontwikkeld door een groep ontwikkelaars van Google zelf.
Dankzij de pure steun van Google en ideeën van een breed communityforum, wordt het framework altijd up-to-date gehouden. Ook bevat het altijd de nieuwste ontwikkelingstrends in de markt.
angularjs Architectuur
Angular.js volgt de MVC-architectuur, het diagram van het MVC-framework is zoals hieronder weergegeven:
- De Controller vertegenwoordigt de laag met de bedrijfslogica. Gebruikersgebeurtenissen activeren de functies die in uw controller zijn opgeslagen. De gebruikersgebeurtenissen maken deel uit van de controller.
- Weergaven worden gebruikt om de presentatielaag weer te geven die aan de eindgebruikers wordt aangeboden
- Modellen worden gebruikt om uw gegevens weer te geven. De gegevens in uw model kunnen zo eenvoudig zijn als primitieve declaraties. Als u bijvoorbeeld een studentenapplicatie onderhoudt, kan uw datamodel alleen een studenten-id en een naam bevatten. Of het kan ook complex zijn door een gestructureerd datamodel te hebben. Als u een autobezitapplicatie onderhoudt, kunt u structuren hebben om het voertuig zelf te definiëren in termen van motorinhoud, zitcapaciteit, enz.
Kenmerken van AngularJS
Angular heeft de volgende belangrijke kenmerken, waardoor het een van de krachtigste frameworks op de markt is:
- MVC – Het raamwerk is gebouwd op het beroemde concept van MVC (Model-View-Controller). Dit is een ontwerppatroon dat in alle moderne webapplicaties wordt gebruikt. Dit patroon is gebaseerd op het opsplitsen van de bedrijfslogicalaag, de gegevenslaag en de presentatielaag in afzonderlijke secties. De indeling in verschillende secties is gedaan zodat ze allemaal gemakkelijker kunnen worden beheerd.
- Gegevensmodelbinding – U hoeft geen speciale code te schrijven om gegevens aan de HTML-besturingselementen te binden. Dit kan door Angular worden gedaan door slechts een paar codefragmenten toe te voegen.
- Minder code schrijven – Bij het uitvoeren van DOM-manipulatie veel JavaScript moest worden geschreven om elke toepassing te ontwerpen. Maar met Angular zul je versteld staan van de kleinere hoeveelheid code die je nodig hebt om te schrijven voor DOM-manipulatie.
- Eenheid Testen klaar – De ontwerpers van Google hebben niet alleen Angular ontwikkeld, maar ook een testframework genaamd “Karma” ontwikkeld dat helpt bij het ontwerpen van unit-tests voor AngularJS-applicaties.
AngularJS-voordelen
Dit zijn de voordelen van AngularJS:
- Omdat het een open source-framework is, kun je ervan uitgaan dat het aantal fouten of problemen minimaal zal zijn.
- Tweerichtingsbinding – Angular.js houdt de data- en presentatielaag synchroon. Nu hoeft u geen extra JavaScriptcode om de data in uw HTML-code en uw data later gesynchroniseerd te houden. Angular.js doet dit automatisch voor u. U hoeft alleen maar aan te geven welke control aan welk deel van uw model is gebonden.
- Routing – Angular kan de routing verzorgen, wat betekent dat u van de ene weergave naar de andere gaat. Dit is de belangrijkste basis van applicaties met één pagina; waarbij u op basis van gebruikersinteractie naar verschillende functionaliteiten in uw webapplicatie kunt gaan, maar toch op dezelfde pagina kunt blijven.
- Angular ondersteunt testen, beide Testen van een eenheid en Integratietesten.
- Het breidt HTML uit door zijn eigen elementen aan te bieden die richtlijnen worden genoemd. Op een hoog niveau zijn richtlijnen markeringen op een DOM-element (zoals een attribuut, elementnaam en commentaar of CSS-klasse) die de HTML-compiler van AngularJS vertellen een gespecificeerd gedrag aan dat DOM-element te koppelen. Deze richtlijnen helpen bij het uitbreiden van de functionaliteit van bestaande HTML-elementen om uw webapplicatie meer kracht te geven.
