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 framework. AngularJS is waarschijnlijk een van de populairste moderne webframeworks die er momenteel zijn. Dit framework wordt gebruikt voor de ontwikkeling van...ping voornamelijk Single Page Applications. Dit framework is ontwikkeld door een groep ontwikkelaars van Google zelf.
Vanwege de enorme steun van Google Dankzij ideeën vanuit een breed communityforum wordt het raamwerk continu bijgewerkt. Bovendien worden de nieuwste ontwikkelingen in de markt er altijd in verwerkt.
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 bij Google Hij heeft niet alleen Angular ontwikkeld, maar ook een testframework genaamd "Karma", 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 eenheiden 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.
