AngularJS 1.x pro začátečníky
![7572690-1226490-kriz_pavel_3.jpg](https://naucmese.gumlet.io/users/7572690-1226490-kriz_pavel_3.jpg?format=auto&compress=true&quality=100&width=100&height=100&mode=crop)
Pavel Kříž
Jmenuji se Pavel Kříž. Zajímám se o mobilní aplikace a jejich programování, informační technologie, španělštinu a dobrou sci-fi literaturu. Bohaté zkušenosti s Více o lektorovi »
![1669370-4198680-angularjs_1.jpg](https://naucmese.gumlet.io/1669370-4198680-angularjs_1.jpg?format=auto&compress=true&quality=100&width=700&height=525&mode=crop)
9 spokojených absolventů kurzu
Úvodní video ke kurzu
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)
Víš, že Pavel vede také tyto kurzy?
- Jazyk C pro začátečníky - Video kurz
- Základy VueJS 2.x - Video kurz
- Vlastní mobilní aplikace - I - Video kurz
- Vlastní mobilní aplikace II - Video kurz
- Těžíme data z webu - I - Video kurz
Další zajímavé kurzy
![4162860-zaklady-vuejs-logo.png](https://naucmese.gumlet.io/4162860-zaklady-vuejs-logo.png?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Základy VueJS 2.x
![1yv53a63wam-smartphone-1283938-1920.jpg](https://naucmese.gumlet.io/1yv53a63wam-smartphone-1283938-1920.jpg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Vlastní mobilní aplikace - I
![7uaj4nzrxce-335jwb0nzin-apps.jpg](https://naucmese.gumlet.io/7uaj4nzrxce-335jwb0nzin-apps.jpg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Vlastní mobilní aplikace II
![26ev1th81f3ar6y-naucmese-cz-tezime-data-z-webu-i.jpg](https://naucmese.gumlet.io/26ev1th81f3ar6y-naucmese-cz-tezime-data-z-webu-i.jpg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Těžíme data z webu - I
![10pvbbywxvd-8xpgrd3hddh-20180410-101545.jpg](https://naucmese.gumlet.io/10pvbbywxvd-8xpgrd3hddh-20180410-101545.jpg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Ovládni svůj hlas
Nejoblíbenější kurzy tohoto týdne
![61cii6vfif0lsuf-promo-fotky-na-fb.jpg](https://naucmese.gumlet.io/61cii6vfif0lsuf-promo-fotky-na-fb.jpg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Dětská jóga I - základní know how
Webinář - online ,
![1nlobmritmpl44f-dscf0100.jpeg](https://naucmese.gumlet.io/1nlobmritmpl44f-dscf0100.jpeg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Jak na obsah jako profesionální kreativci
Praha ,
![4130p1ssqcenqrd-5ztpr7499wjoyck-osobniproduktivita-min.jpg](https://naucmese.gumlet.io/4130p1ssqcenqrd-5ztpr7499wjoyck-osobniproduktivita-min.jpg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Osobní produktivita
Praha ,
![3jrxtd8hqu7-41lahjd90uy-silhouette-1082129-1280.jpg](https://naucmese.gumlet.io/3jrxtd8hqu7-41lahjd90uy-silhouette-1082129-1280.jpg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Smysluplné rozhovory
Praha ,
![466t6bfrc3f-img-9034.jpg](https://naucmese.gumlet.io/466t6bfrc3f-img-9034.jpg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Tvořte podcast a buďte slyšet
Praha ,
Odpovídáš či reaguješ na tento komentář: