AngularJS 1.x pro začátečníky - úvodní část

Tento kurz je vhodný pro úplné začátečníky v programování.

Co vše budeme potřebovat?

Ukážeme si, jak vložit vlastní skript.

V tomto dílu si ukážeme obrácený postup, tedy jak změnit hodnoty přímo v HTML stránce.

Nacházíme se na rozcestí, shlédli jste tři videa zdarma a čekají na vás další, ve kterých se dozvíte spoustu nových informací.

Zatím máme nastavené dva inputy. Pojďme si naši aplikaci vylepšit.

Aby se přátelé měli kam ukládat, musíme si vytvořit nové pole.

Když máme seznam přátel, bylo by dobré jej nějakým způsobem vypsat.

Když přidáme přátele do svého seznamu, bylo by dobré, aby se pole inputu automaticky smazalo a šetřilo tak váš čas.

Nyní se nám seznam osob vypisuje do nečíslovaného seznamu. Co když ale chceme výpis hodnot do tabulky?

Nastavíme si vypsání určitého textu tehdy, máme li v seznamu přátel již nějaké hodnoty a jiný text v případě, kdy je seznam ještě prázdný.

Pokud někdo v inputu nevyplní žádnou informaci a stiskne tlačítko přidat, přidá se nám do seznamu prázdné pole. A to nechceme.

V této chvíli máme nastavené určité input pole. Pojďme si je trochu poupravit, aby byla naše aplikace praktičtější.

Přidali jsme nová input pole, která je potřeba náležitě ošetřit.

Ukážeme si, jakým způsobem smazat určitou osobu ze seznamu.

Přidáme si možnost editace údajů v tabulce.

V tomto dílu si ukážeme, jak jednoduše rozšířit naši dosavadní aplikace o další prvky.

Přidáme si rozšíření, které nám buď dovolí nebo nedovolí provádět úpravy.

Když vkládáme delší hodnotu, je zapotřebí upravit šířku buňky v tabulce.

Při načtení stránky by bylo fajn mít ihned zobrazený seznam přátel. Jak to zařídit?

Upravíme si aplikaci tak, aby se seznam přátel v tabulce řadil dle abecedy.

Při změně řazení musíme říci i ostatním funkcím, které jsou na řazení závislé, že došlo ke změně. Jinak smažeme / editujeme úplně jiný kontakt, než si přejeme.

Zde můžete komunikovat s lektorem a ostatními účastníky kurzu.