AngularJS – Framtidens MVC-ramverk?

MVC (Model/View/Controller)-ramverk för frontend-utveckling är något som verkligen börjar bli populärt vid utveckling av nya webbapplikationer. Som nedanstående graf visar så är det ramverket AngularJS, ursprungligen utvecklat av Google, som fått mest uppmärksamhet den senaste tiden.

Skaparna bakom AngularJS menar att HTML från början inte är skapat för dagens interaktiva och dynamiska webbapplikationer, det är snarare anpassat för statiska dokument med statiskt innehåll. I och med webbens utveckling anser de att man borde lära HTML lite nya trick – och det är här AngularJS kommer in i bilden. Istället för att fungera som ett abstraktionslager till HTML, som flertalet andra ramverk, låter AngularJS dig istället lära din webbläsare nya trick med hjälp av JavaScript. Mycket monoton och repeterande kod som i andra ramverk skrivs i javascript kan med AngularJS skrivas direkt i dina HTML-dokument, med drastiskt minskade rader kod skriven. I AngularJS-världen kallas det att man lär sin webbläsare att förstå nya direktiv, som man sedan kan applicera på befintlig HTML-struktur.

Att AngularJS har fått mycket uppmärksamhet den senaste tiden är inget man förundras över efter att ha använt det. Studemia, ett av de projekt vi är involverade i är utvecklat med hjälp av främst AngularJS, och man slutar inte förvånas över hur lättanvänt och utvecklarvänligt ramverket är. Den välskrivna och relativt uttömmande dokumentationen är även den en stor hjälp vid utveckling.

En annan av de stora fördelarna med AngularJS är deras “two-way-data-binding”. Data-binding är en metod som innebär att din vy uppdateras så fort datan ändras och vice versa. Det här är extremt användbart i större applikationer där AngularJS automatiskt ser till att datan som visas för användare är i sync med den underliggande datan som finns i applikationen.

Utöver ovanstående funktioner är AngularJS utvecklat med testbarhet i åtanke från grunden. Dokumentationen ger bra exempel på hur du på bästa sätt testar din kod för att motverka oväntade fel. Du kan även utveckla egna moduler och tillägg till AngularJS som enkelt går att återanvända och dela med andra applikationer. Det finns en stor community kring projektet (som finns tillgängt på dess GitHub-sida), och många användbara moduler finns som tillägg. Exempel på detta är moduler för Twitters populära Bootstrap-ramverk och den relativt nya och intressanta realtids-tjänsten Firebase.

Allt ovanstående gör, i våra ögon, AngularJS till ett av de mest intressanta JavaScript-projekten på länge och vi ser fram emot framtida funktionalitet som dynamisk laddning av controllers, bättre mobilanpassning samt mer utvecklad och dokumenterad bygg-fas.

Läs mer här om SEO med AngularJS.

Skrivet den 12 juli av

Per Almhorn

Kategorier: Ny Teknik Studemia

Skriv en kommentar

  • XHTML: Du kan använda följande taggar: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

1 kommentar

  1. Johan Welin skriver:

    Håller med.
    Mixar man Angular med jQuery[Mobile] och Bootstrap så har man en combo som klarar mycket.

    /J