Mikä on AngularJS?
AngularJS on avoimen lähdekoodin Model-View-Controller -kehys, joka on samanlainen kuin JavaScript-kehys.
Angular JS on luultavasti yksi suosituimmista nykypäivän verkkokehyksistä. Tätä kehystä käytetään lähinnä Single Page -sovellusten kehittämiseen. Tämän kehyksen on kehittänyt joukko kehittäjiä itse Googlesta.
Googlen pelkän tuen ja laajan yhteisöfoorumin ideoiden takia puitteet pidetään aina ajan tasalla. Lisäksi se sisältää aina markkinoiden viimeisimmät kehityssuuntaukset.
Tässä opetusohjelmassa opit-
- AngularJS-ominaisuudet
- Angularjs-arkkitehtuuri
- Kulmaiset JS-edut
AngularJS-ominaisuudet
Angularilla on seuraavat keskeiset ominaisuudet, mikä tekee siitä yhden markkinoiden tehokkaimmista kehyksistä.
-
MVC - Kehys on rakennettu kuuluisalle MVC (Model-View-Controller) -konseptille. Tätä mallia käytetään kaikissa nykypäivän verkkosovelluksissa. Tämä malli perustuu liiketoimintalogiikan, tietokerroksen ja esityskerroksen jakamiseen erillisiin osioihin. Jako eri osioihin tehdään siten, että kutakin voidaan hallita helpommin.
-
Tietomallien sidonta - Sinun ei tarvitse kirjoittaa erityiskoodia tietojen sitomiseksi HTML-ohjaimiin. Tämän voi tehdä Angular vain lisäämällä muutaman koodinpätkän.
-
Kirjoitetaan vähemmän koodia - Kun suoritat DOM-manipulointia, minkä tahansa sovelluksen suunnitteluun tarvitaan paljon JavaScriptin kirjoittamista. Mutta Angularin kanssa hämmästyt pienemmällä määrällä koodia, joka sinun on kirjoitettava DOM-manipulointia varten.
-
Yksikkötestaus valmis - Googlen suunnittelijat kehittivät Angularin lisäksi myös Karma-nimisen testauskehyksen, joka auttaa suunnittelemaan yksikkötestejä AngularJS-sovelluksille.
AngularJS-arkkitehtuuri
Angular.js noudattaa MVC-arkkitehtuuria, MVC-kehyksen kaaviota alla esitetyllä tavalla.
-
Ohjain edustaa tasoa, jolla on liiketoimintalogiikka. Käyttäjätapahtumat laukaisevat ohjaimeen tallennetut toiminnot. Käyttäjätapahtumat ovat osa ohjainta.
-
Näkymiä käytetään edustamaan loppukäyttäjille tarjottavaa esityskerrosta
-
Malleja käytetään edustamaan tietojasi. Mallisi tiedot voivat olla yhtä yksinkertaisia kuin vain primitiivisten ilmoitusten käyttäminen. Esimerkiksi, jos ylläpidät opiskelijasovellusta, tietomallissasi voi olla vain opiskelijan tunnus ja nimi. Tai se voi olla myös monimutkainen, jos sillä on strukturoitu tietomalli. Jos ylläpidät auton omistajuussovellusta, sinulla voi olla rakenteita, jotka määrittelevät ajoneuvon itse sen moottoritilan, istumakapasiteetin jne.
Kulmaiset JS-edut
-
Koska kyseessä on avoimen lähdekoodin kehys, voit odottaa virheiden tai ongelmien määrän olevan vähäinen.
-
Kaksisuuntainen sidonta - Angular.js pitää data- ja esityskerroksen synkronoituna. Nyt sinun ei tarvitse kirjoittaa ylimääräistä JavaScript-koodia pitääkseen tiedot HTML-koodissasi ja tietosi myöhemmin synkronoituna. Angular.js tekee tämän automaattisesti puolestasi. Sinun tarvitsee vain määrittää, mikä ohjausobjekti on sidottu mihin tahansa mallisi osaan.
-
Reititys - Kulma voi huolehtia reitityksestä, mikä tarkoittaa siirtymistä yhdestä näkymästä toiseen. Tämä on yhden sivun sovellusten keskeinen perusta. jolloin voit siirtyä verkkosovelluksen eri toimintoihin käyttäjän vuorovaikutuksen perusteella, mutta pysyt silti samalla sivulla.
-
Kulma tukee testausta, sekä yksikkötestausta että integraatiotestausta.
-
Se laajentaa HTML: ää tarjoamalla omat elementit, joita kutsutaan direktiiveiksi. Korkealla tasolla direktiivit ovat DOM-elementin (kuten määritteen, elementin nimen ja kommentin tai CSS-luokan) merkkejä, jotka käskevät AngularJS: n HTML-kääntäjää liittämään määritetyn toiminnan kyseiseen DOM-elementtiin. Nämä direktiivit auttavat laajentamaan nykyisten HTML-elementtien toimivuutta, jotta Web-sovelluksellesi saadaan enemmän virtaa.