Hva er AngularJS? Introduksjon, Architecture & funksjoner

Hva er AngularJS?

AngularJS er et åpen kildekode Model-View-Controller-rammeverk som ligner på JavaScript rammeverk. AngularJS er sannsynligvis en av de mest populære moderne nettrammene som er tilgjengelige i dag. Dette rammeverket brukes til å utvikle hovedsakelig Single Page-applikasjoner. Dette rammeverket er utviklet av en gruppe utviklere fra Google selv.

På grunn av den store støtten fra Google og ideer fra et bredt fellesskapsforum, holdes rammeverket alltid oppdatert. Dessuten inkluderer den alltid de siste utviklingstrendene i markedet.

AngularJS Architecture

Angular.js følger MVC-arkitekturen, diagrammet over MVC-rammeverket som vist nedenfor:

• Kontrolleren representerer laget som har forretningslogikken. Brukerhendelser utløser funksjonene som er lagret inne i kontrolleren. Brukerhendelsene er en del av kontrolleren.
• Visninger brukes til å representere presentasjonslaget som gis til sluttbrukerne
• Modeller brukes til å representere dataene dine. Dataene i modellen din kan være så enkle som å bare ha primitive deklarasjoner. Hvis du for eksempel vedlikeholder en studentapplikasjon, kan datamodellen din bare ha en student-ID og et navn. Eller det kan også være komplekst ved å ha en strukturert datamodell. Hvis du opprettholder en søknad om bileierskap, kan du ha strukturer for å definere selve kjøretøyet med tanke på motorkapasitet, setekapasitet osv.

Funksjoner til AngularJS

Angular har følgende nøkkelfunksjoner som gjør den til en av de kraftige rammene på markedet:

1. MVC – Rammeverket er bygget på det kjente konseptet MVC (Model-View-Controller). Dette er et designmønster som brukes i alle moderne nettapplikasjoner. Dette mønsteret er basert på å dele opp forretningslogikklaget, datalaget og presentasjonslaget i separate seksjoner. Inndelingen i ulike seksjoner er gjort slik at hver enkelt kan administreres lettere.
2. Datamodellbinding – Du trenger ikke skrive spesiell kode for å binde data til HTML-kontrollene. Dette kan gjøres av Angular ved å bare legge til noen få kodebiter.
3. Skriver mindre kode – Når du utfører DOM-manipulasjon mye JavaScript måtte skrives for å utforme enhver søknad. Men med Angular vil du bli overrasket over den mindre mengde kode du trenger å skrive for DOM-manipulasjon.
4. Enhet Testing klar – Designerne hos Google utviklet ikke bare Angular, men utviklet også et testrammeverk kalt «Karma» som hjelper til med å designe enhetstester for AngularJS-applikasjoner.

AngularJS fordeler

Her er fordelene med AngularJS:

• Siden det er et rammeverk med åpen kildekode, kan du forvente at antallet feil eller problemer er minimalt.
• Toveisbinding – Angular.js holder data- og presentasjonslaget synkronisert. Nå trenger du ikke skrive mer JavaSkriptkode for å holde dataene i HTML-koden og dataene dine senere synkronisert. Angular.js vil automatisk gjøre dette for deg. Du trenger bare å spesifisere hvilken kontroll som er bundet til hvilken del av modellen din.

• Ruting – Angular kan ta seg av ruting som betyr å flytte fra en visning til en annen. Dette er det grunnleggende for enkeltsideapplikasjoner; hvor du kan flytte til forskjellige funksjoner i nettapplikasjonen din basert på brukerinteraksjon, men fortsatt være på samme side.
• Angular støtter testing, begge deler Enhetstestingog Integrasjonstesting.
• Den utvider HTML ved å gi sine egne elementer kalt direktiver. På et høyt nivå er direktiver markører på et DOM-element (som et attributt, elementnavn og kommentar eller CSS-klasse) som forteller AngularJS sin HTML-kompilator å knytte en spesifisert oppførsel til det DOM-elementet. Disse direktivene hjelper deg med å utvide funksjonaliteten til eksisterende HTML-elementer for å gi mer kraft til nettapplikasjonen din.