Online kurz Ionic framework

Ionic framework

Erich Stark
Erich Stark
Level
Kapitol
36
Kategória
Programovanie
Hodnotenie
4,1 z 5
Dĺžka
2h 11min
Jazyk
SK

Popis online kurzu

V tomto online kurze si predstavíme Ionic Framework, ktorý nám umožňuje tvoriť mobilné aplikácie so znalosťami webových technológií. Ionic je open-source SDK na vývoj rôznych mobilných aplikácií. Ionic je framework napísaný v JavaScripte, ktorý dokážeme rozbehať veľmi jednoducho na Windowse či Macu. 

Pre porozumenie odporúčam mať aspoň základné porozumenie:

V kurze sa snažím tie koncepty prechádzať tak, aby boli zrozumiteľné aj bez nich. V podstate, ak vieš moderný JavaScript, budeš rozumieť aj TypeScriptu, ktorý v kurze používame.

Ionic je UI framework určený pre tvorbu mobilných aplikácií, ale vďaka jeho toolkitu umožuje tvorbu aj tých desktopových (electron) a samozrejme klasických webových. Vzľad týchto komponentov je tak perfektne naštýlovaný, že by sme takmer nerozoznali rozdiel od tých natívnych v iOS, resp. Androide. Komponenty boli vytvorené pomocou štandardu Web Components, ktorý umožňuje využitie akéhokoľvek frameworku pre interakciu s nimi. Poskytuje integrovanú podporu pre tie najznámejšie ako Angular, React, Vue alebo aj čistý JavaScript. My sa budeme venovať použitiu Ionicu s Angularom.

V úvode kurzu si najprv pripravíme vývojové prostredie a nainštalujeme potrebné nástroje.

Ďalšia časť kurzu bude o vygenerovaní prvej aplikácie, aby sme vedeli čo nás čaká so základnými UI prvkami, aby sme ich vedeli neskôr použiť. Vysvetlíme si aj základnú štruktúru projektu. Zároveň si ukážeme, ako bude prebiehať vývoj mobilnej aplikácie (može to byť v simulátore alebo cez webový prehliadač).

Následujúca časť bude o ukážke UI komponentov, ako sa s nimi pracuje a podobne.

V poslednej časti si to dáme celé dokopy a ukážeme príklady na aplikácii, ktorú som nazval IonBank.Tam budú využité tieto komponenty, zároveň si napíšeme nejaký jednoduchý TypeScript/Angular kód. Aplikácia bude obsahovať stránky ako transakcie, ich detail, profil, upráva profilu a neskôr do tohto kurzu pribudnú ešte aj ďalšie zaujímavé kapitoly.

Čo sa teda naučíš?

  • ako používať UI knižnicu Ionic,
  • základné koncepty komponentov v Ionicu prostredníctvom Angularu,
  • vytvoriť jednoduchú aplikáciu, kde tieto poznatky aplikuješ.
Ak si zbehlý v nástrojoch ako VSCode a NPM, tak prvé dve videá môžes s kľudom preskočiť.

Čo všetko dostaneš

  • certifikát o absolvovaní kurzu,
  • garancia vrátenia peňazí do 14 dní v prípade nespokojnosti s kurzom,
  • zdrojové kódy a všetky materiály ku kurzu na stiahnutie,
  • moderované diskusné fórum.

Kapitoly online kurzu

Príprava prostredia (3)

Ukážka zdarma
1:34
Ukážka zdarma
2:18
Ukážka zdarma
2:26

Prvá Ionic aplikácia (6)

04. Práca s Ionic CLI v termináli
3:01
05. Priečinky a štruktúra projektu
4:19
06. Použitie Ionic CLI
4:44
07. Spustenie a vývoj aplikácie v prehliadači
2:39
08. Spustenie a vývoj aplikácie v iOS simulátore
2:33
09. Spustenie a vývoj aplikácie v Android simulátore
2:04

Ionic UI komponenty (9)

10. Prehľad Ionic UI komponentov
1:56
11. Komponent ion-button
2:03
12. Komponent ion-list
2:29
13. Komponent ion-input
2:13
14. Komponent ion-radio
1:36
15. Komponent ion-checkbox
1:39
16. Komponent ion-select
2:49
17. Komponent ion-grid
2:26
18. Komponent ion-modal
5:32

Aplikácia IonBank (18)

19. IonBank intro
2:07
20. Stránka s transakciami
7:08
21. Zobrazenie dát v transakciách
6:43
22. Práca s dátami pomocou Angular Service konceptu
5:51
23. Stránka s detailom transakcie
2:23
24. Prenos parametrov v url pri prechode na novú stránku
10:38
25. Previazanie master/detail medzi stránkami
2:29
26. Profilová stránka
6:20
27. Úprava Ionic UI komponentov pomocou CSS
6:32
28. Práca s dátami cez service vrámci profilovej stránky
5:34
29. Stránka pre úpravu profilu
3:59
30. Kategorizácia formulárových prvkov a tlačidlá v toolbare
3:36
31. Presmerovanie medzi stránkami profile a profile-edit
2:42
32. Upráva profilu - reaktívne formuláre
4:31
33. Inicializácia dát vo formulári
1:37
34. Validácia formuláru pomocou Validators triedy
3:18
35. Vizuálne zobrazenie validačných chýb
5:57
36. Uloženie dát do service
2:05

Lektor online kurzu

Lektor Erich Stark

Erich Stark

Webové technológie
Ahojte, volám sa Erich Stark a venujem sa webu. Pomáham klientom tvoriť užívateľské rozhrania postavené na moderných technológiách. Som programátor s rokmi praxe a všeobecným prehľadom v programovacích jazykoch a technológiách. To mi umožuje vybrať správnu technológiu na aktuálny projekt. Primárne sa ale venujem frontendu. Zároveň učím webové technológie na Paneurópskej vysokej škole.
4,1 Hodnotenie
1 Kurz

Hodnotenia študentov

Hodnotenia od študentov zapísaných v kurze na Skillmea.

4,1 z 5 · 7 hodnotení

Lubomir N.

1

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 :(

Ľubomír S.

5

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

Štefan P.

5

IONIC som pred zapísaním kurzu nepoznal. Kurz a prednášajúci prinášajú veľmi príjemný úvod a overview do sveta ionic-u. Cez názorné ukážky inštalácie, práce v termináli, predstavenie viacerých css komponentov sa dostanete až k vytvoreniu veľmi jednoduchej aplikácie (kde sa pohráte s routingom a prácou s dátami). Zatiaľ má kurz 36 video-lekcií, podľa dostupných informácií sa bude kurz rozširovať - zišlo by sa prepojenie s API, ťahanie/posielanie dát, build/spustenie už hotovej applikácie a podobne. Verím, že sa je načo tešiť! Dobrá práca a isto sa pozriem i na budúce kurzy autora.

Erik M.

3

V aktuálnom čase písania hodnotenia ma kurz 36 videí. Netuším čí budú nové. Názov kurzu neoodpovedá očakávaniu. IONIC určite nevznikol pre potrebu používania css componentov ale pre pracu s hw mobilných zariadení. Kurz je vhodný pre ludí ktorých zaujíma uvod do angularu, jemne typescriptu, a nahľad do IONIC stylizácie použitím komponentov, routing. Kurzu naopak chýba ukažka práce s NATIVE, skutočné volanie service aspoň nejakú podstránku s realnymi datami ktoré su volne dostupne (free api), absolutné odstránenie TS : any. Mrzí ma, že som nevidel viac, ale napriek tomu 'ďakujem autorovi za jeho čas, tvorbu, chapém že to nieje jednoduché.

Odporúčané online kurzy