Videokurz: AngularJS 1.x pro začátečníky

Dnes jsem publikoval videokurz o Angularu pro začátečníky.

Je určen opravdu začátečníkům v Angularu a podle toho je také koncipován. Na praktickém příkladu aplikace se seznamem přátel se postupně naučíme základní postupy v Angularu.

Na rozdíl od mnoha jiných kurzů o Angularu je tento plně česky, bohatě komentován a jednotlivé kroky a souvislosti jsou srozumitelně vysvětleny.

V kurzu je vysvětlen controller, některé direktivy (ng-app, ng-click, ng-show, ng-repeat, ...) a je uveden i příklad filtru.

Celý kurz se skládá z dvaceti videí o celkové délce 2 hod 23 minut.

První tři díly nabízím jako ukázku zdarma:

Celý kurz si můžete zakoupit za sympatických 300 Kč.

https://www.vimvic.cz/kurz/angular-pro-zacatecniky?p=214

Připravuji videokurz: AngularJS 1.x pro začátečníky

Připravuji videokurz o programování v Angularu. Používám AngularJS verze 1.x, jako prohlížeč Google Chrome a jako vývojové prostředí NetBeans (vše dostupné zdarma).

Videokurz je určen pro začátečníky, ať již mají či nemají předchozí zkušenost s JavaScriptem. Kurz není kompletním výčtem vlastností a funkcí Angularu, ale zabývá se jeho praktickým použitím při psaní webové aplikace.

V kurzu je vysvětlen controller a jeho funkce, vysvětleno použití direktiv (ng-app, ng-controller, ng-click, ng-show, ng-model, ...) a ukázána práce s jedním filtrem.

Pro představu: úvodní seznamovací video a první tři videa zdarma...

Videokurz: Grafy funkcí

Dnes jsem konečně publikoval svůj videokurz z matematiky: Grafy funkcí Jedná se o výuková videa zaměřená na kreslení grafů funkcí, kdy máme zadanou rovnici a úkolem je nakreslit graf funkce. Kurz pokrývá funkce: lineární, kvadratické, mocninné, exponenciální, logaritmické, goniometrické. V celém videokurzu je celkem 55 funkcí, vždy je uvedena základní funkce a pak funkce od ní odvozené. Celková délka videokurzu je 75 minut (je rozdělený na jednotlivá videa). Kurz Grafy funkcí je za příznivou cenu 299 Kč.

Ionic - Příprava počítače (instalace, konfigurace)

Příprava PC pro programování mobilních hybridních aplikací v Ionicu:

Boolean lab - přidáno: Booleova algebra

Boolean lab

Je v současné době moje nejoblíbenější aplikace :-) Dnes jsem do ní přidal zákony (pravidla) Booleovy algebry.

https://play.google.com/store/apps/details?id=ipk.Boolean

Připravuji videokurz: Grafy funkcí (matematika)

V současné době připravuji videokurz z oblasti matematiky: Grafy funkcí.

Kurz je rozdělen na 25 samostatných videí o délce 1:42 až 6:06 (tj. cca dvě až šest minut), celková doba videí je 75 minut.

Kurz začíná popisem kartézské souřadné soustavy, vysvětlením kvadrantů a obecným postupem pro sestrojení grafu funkce.

V kurzu jsem vysvětlil a na názorných příkladech ukázal grafy celkem 55 funkcí z následujících oblastí:

• lineární funkce
• kvadratické funkce
• mocninné funkce
• exponenciální funkce
• logaritmické funkce
• goniometrické funkce

Úvodní videa jsou zdarma.

Jak si vedou moje aplikace na Google Play; 2015-10-07

Zase pokrok, aktuálně v žebříčku ČR, vzdělávání, aplikace zdarma:

https://play.google.com/store/apps/details?id=ipk.Chemicke_nazvoslovi

https://play.google.com/store/apps/details?id=ipk.Obvod_obsah_objem

https://play.google.com/store/apps/details?id=ipk.bin_dec_hex

aplikace Chemické názvosloví - 1000 instalací

K dnešnímu dni má moje aplikace Chemické názvosloví krásných 1000 instalací (skutečných instalací, ne stažení - těch je víc).

Aplikace obsahuje několik kapitol pro seznámení se a pochopení tvorby českého chemického názvosloví.

Kapitoly:
1. Stavba hmoty - vysvětlení pojmů atom, atomové jádro, obal, iont, kationt, aniont, prvek, molekula
2. Chemická vazba - vysvětlení pojmů elektronegativita, chemická vazba, řád vazby, typy vazeb
3. Oxidační číslo - vysvětlení pojmu oxidační číslo, nejčastější pravidla
4. Tabulka přípon - tabulka s oxidačním číslem a příponou (-ný, -natý, -itý, ...)
5. Názvosloví obecně - obecný princip tvorby českého chemického názvosloví
6. Názvosloví: oxidy - vysvětlení tvorby názvosloví oxidů
7. Názvosloví: halogenidy - vysvětlení tvorby názvosloví halogenidů
8. Názvosloví: nitridy - vysvětlení tvorby názvosloví nitridů
9. Názvosloví: hydroxidy - vysvětlení tvorby názvosloví hydroxidů
10. Názvosloví: bezkyslíkaté kyseliny - vysvětlení tvorby názvosloví bezkyslíkatých kyselin
11. Názvosloví: kyslíkaté kyseliny - vysvětlení tvorby názvosloví kyslíkatých kyselin

Každá kapitola obsahuje záložky (taby): učebnice, sešit, cvičení. Do sešitu je možné zapsat ke každému tématu vlastní poznámku, která se uloží do telefonu/tabletu.

Aplikace Chemické názvosloví je dostupná zdarma a bez reklam na Google Play. Její hodnocení je 4.5

Jak si vedou moje aplikace na Google Play (ČR); 2015-09-26

Žebříček na Google Play, kategorie Vzdělávání, aplikace zdarma, ČR

Chemické názvosloví - 66. místo

Obvod, obsah, objem - 190. místo

Převod čísel mezi soustavami (bin, dec, hex) - 315 místo

Všechny aplikace jsou zdarma a bez reklam. Na Google Play mají hodnocení vyšší než 4 (z max. 5).

Ionic - ukázky aplikací

Pro inspiraci se může hodit ukázka kódu od dalších vývojářů, kteří již řešili podobný problém. Kromě již zmíněného fóra Ionicu a Stack Overflow jsou i další weby s ukázkami kódů.

Na webu Codepen jsou k dispozici ukázky aplikací, většinou se jedná o vyřešení jedné konkrétní záležitosti (a ne celé aplikace).

Jak si vedou moje aplikace na Google Play (ČR)

Žebříček: ČR, vzdělávání, zdarma

Jak si dnes (10. 9. 2015) vedou moje aplikace v žebříčku Google Play v kategorii "ČR, vzdělávání, zdarma"? Docela to jde :-)

Chemické názvosloví

Aktuálně je na výborném stém místě.

Chemické názvosloví

Aplikace obsahuje několik kapitol pro seznámení se a pochopení tvorby českého chemického názvosloví.

Kapitoly:

1. Stavba hmoty - vysvětlení pojmů atom, atomové jádro, obal, iont, kationt, aniont, prvek, molekula

2. Chemická vazba - vysvětlení pojmů elektronegativita, chemická vazba, řád vazby, typy vazeb

3. Oxidační číslo - vysvětlení pojmu oxidační číslo, nejčastější pravidla

4. Tabulka přípon - tabulka s oxidačním číslem a příponou (-ný, -natý, -itý, ...)

5. Názvosloví obecně - obecný princip tvorby českého chemického názvosloví

6. Názvosloví: oxidy - vysvětlení tvorby názvosloví oxidů

7. Názvosloví: halogenidy - vysvětlení tvorby názvosloví halogenidů

8. Názvosloví: nitridy - vysvětlení tvorby názvosloví nitridů

9. Názvosloví: hydroxidy - vysvětlení tvorby názvosloví hydroxidů

10. Názvosloví: bezkyslíkaté kyseliny - vysvětlení tvorby názvosloví bezkyslíkatých kyselin

11. Názvosloví: kyslíkaté kyseliny - vysvětlení tvorby názvosloví kyslíkatých kyselin

Každá kapitola obsahuje záložky (taby): učebnice, sešit, cvičení. Do sešitu je možné zapsat ke každému tématu vlastní poznámku, která se uloží do telefonu/tabletu.

Obvod, obsah, objem

Aplikace se umístila na 254. místě.

Obvod, obsah, objem

2D: výpočet obvodu a obsahu čtverce, obdélníka, trojúhelníka, kruhu a lichoběžníka. 

3D: výpočet obsahu a objemu krychle, kvádru, jehlanu (se základnou čtverec nebo obdélník), koule a válce.

Převod čísel mezi soustavami (bin dec hex)

Aplikace je v žebříčku na pozici 428.

Převod čísel mezi soustavami

Aplikace převádí zadaná čísla mezi dvojkovou (binární), desítkovou (dekadickou) a šestnáctkovou (hexadecimální) číselnou soustavou. Dále převádí z desítkové soustavy do kódu BCD.

Ionic framework - další video návody (Ionic 00 - Ionic 23)

Videa

Natočil jsem a publikoval další videa (česky), týkající se programování s využitím Ionicu.

Od čísla 19 jsem snížil rozlišení videí z původních 1920x1080 na 1280x720 - zejména kvůli větší čitelnosti.

Celý seriál je dostupný na Youtube

Boolean lab - video

Boolean lab

Jak jsem psal v minulém příspěvku, naprogramoval jsem mobilní aplikaci Boolean lab - laboratoř s logickými funkcemi.

Tady je krátké video o aplikaci:

Boolean lab - android aplikace (logické obvody)

Boolean lab

Asi před rokem jsem publikoval svou aplikaci Boolean lab. Teď jsem ji kompletně přepracoval a zveřejnil ji jako verzi 2.0

Co je změněno nebo nové:

1) Kompletní změna ovládání

2) Funguje tlačítko zpět (back button)

3) K původním asynchr. hradlům RS a JK jsem přidal synchronní hradla RS, JK, D

4) Obsahuje 24 interaktivních zapojení logických obvodů

5) Log. hodnoty lze zobrazit jako 1-0, H-L nebo T-F

6) Log. funkci lze zobrazit jako F nebo Y

7) Hodinový signál lze zobrazit jako T, C nebo E

Boolean lab je malá laboratoř v mobilu či tabletu. Obsahuje základní logická hradla (log. členy), základní logické operátory a základní logické funkce.

Menu vypadá takhle:

Všechno je interaktivní - jakákoli změna na vstupu se automaticky a okamžitě promítne na výstup.

¨

Obsahuje široké možnosti nastavení, např. logické hodnoty jako H-L, 1-0, T-F, logické funkce jako F nebo Y, hodinový impuls jako T, C nebo E.

Aplikace je lokalizována do čtyř jazyků: angličtina, španělština, čeština, portugalština.

Samozřejmě se jedná o hybridní aplikaci (HTML+CSS+JS), která je převedena do podoby .apk. Pro její naprogramování jsem použil výborný framework (knihovnu) Ionic.

Boolean lab je dostupná na Google Play

AngularJS: provázání HTML s JS (two way data binding)

Provázání HTML s JS

Angular umí fantastickou věc: oboustranné provázání (two way data binding) mezi HTML a JS. Celá krása je v tom, že Angular automaticky reaguje na změnu hodnoty proměnné (záležitost JS kódu) a tuto změnu okamžitě vizuálně promítne do HTML.

Proměnná v HTML a v JS

Proměnnou máme deklarovanou v controlleru, v JS části naší aplikace. Můžeme jí přiřadit výchozí hodnotu či ji ponechat bez hodnoty. Obsah proměnné pak zobrazujeme ve vizuální části naší aplikace, tj. v HTML kódu - zapsáním do dvojitých složených závorek.

Díky Angularu se obsah proměnné promítne z JS do HTML. Ovšem, Angular toho umí mnohem víc. Pokud se hodnota proměnné změní v HTML části (např. vstupem uživatele), Angular zajistí zobrazení její aktualizované hodnoty všude tam, kde je tato proměnná v HTML kódu použita.

Mějme v HTML části dva inputy; jeden pro vložení jména a druhý pro vložení příjmení. Přidáme k nim direktivu ng-model, která definuje název proměnné; obsah proměnné pak vypíšeme ve dvojitých složených závorkách.

V controlleru (v JS části) tyto dvě proměnné nadeklarujeme a přiřadíme jim výchozí hodnoty.

Všechno objasní následující video (bez zvuku).

AngularJS: z čeho se skládá aplikace

Angular

Angular je framework, který velmi usnadňuje práci programátora. Je to JS knihovna, kterou jednoduchým způsobem přidáme do naší aplikace a pak s výhodou používáme její schopnosti.

Aplikace

Mám na mysli hybridní aplikaci pro chytrý telefon, tablet či podobné zařízení.

Zatímco nativní aplikace pro Android se programují v Javě, u hybridních si vystačíme pouze s trojkombinací HTML + CSS + JS. Pro použití v zařízení s Androidem se provede "překlad" do souboru s příponou apk.

Aplikace se obvykle skládá ze tří souborů (může jich být podstatně více), typicky jde o:

• index.html - HTML stránka
• style.css - definice kaskádových stylů
• app.js - JS kód aplikace

HTML spolu s CSS tvoří vizuální podobu aplikace (to co vidí uživatel) a JS má na starosti chování aplikace (reakce na vstup uživatele, ...).

Výchozím souborem je HTML stránka index.html, ve které jsou uvedeny odkazy na CSS soubor s definicí kaskádových stylů a JS knihovny. Typicky vypadá (zatím ještě prázdná) HTML část aplikace takto:

Na 3. až 8. řádku je hlavička <head>...</head>, na 9. až 11. řádku je tělo <body>...</body>. V hlavičce jsou uvedeny odkazy na CSS soubor ionic.min.css (ř. 6) a JS soubor ionic.bundle.js (ř. 7). V tomto případě se jedná o Ionic, který je založen na Angularu. Náš vlastní JS kód by byl v souboru app.js, na který by byl opět odkaz v hlavičce (podobně jako na ř. 7).

Pro využití funkcí Angularu je nezbytné použít na správném místě direktivu (atribut) ng-app. Může být uvedena v tagu <html> (ř. 2) nebo až v tagu <body> (ř. 9).

HTML + CSS

Mezi tagy <body> a </body> doplníme obsah naší aplikace v HTML kódu, tj. vizuální podobu; v případě potřeby upravíme vzhled použitím kaskádových stylů CSS.

Část HTML stránky mezi tagy <body>...</body> obsluhuje jeden nebo více controllerů. Je to JS funkce, kterou Angular propojí JS kód s HTML kódem. V controlleru typicky deklarujeme proměnné a funkce.

Controller má svůj název a alias. Obojí použijeme v HTML kódu. Potřebujeme-li zobrazit obsah proměnné, zapíšeme její název do dvojitých složených závorek {{}}, ale před název proměnné předřadíme alias controlleru: 

Pokud by v HTML chyběla direktiva ng-app a/nebo direktiva ng-controller, nebude tento zápis funkční a nezobrazí se obsah proměnné.

JS

V JS části umístíme deklarace proměnných a funkcí do controlleru. Proměnné se uvedou s předřazením this. Controller má v JS části název (ale už ne alias). 

AngularJS: co to je?

Ionic

Ionic je framework založený na Angularu. O Ionicu by se velmi zjednodušeně dalo říct, že je to (grafická) nadstavba nad Angularem.

jQuery

Stále známý a v současné době používaný způsob programování v javascriptu je s využitím knihovny jQuery. Tato knihovna řeší za programátora mnohé z toho, co by musel zdlouhavě a ručně programovat.

Angular

Je velmi populární javascriptová knihovna (framework), kterou vyvinul Američan slovenského původu Miško Hevery.

Při programování mobilních aplikací se dá použít "čistý" javascript; ovšem nevýhodou je velký rozsah kódu. Ne každý začínající programátor dokáže úspěšně vyvinout aplikaci v "čistém" javascriptu, tj. bez použití externích knihoven. Angular sníží množství programového kódu zhruba na desetinu (!).

Angular umožní ještě elegantnější způsob programování v javascriptu než s použitím jQuery. Navazuje na jQuery a podstatným způsobem řeší součinnost mezi javascriptovou částí aplikace (logika) a HTML částí aplikace (grafické rozhraní).

Výchozím webem je AngularJS (anglicky), kde je odkaz na stažení, základní informace, krátké příklady použití a rozsáhlá a dobře zpracovaná nápověda.

V současné době (srpen 2015) je aktuální verze 1.4.3, vývojový tým už dlouhou dobu pracuje na verzi 2, která se bude od současné 1.x významným způsobem lišit. Nicméně: dnes je k dispozici neuvěřitelné množství článků, návodů, tutoriálů, knih, ... o současné aktuální verzi 1.x - nevidím tedy jako problém naučit se pracovat s Angularem ve verzi 1.x (s tím, že verze 2.x bude zásadně odlišná). Nic nám totiž nebrání v používání Angularu 1.x i v příštích několika letech.

Angular, ukázka kódu

Mějme v JS části aplikace proměnnou this.name, ve které máme uloženo jméno a proměnnou this.surname, ve které je příjmení:

Obsah proměnné budeme chtít vypsat v HTML kódu. K tomu Angular používá dvojité složené závorky, do kterých umístíme název proměnné (pozor, je nutné předřadit ještě alias controlleru!):

Tohle je kód, který napíše programátor. Angular projde celý HTML kód před tím, než se poprvé zobrazí, a kde najde zápis (proměnnou, výraz, ...) ve dvojitých složených závorkách {{}}, tam zjistí (vypočítá) hodnotu a vloží ji na místo {{}}. 

Tento jednoduchý příklad použití (uvedený pro představu) sestává ze dvou souborů: index.html a app.js. Jejich obsah je následující:

Ta část, kterou "má Angular na starosti" se v HTML kódu označí direktivou (atributem) ng-controller. Uvede se název controlleru (je definován v JS části) a jeho alias. V našem případě 

je název controlleru personController a jeho alias je person. Proměnná deklarovaná v JS části (v controlleru) jako this.name se zapíše v HTML kódu do dvojitých složených závorek jako {{person.name}}. Dá se říct, že proměnná name vystupuje v JS části jako this.name a v HTML části jako person.name.

Prezentace o Ionicu

Přímo od vývojářského týmu Ionicu je dostupná online prezentace (anglicky). Obsahem je základní seznámení s hybridními aplikacemi, o pozadí vzniku Ionicu, několik ukázek z uživatelského rozhraní aplikací v Ionicu, ...

Ionic framework, video návody v češtině

Video návody česky

Připravil jsem několik (v době psaní článku 19) videí v češtině zaměřených na programování mobilní aplikace s využitím Ionicu. Všechna videa jsou umístěna na Youtube v HD kvalitě (nahráno z pracovní plochy v rozlišení 1920 x 1080).

Úvodní video (je formou prezentace a mluveného slova) se zabývá obecně hybridními aplikacemi, se zaměřením na Ionic framework.

Další videa jsou formou nahrávané pracovní plochy, kde píši kód aplikace a vše komentuji. Jedná se o praktický příklad aplikace (a není to Hello world).

Všechna videa jsou dostupná na Youtube

Ionic framework

Ionic

V minulém článku jsem zmínil několik frameworků vhodných pro programování mobilních aplikací. Velmi známé a často používané jsou Ionic a Bootstrap. Já používám Ionic.

Je primárně vyvíjen jako mobilní framework; se zaměřením na iOS a Android. Součástí webu je fórum, na kterém jsou aktivní i členové vývojářského týmu Ionicu.
Zejména pro začátečníky má Ionic připravenu sekci Learn, webovou službu Play pro psaní kódu umožňující rychlý náhled aplikace a webovou službu pro vizuální návrh aplikace Creator.

Frameworky pro mobilní aplikace

Framework

Jedná se o knihovnu funkcí, která se dá použít při programování. Není tedy nutné psát aplikaci na zelené louce a úplně všechen kód psát sám; to by bylo pomalé a neefektivní. Naopak, s využitím frameworku jde práce lépe od ruky a programátor se může soustředit přímo na podstatu své aplikace. 

Takový doktor si taky nevyrábí léky a lékařské pomůcky sám, ale použije hotové řešení specializovaného výrobce. Obdobná situace je při programování.

Frameworky pro mobilní aplikace

Jsou to knihovny CSS, určené pro mobilní aplikace. Často přidávají ještě JS funkce, které usnaďňují jejich použití nebo řeší jiné úkoly, se kterými se programátor běžně setká.

Mobilních frameworků je celá řada, např:

• Foundation
• Bootstrap
• Ionic
• jQuery mobile
• controls.js
• Material Design Lite

Na webových stránkách frameworků jsou kromě odkazů na stažení a dokumentace často i příklady použití, které ukazují vhodné způsoby použití.

Na otázku jaký framework použít není jednoduchá odpověď; záleží na spoustě okolností. Je dobré se podívat na několik nejpoužívanějších a vyzkoušet si je.

Já používám Ionic, který považuji (zejména díky skvělé práci vývojářského týmu) za jeden z nejlepších.

HTML, CSS, JS: Kde se učit a kde se zeptat

Kde se naučit

Dobrým zdrojem v češtině je jakpsatweb. Obsahuje informace o HTML, CCS i JS. Dalším skvělým zdrojem je anglicky psaný web w3schools, na kterém jsou skvělé možnosti vyzkoušení napsaného kódu HTML, CSS, JS (kromě toho nabízí i tutoriály nejen pro zmínění tři jazyky). Dobrým zdrojem infomací je i CodePen, který nabízí možnost přímo editovat již vytvořený zdrojový kód a sledovat v náhledu výsledek (nejprve je vhodné provést tzv. fork).

Další možností je najít si na Youtube videa, zabývající se konkrétním tématem. 

Kde se zeptat

Pokud je něco nejasného, nedaří se, nefunguje jak by mělo, je dobré se zeptat a nechat si poradit na nějakém fóru pro vývojáře. Typickým představitelem takového fóra je StackOverflow. 

Hybridní mobilní aplikace

Hybridní mobilní aplikace

V minulém článku jsem popsal rozdělení mobilních aplikací na nativní, hybridní a webové. Věnovat se budu aplikacím hybridním.

Jako jedna z velkých výhod hybridních aplikací je skutečnost, že z jednoho zdrojového kódu lze vytvořit finální aplikaci pro několik platforem (operačních systémů). 

Postup je takový, že ve vývojovém prostředí na PC píšeme a ladíme naši aplikaci a pak ji přeložíme pro jednu či více platforem a otestujeme na skutečném zařízení. Napíšeme tedy jen jeden zdrojový kód, ale máme možnost aplikaci přeložit na více platforem. To obrovským způsobem šetří čas i úsilí.

V čem je psát?

Zdrojový kód je vlastně obyčejný text, uloží se v textové podobě. Teoreticky se dá použít i nejjednodušší editor typu Poznámkový blok.

V praxi používají vývojáři vývojová prostředí, tzv. IDE, které velmi usnadňuje práci, např. zvýrazňováním syntaxe příkazů, nápovědou (našeptáváním) atd.

Jedním z používaných IDE (vývojové prostředí) je zdarma dostupné NetBeans. Mezi známá IDE patří i Eclipse a Intel XDK, opět dostupné zdarma. Já při své práci používám NetBeans a Intel XDK (nezávisle na sobě).

Jak je ladit?

Protože se aplikace (její zdrojový kód) píše na počítači a je to v podstatě jen webová stránka (HTML + CSS + JS, viz minulý článek), běžné ladění probíhá v prohlížeči (Chrome, Opera, IE, ...). Občas je ovšem potřeba otestovat vzhled a chování aplikace přímo na telefonu nebo tabletu.

Jak se přeloží?

Překladem rozumíme převedení zdrojového kódu aplikace do spustitelného kódu pro konkrétní platformu (operační systém). Dá se použít PhoneGap nebo Cordova, které je nejprve nutné nainstalovat do počítače a správně konfigurovat.

Jak se nainstalují?

Na Androidu je nutné nejprve povolit instalování aplikací z neznámých zdrojů (bod 3. v tomto článku), zkopírovat aplikaci do telefonu (připojení kabelem, přenos přes wifi, stažení přílohy emailu). Pak ji nainstalovat, spustit a vyzkoušet :-)

Mobilní aplikace

Mobilní aplikace

Aplikacím běžícím v chytrém telefonu, tabletu, ... říkáme mobilní. V současné době je několik platforem (operačních systémů), které pohánějí telefony a tablety (ale i další zařízení).

Patří sem zejména:

• Android (Google)
• iOS (Apple)
• Windows Phone (Microsoft)
• BlackBerry (BlackBerry)
• Tizen (Samsung, Intel)
• ...

Mobilní aplikace můžeme rozdělit na nativní, hybridní a webové.

Nativní aplikace

Hlavním rysem nativní aplikace je programovací jazyk, ve kterém je napsána. Je to jazyk přímo určený pro konkrétní platformu (operační systém). Např. nativní aplikace pro Android jsou napsány v Javě.

Výhodou nativních aplikací je jejich vzhled a vysoký výpočetní výkon.

Hybridní aplikace

Na rozdíl od nativních jsou hybridní aplikace napsány v jiném jazyku, např. pro Android existuje možnost vývoje aplikací v jazycích HTML, CSS, JS. Jejich výpočetní výkon je nižší než u nativních aplikací (v praxi nebývá rozdíl příliš patrný). 

Velkou výhodou hybridních aplikací je možnost vygenerovat ze stejného zdrojového kódu aplikace pro několik platforem, např. pro Android, iOS, Windows Phone.

HTML

Jazyk HTML ve skutečnosti není programovací jazyk, je to jazyk značkovací. Používá se na webu pro psaní webových stránek.

CSS

Jazyk CSS také není programovacím jazykem, jeho účelem je popsat pravidla kaskádových stylů. Opět se používá při psaní webových stránek. Určuje vizuální vlastnosti jednotlivých prvků (elementů) zapsaných v HTML.

JS

Javascript je programovací jazyk. Jeho nejčastější použití je na webu, jako součást webové stránky. Spouští se v prohlížeči (Google Chrome, Opera, Mozilla Firefox, Internet Explorer, ...). Může být použit také na webovém servru (node.js).

HTML + CSS + JS + (...) = ?

Hybridní aplikace se napíše v HTML + CSS + JS. Aby se mohla instalovat do telefonu či tabletu, je nutné ji ještě převést do cílové formy pro konkrétní platformu (operační systém). K tomu slouží nejčastěji PhoneGap nebo Cordova.

Webové aplikace

Webová aplikace se skládá ze dvou částí: jedna běží na servru a druhá (což je načtená webová stránka) v prohlížeči v mobilním telefonu či tabletu.

Kdo tu píše?

Kdo jsem?

Jmenuji se Pavel Kříž. 

Zajímám se o španělštinu a programování mobilních aplikací. A právě na mobilní aplikace a jejich programování je zaměřen tento blog.