AngularJS 1.x pro začátečníky

Angular je moderní knihovna pro programování webových a mobilních aplikací.

Máš zájem se naučit Angular a prakticky nic o něm nevíš? Nevadí! V kurzu ti ukážu základy Angularu a půjdu na to prakticky. S Angularem tě seznámím při programování jednoduché webové aplikace: seznam přátel. Půjdeme pomalu krok za krokem, vše ti názorně vysvětlím na kódu, který píšu v editoru a rovnou ti ho okomentuji.

Až zvládneš tyto základy, můžeš pokračovat dál a programovat webové i mobilní aplikace. A to za to stojí, ne?

 

Obsah kurzu:

1. Instalace Chrome, NetBeans (6:48)

2. Přidání vlastního js souboru, deklarace controlleru (8:40)

3. Provázání inputu (HTML) s proměnnou (JS), direktiva ng-model (4:40)

4. Javascriptový objekt a práce s ním (6:06)

5. Pole, pole objektů, vložení prvku do pole; Volání funkce při stisku tlačítka; Direktiva ng-click (5:05)

6. Vypsání prvků pole do seznamu; Direktiva ng-repeat (4:29)

7. Vymazání obsahu inputu při stisku tlačítka (3:55)

8. Vypsání prvků pole do tabulky. Direktiva ng-repeat (5:45)

9. Zobrazení a skrytí obsahu stránky při splnění podmínky. Direktiva ng-show (4:36)

10. Ošetření vstupních dat, zakázání tlačítka. Direktiva ng-disabled (4:36)

11. Rozšíření vlastností objektu, úprava funkcí. Přidání CSS vlastností (14:01)

12. Podmíněné přidání CSS třídy. Direktiva ng-class (9:54)

13. Smazání prvku z pole. Volání funkce s argumentem (parametrem) (10:11)

14. Editování záznamu uloženého v poli. Podmínka ve funkci, podmíněné provádění příkazů (18:11)

15. Tlačítko s různým názvem podle podmínky. Direktiva ng-show. Výpočet věku z aktuálního data a roku narození. Návratová hodnota funkce (10:26)

16. Skrytí a zobrazení obsahu podle hodnoty zatržítka. Přesná pozice prvku na stránce (7:17)

17. Vizuální úprava tabulky. CSS třídy (8:18)

18. Naplnění pole ještě před zobrazením stránky (3:41)

19. Řazení v tabulce podle příjmení a jména. Filtr orderBy (4:25)

20. Zjištění indexu prvku v poli, volání funkce s parametrem (3:28)