AngularJS vodič za početnike: Naučite AngularJS korak po korak

By: James Hartman James Hartman
Hours Ažurirano

Sažetak vodiča za AngularJS

Ovo je vodič za AngularJS za početnike korak po korak za učenje AngularJS od nule. Ovaj vodič za Angular JS pomoći će vam da naučite osnove i komponente AngularJS-a kao što su direktive, filtri, izrazi itd. i istražite više njegovih programskih aspekata za SPA.

Što je AngularJS?

AngularJS je JavaOkvir skripte za izgradnju MVC-baziranih web aplikacija. Omogućuje vam da podijelite sloj poslovne logike, podatkovni sloj i prezentacijski sloj. Koristi HTML kao jezik predloška za proširenje svoje sintakse za stvaranje raznih komponenti aplikacije. Također pomaže u smanjenju koda pomoću značajki vezanja podataka i ubacivanja ovisnosti.

AngularJS nastavni plan i program

Osnove AngularJS za početnike

👍 Lessna 1 Što je AngularJS? - Uvod, Architekstura i značajke
👍 Lessna 2 AngularJS Pozdrav svijetu — Vaš prvi AngularJS program
👍 Lessna 3 Vodič za AngularJS kontroler — Što je, Kako graditi s primjerom

AngularJS Scope Model View

👍 Lessna 1 Kutni opseg — Što je $Scope u AngularJS? Vodič s primjerom
👍 Lessna 2 ngPonovi — AngularJS ng-repeat Direktiva s primjerom
👍 Lessna 3 ngModel — Kako koristiti “ng-model” u AngularJS s primjerima
👍 Lessna 4 ngView — AngularJS ng-view s primjerom

AngularJS izrazi

👍 Lessna 1 AngularJS izrazi — NIZ, objekti, $eval, nizovi [primjeri]
👍 Lessna 2 Primjer AngularJS filtra — Mala slova, Velika slova i JSON
👍 Lessna 3 Prilagođeni filtar AngularJS — Kako stvoriti prilagođene filtre u AngularJS s primjerom
👍 Lessna 4 AngularJS Direktiva s primjerom — ng-init, ng-repeat, ng-app, ng-model
👍 Lessna 5 CUSTOM direktive u AngularJS — Kako stvoriti prilagođenu direktivu? [Primjeri]

Osnove AngularJS korak po korak

👍 Lessna 1 AngularJS modul — Vodič za AngularJS modul s primjerom
👍 Lessna 2 AngularJS događaji — Direktiva ng-click, ng-show, ng-hide [Primjer]
👍 Lessna 3 AngularJS usmjeravanje s parametrima — Primjer primjene jedne stranice
👍 Lessna 4 AngularJS $resurs & $http — AngularJS AJAX poziv pomoću $resource, $http [Primjer]
👍 Lessna 5 Tablica AngularJS — Filtar za sortiranje, poredak i velika slova [Primjeri]
👍 Lessna 6 AngularJS provjera valjanosti obrasca pri slanju — Obrazac s primjerom
👍 Lessna 7 Primjer slanja AngularJS obrasca — Kako poslati obrazac koristeći ng-submit
👍 Lessna 8 ng-include u AngularJS — Kako uključiti HTML datoteku [Primjer]
👍 Lessna 9 AngularJS uvođenje ovisnosti — Koje su komponente ubrizgane

POVEZANI ČLANCI

AngularJS Napredne stvari!

👍 Lessna 1 AngularJS Jedinično testiranje — Vodič za Karmu Jasmine
👍 Lessna 2 Vodič za testiranje kutomjera — Okvir alata za automatizaciju
👍 Lessna 3 AngularJS protiv Angular 2 protiv Angular 4 - Koja je razlika?
👍 Lessna 4 React vs Angular — 10 najvažnijih razlika koje morate znati!

AngularJS Pitanja za intervjue, knjige i vodiči PDF

👍 Lessna 1 AngularJS Pitanja za intervju — Top 75 AngularJS pitanja i odgovora za intervju
👍 Lessna 2 AngularJS knjige — 10 NAJBOLJIH AngularJS knjiga za početnike i stručnjake
👍 Lessna 3 PDF vodič za AngularJS — Preuzmite PDF upute za AngularJS za početnike

Što ćete naučiti u ovom vodiču za Angular JS?

U ovom vodiču za AngularJS za početnike naučit ćete osnove Angular JS-a kao što je Što je AngularJS, kontroler, opseg, ng-model, ng-view, AngularJS izraze, module, događaje, tablicu, formu itd. i napredne koncepte kao što je AngularJS jedinično testiranje , testiranje kutomjera, AngularJS verzije, AngularJS pitanja za intervju itd.

Zašto naučiti AngularJS?

AngularJS je okvir otvorenog koda koji se široko koristi za izradu MVC web aplikacija na strani klijenta. Štoviše, naširoko ga koriste u svakoj industriji od strane pojedinaca i tvrtki širom svijeta, tako da postoje velike mogućnosti karijere za kandidate koji dobro poznaju Angular JS.

Preduvjeti za učenje AngularJS

Ovaj Angular vodič je dizajniran za početnike. Međutim, ako imate osnovno znanje HTML-a, CSS-a i JavaScript, bila bi to dodatna pomoć.

Značajke AngularJS

Slijede glavne značajke Angular JS-a:

  • To je open-source JavaSkripta MVW Framework
  • Proširuje HTML podršku dodavanjem oznaka, atributa i izraza
  • Omogućuje jednostavno rukovanje događajima
  • Pruža podršku za povezivanje podataka
  • Nudi ugrađeni predložak i usmjeravanje
  • Pruža provjere valjanosti obrazaca i animacije
  • Nudi ubrizgavanje ovisnosti

Primjer jednostavnog AngularJS programa

<!DOCTYPE html>
<html>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<head>
    <meta chrset="UTF 8">
    <title>Basic AngularJS Program</title>
</head>
<body ng-app="">

<h3>This is AngularJS Tutorial for Beginners..!!</h3>

</body>
</html>

Izlaz:

This is AngularJS Tutorial for Beginners..!!

Možda ti se svidi: