Obsah:
Počul si? Aplikácie HTML5 sa chystajú zmeniť všetko pravdepodobne v budúcom roku. Aspoň o tom hovorila jedna strana debaty o HTML5 verzus natívne aplikácie už nejaký čas. Je to posolstvo, ktoré sa občas dostáva do centra pozornosti a bude to tak navždy. Alebo aspoň dovtedy, kým sa to skutočne nestane a všetky najlepšie aplikácie sú aplikácie HTML5. Nie je neobvyklé, keď vývojári majú také debaty a zástancovia na každej strane, ktorí vysvetľujú, ako je ich verzia lepšia verzia, ale keď veci idú nad rámec diskusie s vývojármi a do hlavného prúdu, kde ich budete počuť, môžu nás znecitliviť. Mali by sme sa skutočne zaujímať o to, čo počujeme?
V tomto prípade áno. Zatiaľ čo utópia, v ktorej je každá aplikácia napísaná v jazyku HTML5 a každý používateľ má rovnakú skúsenosť, je stále dobrým východiskom, ak sa to niekedy stane, HTML5 v hybridnej forme je už dosť veľký problém. Mali by sme vedieť a chápať čokoľvek, čo je dosť veľké.
Čo je to aplikácia HTML5?
Prvýkrát, keď väčšina ľudí počula zmienku o kóde HTML5, bolo, keď nám Steve Jobs povedal všetko, čo bude v budúcnosti webu a že Flash nebude. Jeho vyhlásenie sa čiastočne splnilo, pretože spoločnosť Apple blokovala prístup k akémukoľvek typu prehrávača Flash v systéme iOS, ale nevedelo to nejakého vizionára, aby sa to dozvedelo, pretože kód HTML5 má o to oveľa viac, ako kedykoľvek predtým Flash. A tak sa stáva, že budúcnosť webu je tiež celkom dobrý spôsob, ako kódovať aplikácie.
HTML znamená HyperText Markup Language a my sme v piatej revízii tohto štandardu. Keď však budete počuť výraz aplikácia HTML5, či už ide o webovú aplikáciu alebo aplikáciu, ktorú si môžete do telefónu nainštalovať, jedná sa skutočne o tri typy kódu.
- HTML poskytuje rámec, do ktorého môžu vývojári vložiť svoj kód, a aplikácia ho môže zmeniť na niečo, s čím sa môžeme stretnúť.
- CSS poskytuje spôsob, ako rozložiť, ako budú jednotlivé kúsky kódu vyzerať, keď budú vykreslené a zobrazené na našej obrazovke.
- JavaScript je to, čo robí všetko interaktívnym a musí byť schopný „robiť“ čokoľvek.
Čo robí HTML5 skvelým je, že všetko rozumie jedna aplikácia, ktorú vývojár aplikácií nemusí udržiavať, a všetko funguje na akomkoľvek zariadení s obrazovkou, ktorá má svoju vlastnú verziu tejto aplikácie. Hovoríme o webovom prehliadači, ale nie o samotnej aplikácii webového prehľadávača. Komponent webového prehľadávača, ktorý dokáže zobrať celý tento kód a urobiť z neho text, ktorý môžeme použiť za behu, je pomerne prenosný a súčasťou mnohých aplikácií, ktoré už používate ako zobrazenie na webe.
Inžinier spoločnosti Mozilla raz povedal: „Jeden kód spustený kdekoľvek neznamená, že utečiete. Kľúčom je optimalizácia.“ Inteligentní chlapci, títo inžinieri Mozilly.
To znamená, že vývojár môže napísať svoj kód a doladiť ho a potom ho nasadiť všade. Je to úplne iné ako písanie samostatného kódu pre Android, iOS, MacOS, Windows a HTML pre webOS a BlackBerry 10. Vývojár môže písať kód pomocou ľubovoľného vývojového prostredia, ktoré si vyberú, či už ide o program Poznámkový blok alebo niečo zložité, ako je Visual Studio alebo Adobe Dreamweaver., ladiť a doladiť ho v ľubovoľnom prehliadači, ktorý si vyberú, a stále to funguje všade.
To zahŕňa aj váš telefón. Všetci sme videli, ako sa aplikácie HTML5 používajú ako webová stránka. Miesta ako Twitter alebo mobilná verzia Gmailu sú vynikajúcimi príkladmi HTML5 v práci. Keďže však HTML5 možno vykresliť pomocou komponentu webového zobrazenia, vysunutie okna do základného rámca aplikácie na vytvorenie aplikácie, ktorú skutočne inštalujete do telefónu, je jednoduché a rýchle. Existujú dokonca aj nástroje tretích strán, ktoré robia všetku prácu za vás, napríklad Apache Cordova. To pomáha novým vývojárom prinášať svoje nápady všetkým, ako aj skúseným vývojárom, ktorí majú teraz čas snívať o veciach, ktoré sme predtým nevideli. HTML5 vložený do natívnej aplikácie môže spustiť kód a používať prostriedky, ktoré získa z internetu, ale vývojár ich môže nainštalovať aj lokálne a nasmerovať ho tam, aby boli natívne offline aplikácie natolik dobré.
O HTML5 však nie je všetko skvelé.
Realita aplikácií HTML5
Tu je miesto, kde sa veci môžu zmiasť. Keď myslíme na webovú stránku, často zabúdame, že webová stránka posiela svoj kód iba prehliadaču a je to naše zariadenie, ktoré funguje. To znamená, že geolokácia, zvukový a obrazový rozhovor v reálnom čase, 3D zrýchlená grafika a oveľa viac sú nielen pre vývojárov jednoduché, ale implementovateľné pomocou HTML5. Je to preto, že normalizačný orgán povedal: „Ahoj chlapci, všetci musíme urobiť túto konkrétnu vec týmto spôsobom a vývojár nás môže požiadať, aby sme to urobili takto.“
Aj tak je to cieľ. Realita sa môže trochu líšiť a my potrebujeme pozerať sa na prehrávanie videa len pre dobrý príklad. Každý prehliadač, ktorý chcete používať, podporuje HTML5: Chrome, Opera, Internet Explorer, Edge, Firefox a Safari sú prehliadače HTML5 a podporujú prehrávanie videa, keď vývojár napíše iba pár slov, ktoré odkazujú na video. Akýkoľvek typ prenosného komponentu na prezeranie webu, ktorý tieto aplikácie majú, bude robiť to isté, pretože používajú rovnaký renderovací modul.
Ak neuplatňujete pravidlá, stanú sa návrhmi; tie, ktoré nikto nechce nasledovať.
Nie všetci však podporujú ten istý typ videa, pretože HTML5 je multiplatformový, otvorený a nie proprietárny, takže ich nikto nenúti, aby podporoval všetky formáty. Ogg Theora je populárny formát videa, ktorý každý prehliadač podporuje, s výnimkou prehliadača Internet Explorer, ktorý sa na mnohých počítačoch stáva predvoleným prehliadačom. H.264 je ešte populárnejší, ale jeho používanie nie je otvorené ani bezplatné, takže ho Firefox nepodporuje. VP8 a WebM sú voľne použiteľné a otvorené a každý prehliadač ich podporuje, ale Internet Explorer a Safari vyžadujú, aby užívateľ získal podporu a nainštaloval ju. Technicky HTML5 podporuje prehrávanie videa vo vysokom rozlíšení a vývojár ho veľmi ľahko implementuje. V skutočnom svete je podporovaný iba správny typ videa.
YouTube prehráva všetky videá s HTML5, pretože Google má peniaze na konverziu nahraných videí.
HTML5 tiež závisí od používaného hardvéru a toho, do akej miery je vývojár schopný písať kód. Výber nesprávnej knižnice jazyka JavaScript môže stále viesť k rovnakému výsledku, ale môže to viesť aj k únikom pamäte a manipulácii s manipuláciou s doménou DOM (Object Object Model - vytvorená pri načítaní stránky alebo aplikácie) a zahŕňa každý prvok na stránke alebo v aplikácii ako samostatný „dokument“) môže spôsobiť, že aplikácia HTML5 bude frustrujúco spomaľovať aj najlepší hardvér. Na telefónoch, ktoré nie sú také schopné, to vedie používateľov k odinštalovaniu vašej aplikácie.
To nie je jediný problém. Keď vytvoríte aplikáciu HTML5, ktorá vytiahne všetko z internetu, musíte sa vyrovnať s časmi načítania. Tým sa pridáva rýchlosť pripojenia používateľa do zoznamu vecí, ktoré môžu spôsobiť pomalý chod vašej aplikácie, spolu s fyzickými možnosťami hardvéru (veľa telefónov používa procesory, ktoré nie sú úplne rýchle) a optimalizácie kódu. Ak zobrazenie kódu na zariadení používateľa trvá jednu sekundu a jeho načítanie z internetu trvá 10 sekúnd, budete mať veľa nešťastných používateľov.
Aplikácia Facebook je príkladom toho, čo sa deje s HTML5, rovnako ako Instagram je príkladom toho, čo je správne.
K dispozícii je vynikajúci príklad a jeho takmer všetci sme boli nešťastní bez ohľadu na to, aký typ telefónu používame: aplikáciu Facebook. Aplikácia Facebook je v podstate webové zobrazenie vložené do rámca, ktorý obsahuje tlačidlá a pomáha spravovať prihlasovacie údaje účtu alebo odosielať správy spôsobom, ktorý operačný systém schvaľuje. Všetky veci, ktoré sa dejú v aplikácii, sa robia pomocou jazyka HTML5. Je to príliš veľa na to, aby sa s nimi dalo manipulovať hneď, ako sa rozhodnete načítať všetky svoje údaje z internetu. Vývojári stále viac pridávajú na Facebook, používatelia posielajú veľké súbory hostované na miest mimo Facebooku a na servery Facebooku narazia milióny a milióny ľudí naraz, 24/7. Vďaka tomu sa aplikácie pomaly obnovujú, sú veľmi hladné a predmetom mnohých sťažností.
Mobilná webová stránka Facebooku je tiež napísaná v jazyku HTML5, ale je navrhnutá tak, aby bola obmedzená na zdroje, pretože je určená na mobilné použitie. To zrýchľuje načítanie obsahu, ktorý chcete vidieť, aj keď sa všetok tento obsah nezobrazuje tak pekne, ako je na úplné zobrazenie. Je to tiež dôvod, prečo stránky pre mobilné zariadenia a „lite“ aplikácie Facebook, ktoré odkazujú, fungujú omnoho lepšie ako oficiálna aplikácia Facebooku. A nejde iba o problém na Facebooku - existuje veľa aplikácií, ktoré by pomocou HTML5 podporovali všetky svoje funkcie, ale sú rovnako zložité (pekné slovo na nafúknutie, pretože už nejaký čas existujú a neustále sa menia) ako Facebook a bude sa správať rovnako.
Takže chcem vidieť viac aplikácií HTML5 alebo nie?
Áno! Ale nie všetky aplikácie.
HTML5 je skutočne dobrý v mnohých veciach a je to skvelý spôsob, ako vývojár využiť svoj čas na vymýšľanie kreatívnych nápadov namiesto zakorenenia pomocou referenčnej príručky Objective-C alebo C ++. Ale niekedy, rigidná štruktúra vývojových jazykov, ktorá núti vývojára robiť veci určitým spôsobom, je tým, čo robí konečný výsledok lepším fungovaním na našich telefónoch.
Aplikácie HTML5 môžu byť nočnou morou, ako to vidíme z aplikácie Facebook, alebo môžu byť celkom úžasné, ako to vidíme na mobilnom webe Gmail. Alebo Uber. Alebo Instagram. Alebo ktorúkoľvek zo stoviek aplikácií HTML5, ktoré používame každý deň. To nie je vec, ktorú by sme si mali robiť starosti, ale je to úplne vec, ktorú vývojári musia donekonečna debatovať. A teraz, keď vás diskutujú a snažia sa vás presvedčiť, čo je lepšie, viete niečo o tom, prečo hovoria to, čo hovoria.
Môžeme získať províziu za nákupy pomocou našich odkazov. Uč sa viac.
