angularjs tutorial absolute beginners
Uvod v AngularJS: Kaj je AngularJS, njegove prednosti, lastnosti in kako prenesti in namestiti vodnik
AngularJS je programski jezik, ki danes postaja priljubljen.
kako odpreti datoteko z
Leto je 2018, tehnološki napredek pa je bil letos na vrhuncu. Najbolj iskani so programski jeziki, kot so Python, AngularJS, Ruby on Rails, React in Redux JS itd.
Če lahko katerega od teh programskih jezikov pridobite skupaj s starejšimi jeziki, kot sta JAVA ali C ++, se lahko enostavno zaposlite. Zelo pomembno je, da ste na tekočem z novimi programskimi trendi, da boste ohranili visok učni količnik.
Naše Serija AngularJS Vadnice vam bodo dale popolno znanje o AngularJS.
************************************************* * *****************************
Hitro se naučite AngularJS s temi 6 vadnicami:
Vadnica # 1 - Uvod v AngularJS (Ta vadnica)
Vadnica # 2 - Direktiva AngularJS s primerom
Vadnica št. 3 - Zgradite aplikacijo za eno stran s pomočjo AngularJS
Vadnica # 4 - Razlika med kotnimi različicami
Vadnica št. 5 - Orodje kotomera za preskušanje aplikacij AngularJS
Vadnica št. 6 - Najpogostejša vprašanja za intervju z AngularJS
************************************************* * *****************************
Organizacije poskušajo zaposliti ljudi glede na njihovo produktivnost. Če je oseba sposobna razvijati kodo in prinašati rezultate v krajšem času, potem očitno dobi prednost pred ostalimi.
Glede na povpraševanje na trenutnih trgih in čas, potreben popolnemu začetniku za učenje in gradnjo resničnih aplikacij, je trenutno najboljši programski jezik za učenje AngularJS.
Za začetek s serijo podajmo kratko Uvod v AngularJS.
Kaj se boste naučili:
- Kaj je AngularJS?
- Kdaj se je AngularJS pojavil v sliki?
- Zakaj AngularJS?
- Predpogoji za učenje AngularJS
- Značilnosti AngularJS
- Izrazi v AngularJS
- Filtri AngularJS
- Kako nastaviti okolje za delo z AngularJS?
- Vaša prva prijava
- Omejitve AngularJS
- Zaključek
- Priporočeno branje
Kaj je AngularJS?
AngularJS je ogrodje JavaScript, ki deluje na strani odjemalca in se uporablja za razvoj spletnih aplikacij.
To pomeni, da bo kodo, ki jo napišete, izvajal brskalnik in ne strežnik. Je priljubljen in zmogljiv JavaScript okvir, ki se pogosto uporablja v enostranskih aplikacijah in vrstah poslovnih aplikacij.
Zaradi tega so zdaj povpraševana različna podjetja za razvoj aplikacij AngularJs.
Kdaj se je AngularJS pojavil v sliki?
Spletni razvoj je eden najbolj zaželenih in stroškovno najučinkovitejših načinov za ustvarjanje porazdeljenih aplikacij.
Enkrat uporabljena namestitev na enem računalniku je dostopna vsem uporabnikom na svetovnem spletu. Ena izmed težav z zmogljivostjo, ki se je pojavila, je bila težava z objavo strani, ki je povzročila zaostank v komunikaciji med odjemalcem in strežnikom.
Podjetje AngularJS sta leta 2009 razvila Misko in Adam Abrons, da bi se lažje spopadal s takšnimi težavami, in ga Google od takrat vzdržuje. Gre za odprtokodni projekt, kar pomeni, da ga lahko prosto uporabljate in delite z drugimi.
Od njegove zasnove se gradi več spletnih aplikacij, številne aplikacije pa so navedene na njej Spletna stran .
Zakaj AngularJS?
Že imamo več okvirov JavaScript, kot so React JS, Node JS, Backbone JS itd. Toda, zakaj imamo raje AngularJS kot obstoječe?
Ko razvijate spletne strani z uporabo AngularJS, se strani ne bodo pogosto osveževale zaradi operacij, ki jih uporabnik izvaja na spletni strani. To pa je potrebno za hitrejši izhod uporabnikov prek spletne strani.
Toda kako AngularJS to doseže?
Prednosti AngularJS, ki so navedene spodaj, bi odgovorile na zgornja vprašanja.
Spodaj je naštetih več prednosti:
# 1) Vbrizgavanje odvisnosti
V programskem inženiringu se vbrizgavanje odvisnosti nanaša na prenašanje predmetov med aplikacijo in odjemalcem.
Vbrizgavanje je pojav posredovanja odvisnosti (recimo aplikacijske storitve) odvisnemu objektu (recimo odjemalcu), ki bi jo uporabil. AngularJS ponuja več osnovnih komponent za preprosto doseganje tega namena.
# 2) Model View Controller
AngularJS se uporablja za ustvarjanje bogatih internetnih aplikacij (RIA), dvosmerna vezava podatkov pa je dosegljiva zaradi arhitekture MVC (model view controller) v Angular JS.
Osnovni prikaz te arhitekture je prikazan spodaj:
Model MVC za AngularJS
Kot razvijalci moramo samo razdeliti svojo kodo na model, pogled in krmilnik, ostale operacije, kot je upravljanje komponent in njihovo povezovanje, pa bo samodejno opravil AngularJS.
# 3) Dvosmerna vezava podatkov
Spremembe programske opreme bi se morale odzivati, spremembe znotraj sistema pa bi morale biti prilagojene spremembam v uporabniškem vmesniku in obratno, natančno in hitro.
AngularJS ponuja to vrsto vezave s sinhronizacijo med modelom in pogledom.
# 4) Testiranje
Zanimivo je vedeti dejstvo, da je bil AngularJS zasnovan ob upoštevanju testiranja že od začetka.
Katero koli komponento programa AngularJS lahko udobno preizkusite tako s preskušanjem enote kot s preskusom od konca do konca. Aplikacijo lahko za namene testiranja prevažamo med brskalniki.
# 5) Nadzor obnašanja elementov DOM
Atribute AngularJS lahko povežete z direktivami, tako da je možna samodejna inicializacija aplikacije.
To pomeni, da v AngularJS obstaja modularnost in s pomočjo njegovih funkcij, kot so direktive in filtri, lahko v kodi dosežemo občutek prilagajanja in prilagodljivosti.
Zdaj smo videli odgovore na vsa vprašanja, zakaj - ki se lahko pojavijo kot posledica zaskrbljenosti pri učenju novega, in mislim, da smo pripravljeni iti.
Vedno je bolje, da se naučimo tehnološkega trenda in se nenehno posodabljamo, da kar najbolje izkoristimo svojo kariero in tudi, da je naš radovedni um vedno žejen znanja.
Predpogoji za učenje AngularJS
Pomembno in koristno je vedeti nekaj stvari vnaprej, da pospešite svoj učni tempo.
HTML in CSS bi lahko uporabili za izdelavo lastnih spletnih strani, da bi lahko na njih opravili testiranje. Za kodiranje v AngularJS je pomembno, da osnovno razumete JavaScript.
Zato je priporočljivo, da pred začetkom uporabe AngularJS pridobite osnovno razumevanje HTML-ja in CSS-ja skupaj s koncepti izvajanja JavaScript-a.
Značilnosti AngularJS
V jeziku AngularJS obstaja veliko edinstvenih in ekskluzivnih ponudb. Bolje je, da se s tem seznanite, preden nastavite okolje za pisanje in izvajanje kode v AngularJS.
Arhitektura MVC
Model-View-Controller zasnove AngularJS je treba razumeti, da bi razumeli, kako koda deluje.
MVC je jedro tega programskega jezika, zato je tudi zelo pomemben. Vsakič, ko pride do dogodka, Controller del kodne baze prejme vnos dogodka, ki je sestavljen iz različnih zahtev za aplikacijo.
Modelni del kodne baze, ki je običajno jedro logike, se uskladi s krmilnikom in pripravi zahtevane podatke, ki jih mora pogled uporabiti za ustvarjanje predstavljivega rezultata. Zato se znotraj arhitekture programskega jezika ločujejo pomisleki, saj ločuje aplikacijsko logiko od sloja uporabniškega vmesnika.
To je razlog, zakaj se AngularJS pogosto uporablja pri razvoju aplikacij za eno stran (SPA).
Direktiv
AngularJS je integriran s kodo HTML za ustvarjanje spletnih strani, 'Direktive' pa so posebni atributi AngularJS in se uporabljajo za njihovo integracijo.
Izrazi v AngularJS
Izrazi AngularJS lahko vsebujejo literale, operatorje ali spremenljivke, v nasprotju s tradicionalnim JavaScriptom.
Lahko bi jih zapisali znotraj same oznake HTML, vendar je treba paziti, da dodamo direktivo ng-app, sicer bo izraz prikazan takšen, kakršen je, ne da bi bil rešen.
Izraze AngularJS lahko zapišemo v dvojne zavite oklepaje ali v direktivo.
Sintaksa:
Znotraj zavitih oklepajev:
My first expression in Angular JS: {{3+3}}
Notranja direktiva:
Številke JS
Ta podatkovni tip je podoben podatkovnemu tipu JavaScript in operaterji bi se lahko uporabljali za prikaz rezultatov.
Primer:
The value of 5 times 10 is : {{5*10}}
Nizov AngularJS
Strune je mogoče inicializirati z direktivo ng-init ali ng-controller. Združevanje nizov je možno tudi, kadar je v izrazu uporabljen operator +.
Strune lahko uporabimo tudi kot izraze v dvojnih oklepajih ali uporabimo direktivo ng-bind, tako kot številke AngularJS.
Sintaksa:
Znotraj zavitih oklepajev:
My first string expression in Angular JS: {{ first string variable name + second string variable name }}
