angularjs tutorial absolute beginners
Úvod do AngularJS: Čo je AngularJS, aké sú jeho výhody, vlastnosti a ako si stiahnuť a inštalovať sprievodcu
AngularJS je programovací jazyk, ktorý sa v dnešnej dobe stáva populárnym.
Píše sa rok 2018 a technologický pokrok bol tento rok na vrchole. Najvyhľadávanejšie sú programovacie jazyky ako Python, AngularJS, Ruby on Rails, React a Redux JS atď.
Ľahko sa môžete zamestnať, ak sa zmocníte niektorého z týchto programovacích jazykov spolu so staršími jazykmi, ako sú JAVA alebo C ++. Je veľmi dôležité mať prehľad o nových programovacích trendoch, aby bol váš vzdelávací kvocient vysoký.
Náš Séria AngularJS Výukové programy vám poskytnú úplné znalosti o AngularJS.
******************************************** *******************************
Rýchlo sa naučte AngularJS pomocou týchto 6 tutoriálov:
Výukový program č. 1 - Úvod do AngularJS (tento návod)
Výukový program č. 2 - Smernica AngularJS s príkladom
Výukový program č. 3 - Vytváranie jednostránkových aplikácií pomocou AngularJS
Výukový program č. 4 - Rozdiel medzi uhlovými verziami
Výukový program č. 5 - Nástroj Uhlomer na komplexné testovanie aplikácií AngularJS
Výukový program č. 6 - Najlepšie otázky na rozhovor AngularJS
******************************************** *******************************
Organizácie sa snažia zamestnávať ľudí na základe ich produktivity. Ak je človek schopný vyvinúť kód a poskytnúť výstup v kratšom čase, potom zjavne získa náskok pred ostatnými.
Ak vezmeme do úvahy dopyt na súčasných trhoch a čas potrebný na to, aby sa úplní začiatočníci naučili a vytvorili aplikácie v reálnom svete, najlepším programovacím jazykom, ktorý sa práve teraz môžete naučiť, je AngularJS.
Na začiatok seriálu si dáme krátku informáciu Úvod do AngularJS.
Čo sa dozviete:
- Čo je AngularJS?
- Keď sa AngularJS dostal do obrazu?
- Prečo AngularJS?
- Predpoklady pre učenie sa AngularJS
- Vlastnosti AngularJS
- Výrazy v AngularJS
- Filtre AngularJS
- Ako nastaviť prostredie pre prácu s AngularJS?
- Vaša prvá žiadosť
- Obmedzenia AngularJS
- Záver
- Odporúčané čítanie
Čo je AngularJS?
AngularJS je rámec JavaScript, ktorý funguje na strane klienta a používa sa na vývoj webových aplikácií.
To znamená, že kód, ktorý napíšete, vykoná prehliadač, a nie server. Je to populárny a výkonný rámec JavaScriptu a je široko používaný v jednostránkových aplikačných projektoch a obchodných aplikáciách.
Z tohto dôvodu sú teraz žiadané rôzne spoločnosti pre vývoj aplikácií AngularJs.
Keď sa AngularJS dostal do obrazu?
Vývoj webu je jedným z najpreferovanejších a najefektívnejších spôsobov vytvárania distribuovaných aplikácií.
Nasadenie vykonané raz na jednom počítači môže byť prístupné všetkým používateľom na celom webe. Jedným z problémov s výkonom, ktorý sa objavil, bol problém so zverejňovaním stránok, ktorý vyústil do oneskorenia komunikácie medzi klientom a serverom.
AngularJS vyvinuli Misko a Adam Abrons v roku 2009 s cieľom pomôcť v boji proti takýmto problémom a od tej doby je udržiavaný spoločnosťou Google. Je to projekt s otvoreným zdrojovým kódom, čo znamená, že ho môžete ľubovoľne používať a zdieľať.
Od svojho vytvorenia sa vytvára niekoľko webových aplikácií a mnoho z nich je v nej uvedených webovú stránku .
Prečo AngularJS?
Už máme niekoľko rámcov JavaScriptu, napríklad React JS, Node JS, Backbone JS atď. Ale prečo stále uprednostňujeme AngularJS pred existujúcimi?
Keď vyvíjate webové stránky pomocou AngularJS, stránky sa nebudú často obnovovať z dôvodu operácií, ktoré používateľ vykonáva na webovej stránke. To je zase potrebné na zabezpečenie rýchlejšieho výstupu pre používateľov prostredníctvom webovej stránky.
Ako to však AngularJS dosahuje?
Výhody AngularJS, ktoré sú uvedené nižšie, by odpovedali na vyššie uvedené otázky.
Existuje niekoľko výhod, ktoré sú uvedené nižšie:
kde nájdem kľúč zabezpečenia siete
# 1) Injekcia závislostí
V softvérovom inžinierstve sa injektážou závislostí rozumie odovzdávanie objektov medzi aplikáciou a klientom.
Injekcia je fenomén prenosu závislosti (napríklad aplikačnej služby) na závislý objekt (napríklad klienta), ktorý by ju použil. AngularJS poskytuje niekoľko základných komponentov na jednoduché dosiahnutie tohto účelu.
# 2) Ovládač zobrazenia modelu
AngularJS sa používa na vytváranie Rich Internet Applications (RIA) a obojsmerné viazanie údajov je dosiahnuteľné vďaka architektúre MVC (model view controller) v Angular JS.
Základné znázornenie tejto architektúry je uvedené nižšie:
Model MVC pre AngularJS
Ako vývojári musíme náš kód rozdeliť na model, pohľad a radič a zvyšok operácií, ako je správa komponentov a ich vzájomné prepojenie, vykoná automaticky AngularJS.
# 3) Obojsmerná väzba údajov
Zmeny softvéru by mali byť responzívne a zmeny v systéme by mali zodpovedať zmenám v používateľskom rozhraní a naopak, s presnosťou a rýchlosťou.
AngularJS ponúka tento druh väzby synchronizáciou medzi modelom a pohľadom.
# 4) Testovanie
Je zaujímavé poznať skutočnosť, že AngularJS bol navrhnutý s ohľadom na testovanie, a to hneď od začiatku.
Ktorúkoľvek zo zložiek AngularJS je možné pohodlne testovať pomocou jednotkového testovania aj testovania typu end-to-end. Aplikáciu je možné na účely testovania preniesť cez rôzne prehliadače.
# 5) Kontrola správania prvkov DOM
Atribúty AngularJS možno prepojiť so smernicami, aby bola možná automatická inicializácia aplikácie.
To znamená, že v AngularJS existuje modularita a pomocou jeho funkcií, ako sú smernice a filtre, je možné v kóde dosiahnuť zmysel pre prispôsobenie a flexibilitu.
Teraz sme videli odpovede na všetky otázky prečo - otázky, ktoré môžu vzniknúť v dôsledku obáv z učenia sa niečoho nového a myslím si, že je dobré ísť.
Vždy je lepšie naučiť sa technologický trend a neustále sa aktualizovať, aby sme čo najlepšie využili našu kariéru a aby sme udržali našu zvedavú myseľ vždy smädnú po vedomostiach.
Predpoklady pre učenie sa AngularJS
Je dôležité a výhodné vedieť vopred niekoľko vecí, aby ste urýchlili tempo učenia.
HTML a CSS možno použiť na vytvorenie vlastných webových stránok, aby na nich bolo možné testovať. Pri kódovaní v AngularJS je dôležité základné znalosti JavaScriptu.
Pred začatím práce s AngularJS je preto potrebné získať základné znalosti o HTML a CSS a o koncepciách implementácie JavaScriptu.
Vlastnosti AngularJS
V jazyku AngularJS je veľa ponúk, ktoré sú jedinečné a exkluzívne. Je lepšie sa s nimi oboznámiť pred nastavením prostredia na písanie a vykonávanie kódu v AngularJS.
MVC Architecture
Pre pochopenie toho, ako kód funguje, je potrebné pochopiť design modelu AngularJS typu Model-View-Controller.
MVC tvorí jadro tohto programovacieho jazyka, a preto je tiež veľmi dôležité. Kedykoľvek dôjde k udalosti, riadiaca časť kódovej základne prijme vstup udalosti, ktorý pozostáva z rôznych požiadaviek na aplikáciu.
Modelová časť kódovej základne, ktorou je obvykle logika jadra, sa koordinuje s kontrolórom a pripravuje požadované údaje, ktoré musí pohľad použiť na vygenerovanie prezentovateľného výstupu. Preto v architektúre programovacieho jazyka existuje oddelenie obáv, pretože izoluje aplikačnú logiku od vrstvy používateľského rozhrania.
Z tohto dôvodu sa AngularJS široko používa pri vývoji aplikácií s jednou stránkou (SPA).
Smernice
AngularJS je pri vytváraní webových stránok integrovaný do HTML kódu. „Direktívy“ sú špeciálne atribúty AngularJS a používajú sa na ich integráciu.
Výrazy v AngularJS
Výrazy AngularJS môžu na rozdiel od tradičného JavaScriptu obsahovať literály, operátory alebo premenné.
Môžu byť zapísané do samotnej značky HTML, je však potrebné pridať direktívu ng-app, inak sa výraz zobrazí bez toho, aby bol vyriešený.
Výrazy AngularJS je možné písať do dvojitých zložených zátvoriek alebo do smernice.
Syntax:
Vo vnútri zložených zátvoriek:
My first expression in Angular JS: {{3+3}}
Vnútorná smernica:
Čísla AngularJS
Tento údajový typ je rovnaký ako údajový typ JavaScriptu a na zobrazenie výsledkov je možné použiť operátory.
Príklad:
The value of 5 times 10 is : {{5*10}}
Struny AngularJS
Reťazce je možné inicializovať pomocou smernice ng-init alebo ng-controller. Zreťazenie reťazcov je tiež možné, keď sa vo výraze použije operátor +.
Reťazce možno použiť aj ako výrazy v dvojitých zložených zátvorkách alebo použiť direktívu ng-bind rovnako ako čísla AngularJS.
Syntax:
Vo vnútri zložených zátvoriek:
My first string expression in Angular JS: {{ first string variable name + second string variable name }}