5 AngularJS okviri za brzo pokretanje aplikacija

Sada kada ste dobro upoznati s osnovama, vrijeme je da počnete izgradnju vlastite web aplikacije s AngularJS. AngularJS je izgradio aplikaciju temeljenu na Javascriptu intuitivnijom uporabom naziva direktive, koja radi ruku pod ruku s vašim HTML oznakama.

Ako vam izgradnja web aplikacije s tla izgleda neodoljivo, ne brinite se. Neki vrlo velikodušni programeri imaju prilagodio nekoliko frontend okvira za podršku AngularJS. Poput tipičnog okvira, dolaze s unaprijed izrađenim web-komponentama. To čini korištenje okvira savršen alat za svakoga tko treba dobiti web aplikacija gore i trčanje brzo.

Evo 5 okvira koje možete koristiti za pokretanje web-bazirane aplikacije s AngularJS.

1. AngularUI Bootstrap

AngularUI Bootstrap, kao što ime implicira, izgrađen je na vrhu jedne od najpopularnijih front-end okvira, Bootstrap. Ovaj okvir sadrži skup Bootstrap komponenti kao što su Carousel, Alert i Collapse zajedno s nekim dodatcima, kao što su Rating i TimePicker.

Sve ove komponente su prenesene da koriste AngularJS direktive (ng ponavljanja i ng-regulator) i prilagođene HTML elemente. Na primjer, umjesto da koristite

da biste umotali Carousel, možete koristiti više “značajan” prilagođeni element, i :

Ako ste veliki obožavatelj Bootstrap-a i uživate u snazi i performansama koje nudi AngularJS, to bi mogao biti savršen izbor okvira.

2. Kutna podloga

Još jedan popularan okvir koji je također preveden da koristi AngularJS je Foundation, i jednostavno je imenovan “Kutna zaklada”.

Isto tako, ovaj okvir je modificirao komponente Fondacije kako bi usvojio AngularJS-ove smjernice i prilagođene HTML elemente tako da sada možete izgraditi svoju web-aplikaciju koristeći semantički nazvane HTML elemente slike , , i , radije nego dvosmislen

. Ovdje je jedan primjer kako dodajemo Alert komponentu s element:

  Alert.msg

Ako vam se Zaklada sviđa bolje od Bootstrap-a, onda je to okvir s kojim treba ići. Preuzmite Angular Foundation na ovoj stranici, ili budite u tijeku s razvojem projekta kroz Github repo.

3. Ionski okvir

jonski dolazi s nekoliko čvrstih građevnih blokova koji olakšavaju i ubrzavaju razvoj mobilnih aplikacija. Svaka komponenta u jonskom okviru optimizirana je za mobilno iskustvo, koje u osnovi ovisi o dodiru i gestama. Ove UI komponente su također sastavljene od prilagođenih HTML elemenata. Primjerice, prilikom uvođenja navigacije s karticama upotrijebili biste :

Da biste još lakše i brže izradili vašu aplikaciju, možete upotrijebiti Ionic Creator koji vam omogućuje izgradnju aplikacije povlačenjem. Dakle, ako su vam izvedba i brzina važni, Jonski je najbolji okvir s kojim treba ići.

4. Mobilni kutni UI

Mobilni kutni UI je okvir mobilnog korisničkog sučelja koji je proširenje okvira Bootstrap, s ciljem stvaranja mobilnih aplikacija. Koristi većinu Bootstrap 3 sintakse s nekim dodanim specifičnim mobilnim komponentama kao što su preklopnici, prekrivači, bočne trake i pomična područja. Ovisi samo o AngularJS-u, a trenutačnu web-aplikaciju možete jednostavno prenijeti u mobilnu verziju dodavanjem ponuđenog CSS-a za prilagođavanje sadržaja i omogućavanje dodira.

Preuzmite ovaj okvir ovdje

5. Mreža korisničkog sučelja

Mreža korisničkog sučelja je najbolji način rada s mrežom ili stolom s uglom. Ima bogate značajke za prikaz jednostavnih i složenih i velikih skupova podataka na mreži. UI Grid je dizajniran za izvršavanje složenih značajki samo kada je to potrebno, čime se jezgra održava malom. Uz UI Grid možete vezati stanice na složena svojstva / funkcije, izvršavati sortiranje i filtriranje stupaca, uređivati podatke na mjestu i više. Za promjenu stilova prikaza vaše podatkovne mreže koristite Customizer.

Nabavite najnoviju mrežu korisničkog sučelja s početne stranice.

5 Apps za kupnju od kuće ovaj odmor [Recenzirao]

5 Strašan Gadgets od Kickstarter vrijedan Kupnja

5 Android Apps za manje dosadne zaslone zaključavanja