Ionic framework

2h 11min
Čas
36
Kapitol
Programování
Kategorie
4.1
Hodnocení
Začátečník
Level
slovenský
Jazyk kurzu

Popis online kurzu

V tomto online kurzu si představíme Ionic Framework, který nám umožňuje tvořit mobilní aplikace se znalostmi webových technologií. Ionic je open source SDK na vývoj různých mobilních aplikací. Ionic je framework napsaný v JavaScriptu, který dokážeme rozběhat velmi jednoduše na Windows nebo Macu.

Pro lepší pochopení doporučuji mít alespoň základní znalosti:
  • HTML, CSS, JavaScript
  • TypeScript
  • Angular

V kurzu se snažím koncepty procházet tak, aby byly srozumitelné i bez nich. V podstatě, pokud umíš moderní JavaScript, budeš rozumět i TypeScriptu, který zde používáme.

Ionic je UI framework určený pro tvorbu mobilních aplikací, ale díky jeho souboru nástrojů umožňuje tvorbu i těch desktopových (electron) a samozřejmě klasických webových. Vzhled těchto komponentů je tak perfektně nastylovaný, že bychom téměř nerozeznali rozdíl od těch nativních v iOS, resp. Androidu. Komponenty byly vytvořeny pomocí standardu Web Components, který umožňuje využití jakéhokoli frameworku pro interakci s nimi. Poskytuje integrovanou podporu pro ty nejznámější jako Angular, React, Vue nebo i pro čistý JavaScript. My se budeme věnovat použití Ionic s Angular.

V úvodu kurzu si nejprve připravíme vývojové prostředí a nainstalujeme potřebné nástroje.

Další část kurzu bude o vygenerování první aplikace, abychom věděli, co nás čeká se základními UI prvky a uměli je později použít. Vysvětlíme si i základní strukturu projektu. Zároveň si ukážeme, jak bude probíhat vývoj mobilní aplikace (může to být v simulátoru nebo přes webový prohlížeč).

Následující část bude o ukázce UI komponentů, jak se s nimi pracuje a podobně.

V poslední části to dáme celé do kupy a ukážeme si příklady na aplikaci, kterou jsem nazval IonBank. Tam budou využity tyto komponenty, zároveň si napíšeme nějaký jednoduchý TypeScript/Angular kód. Aplikace bude obsahovat stránky jako transakce, jejich detail, profil, úprava profilu a později do tohoto kurzu přibudou ještě další zajímavé kapitoly.

Co se tedy naučíš?

  • Jak používat UI knihovnu Ionic.
  • Základní koncepty komponentů v Ionic prostřednictvím Angular.
  • Vytvořit jednoduchou aplikaci, kde tyto poznatky aplikuješ.
Pokud jsi zběhlý v nástrojích jako VSCode a NPM, tak první dvě videa můžeš s klidem přeskočit.

Co všechno dostaneš

  • certifikát o absolvování kurzu,
  • garance vrácení peněz do 14 dnů v případě nespokojenosti s kurzem,
  • zdrojové kódy a všechny materiály ke kurzu na stažení,
  • moderované diskusní fórum.
Online kurz Ionic framework je možné

Seznam kapitol

Príprava prostredia
Dostupné v ukázce kurzu
Dostupné v ukázce kurzu
Dostupné v ukázce kurzu
Prvá Ionic aplikácia
04. Práca s Ionic CLI v termináli
Dostupné pouze po zakoupení přístupu
05. Priečinky a štruktúra projektu
Dostupné pouze po zakoupení přístupu
06. Použitie Ionic CLI
Dostupné pouze po zakoupení přístupu
07. Spustenie a vývoj aplikácie v prehliadači
Dostupné pouze po zakoupení přístupu
08. Spustenie a vývoj aplikácie v iOS simulátore
Dostupné pouze po zakoupení přístupu
09. Spustenie a vývoj aplikácie v Android simulátore
Dostupné pouze po zakoupení přístupu
Ionic UI komponenty
10. Prehľad Ionic UI komponentov
Dostupné pouze po zakoupení přístupu
11. Komponent ion-button
Dostupné pouze po zakoupení přístupu
12. Komponent ion-list
Dostupné pouze po zakoupení přístupu
13. Komponent ion-input
Dostupné pouze po zakoupení přístupu
14. Komponent ion-radio
Dostupné pouze po zakoupení přístupu
15. Komponent ion-checkbox
Dostupné pouze po zakoupení přístupu
16. Komponent ion-select
Dostupné pouze po zakoupení přístupu
17. Komponent ion-grid
Dostupné pouze po zakoupení přístupu
18. Komponent ion-modal
Dostupné pouze po zakoupení přístupu
Aplikácia IonBank
19. IonBank intro
Dostupné pouze po zakoupení přístupu
20. Stránka s transakciami
Dostupné pouze po zakoupení přístupu
21. Zobrazenie dát v transakciách
Dostupné pouze po zakoupení přístupu
22. Práca s dátami pomocou Angular Service konceptu
Dostupné pouze po zakoupení přístupu
23. Stránka s detailom transakcie
Dostupné pouze po zakoupení přístupu
24. Prenos parametrov v url pri prechode na novú stránku
Dostupné pouze po zakoupení přístupu
25. Previazanie master/detail medzi stránkami
Dostupné pouze po zakoupení přístupu
26. Profilová stránka
Dostupné pouze po zakoupení přístupu
27. Úprava Ionic UI komponentov pomocou CSS
Dostupné pouze po zakoupení přístupu
28. Práca s dátami cez service vrámci profilovej stránky
Dostupné pouze po zakoupení přístupu
29. Stránka pre úpravu profilu
Dostupné pouze po zakoupení přístupu
30. Kategorizácia formulárových prvkov a tlačidlá v toolbare
Dostupné pouze po zakoupení přístupu
32. Upráva profilu - reaktívne formuláre
Dostupné pouze po zakoupení přístupu
33. Inicializácia dát vo formulári
Dostupné pouze po zakoupení přístupu
34. Validácia formuláru pomocou Validators triedy
Dostupné pouze po zakoupení přístupu
35. Vizuálne zobrazenie validačných chýb
Dostupné pouze po zakoupení přístupu
36. Uloženie dát do service
Dostupné pouze po zakoupení přístupu

Hodnocení kurzu

Ionic framework

Mrzí ma to, ale napriek evidentným kvalitám a skúsenosťami lektora bolo pre mňa ukončenie tohoto kurzu kapitolou č. 36 neočakávaným sklamaním. Chýbala mi ukážka reálneho nasadenia vytvorenej aplikácie, teda v reálnom mobilnom zariadení - inými slovami reálny výsledok. Podľa mňa popisovaný príklad nie je riešený dostatočne komplexne, aby sa dalo hovoriť o plnohodnotnom kurze. Aspoň napojenie dát na backend mohlo byť ukázané, cvičných backendov existuje dosť. Ak som to dobre pochopil, Ionic nie je primárne o spúšťaní apky cez web browser. Prezentovaný školský príklad je prakticky k ničomu. Mám pocit že som zhliadol zlomok z nejakého kurzu o Angular, než o Ionic frameworku. Ale ako ÚVOD do Ionic sa mi kurz páčil, len kurz mal byť ako "úvodný" aj prezentovaný, preto hodnotím len dvomi hviezdičkami. Teraz si to pýta naviazať pokročilejšou sériou s aspoň jednou reálnejšou úlohou, výsledkom ktorej by mohla byť funkčná aplikácia na platformách spomínaných v úvodnom popise kurzu. PS: Vidím tu posledné hodnotenia staré už viac ako tri roky. Podľa toho usudzujem, že vypočutiu pripomienok platiacich frekventantov a ďalšieho pokračovania sa asi nedočkáme. Takže sorry, beriem kurzu aj tú druhú hviezdičku :(

Lubomir N.

Ionic framework

Super kurz. Uvítal by som ešte prácu s lokálnou databázou.

Ľubomír S.

Podívej se i na tyto kurzy

Erich Stark Erich Stark
Webové technológie
1 Online kurzů
0 Příspěvků
Přejít na kanál

Posuň své nejbližší vpřed!

Daruj největší nabídku online kurzů! Nyní v exkluzivním dárkovém balení s Journalem od Skillmea za skvělou cenu.