Objednať

Ionic framework

2h 11min
Čas
36
Kapitol
Programovanie
Kategória
4.1
Hodnotenie
Začiatočník
Level
slovenský
Jazyk kurzu

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.
Online kurz Ionic framework je možné

Zoznam kapitol

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

Hodnotenia 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.

Pozri aj tieto kurzy

Erich Stark Erich Stark
Webové technológie
1 Online kurzov
0 Príspevkov
Prejsť na kanál

Posuň svojich najbližších vpred!

Daruj najväčšiu ponuku online kurzov! Teraz v exkluzívnom darčekovom balení s Journal-om od Skillmea za skvelú cenu.

Chcem sa dozvedieť viac