Зміст:
Ви чули? Програми HTML5 все змінять, можливо, наступного року. Принаймні, це певний час говорило одна зі сторін дебатів про HTML5 проти рідних додатків. Це повідомлення, яке час від часу пробивається до уваги, і так буде назавжди. Або принаймні, поки це фактично не станеться, і всі найкращі програми - це програми HTML5. Незвично бачити, що розробники мають такі види дискусій і прихильники кожної сторони пояснюють, наскільки їх версія є кращою версією, але коли речі виходять за рамки обговорення розробників, і в мейнстрім, де ви і я чую їх, вони можуть змусити нас оніміти. Чи нас справді турбує те, що ми чуємо?
У цьому випадку так. Хоча утопія, де кожен додаток написано в HTML5 і кожен користувач має однаковий досвід, все ще є хорошими способами, якщо це коли-небудь трапиться, HTML5 у гібридній формі - це вже досить велика справа. Ми повинні знати і розуміти все, що є досить великою справою.
Що таке додаток HTML5?
Вперше більшість людей почули згадку HTML5 - це коли Стів Джобс сказав нам, що це буде майбутнє Інтернету, а Flash не буде. Його заява виправдана частково, тому що Apple заблокувала доступ до будь-якого типу Flash-плеєрів на iOS, але не сприймала будь-якого провидця, щоб знати, що це відбувається, тому що HTML5 має набагато більше, ніж Flash коли-небудь. І так трапляється, що майбутнє Інтернету - це також досить непоганий спосіб кодування програм.
HTML розшифровується як мова розмітки HyperText, і ми перебуваємо на 5-й редакції стандарту. Але почувши термін додаток HTML5, чи означає це веб-додаток або додаток, який ви можете встановити на своєму телефоні, ви дійсно маєте справу з трьома типами коду.
- HTML надає основу, де розробники можуть помістити свій код, а програма може перетворити його на щось, з чим ми можемо бачити та взаємодіяти.
- CSS забезпечує спосіб компонування того, як будуть виглядати окремі біти коду, коли вони будуть відображені та відображені на нашому екрані.
- JavaScript - це те, що робить це все інтерактивним і мати можливість "робити" що завгодно.
Що робить HTML5 чудовим, це те, що все розуміє одна програма, яку розробник додатків не потребує підтримки, і все працює на будь-якому пристрої з екраном, який має власну версію цього додатка. Ми говоримо про веб-браузер, але не про саму програму веб-браузера. Компонент веб-браузера, який може взяти весь цей код і перетворити його в те, що ми можемо використовувати на льоту, є досить портативним і є частиною багатьох програм, які ви вже використовуєте як веб-перегляд.
Колись інженер Mozilla сказав: "Код, колись біжимо куди завгодно, не означає тікати. Оптимізація - це ключ". Розумні хлопці, ті інженери Mozilla.
Це означає, що розробник може написати свій код і відточити його, а потім розгорнути його всюди. Це значно відрізняється від написання окремого коду для Android, iOS, macOS, Windows та HTML для webOS та BlackBerry 10. Розробник може писати код, використовуючи будь-яке середовище розробки, будь то Блокнот або щось складне, наприклад Visual Studio або Adobe Dreamweaver, налагодження та точне налаштування в будь-якому веб-переглядачі, який вони обрали, і він все ще просто працює скрізь.
Це включає і ваш телефон. Ми всі бачили, що програми HTML5 використовуються як веб-сторінка. Такі місця, як Twitter або мобільна версія Gmail - прекрасні приклади роботи HTML5. Але оскільки HTML5 може бути відображений компонентом веб-перегляду, увімкнути вікно всередині основного кадру програми, щоб створити додаток, який ви фактично встановите на своєму телефоні, є простим і швидким. Є навіть сторонні інструменти, які виконують всю роботу за вас, як-от Apache Cordova. Це допомагає новим розробникам доносити свої ідеї до всіх, а також досвідчених розробників, які зараз встигають придумати речі, яких ми раніше не бачили. HTML5, вбудований у нативну програму, може запускати код та використовувати активи, отримані з Інтернету, але розробник також може встановити їх локально та вказати на них код для добросовісних власних програм офлайн.
Але не все добре щодо HTML5.
Реальність програм HTML5
Ось де все може заплутатися. Коли ми думаємо про веб-сторінку, ми часто забуваємо, що веб-сторінка надсилає свій код лише двигуну браузера, і саме наш пристрій виконує цю роботу. Це означає, що геолокація, аудіо-та відео-чат у реальному часі, прискорена 3D-графіка та багато іншого не тільки можливі, але й прості для розробника, які можна реалізувати за допомогою HTML5. Це тому, що орган зі стандартів сказав: "Ей, хлопці, нам усім потрібно робити певну річ саме цим способом, і розробник може попросити нас зробити це так".
У цьому і є мета. Реальність може бути дещо іншою, і нам потрібно лише подивитися на відтворення відео, щоб отримати чудовий приклад того, чому. Кожен браузер, який ви хочете використовувати, підтримує HTML5: Chrome, Opera, Internet Explorer, Edge, Firefox і Safari - це браузери HTML5 і підтримують відтворення відео, як тільки розробник набере лише кілька слів, які вказують на відео. Будь-який тип портативного компонента веб-перегляду, який мають ці додатки, зробить те саме, що вони використовують один і той же механізм візуалізації.
Коли ви не застосовуєте правила, вони стають пропозиціями; ті, за якими ніхто не хоче наслідувати.
Але всі вони не підтримують однотипні відео, оскільки HTML5 є кросплатформенним, відкритим та невластивим, тому ніхто не змушує їх підтримувати всі формати. Ogg Theora - це популярний відеоформат, який підтримує кожен браузер, за винятком Internet Explorer, який на багатьох комп'ютерах є браузером за замовчуванням. H.264 є ще популярнішим, але він не відкритий або безкоштовний для використання, тому Firefox не підтримує його. VP8 та WebM вільні у використанні та відкритті, і кожен браузер підтримує їх, але Internet Explorer і Safari вимагають від користувача отримати та встановити підтримку. Технічно HTML5 підтримує відтворення HD відео, і розробник це дуже легко здійснити. У реальному світі підтримується лише потрібний тип відео.
YouTube відтворює все відео з HTML5, оскільки Google має гроші на перетворення завантажених вами відео.
HTML5 також залежить від обладнання, яке використовується, і того, наскільки досвідчений розробник, коли мова йде про написання коду. Вибір неправильної бібліотеки JavaScript може призвести до того ж результату, але це також може призвести до витоку пам’яті та обробки маніпуляції з DOM (Модель об'єкта документа - створена під час завантаження сторінки чи програми та включає кожен елемент на сторінці чи в додатку як окремий "документ") погано може зробити додаток HTML5 неприємно повільним для навіть найкращого обладнання. На телефонах, які не настільки здатні, це швидко призводить до того, що користувачі видаляють ваш додаток.
Це не єдине питання. Коли ви створюєте додаток HTML5, який витягує все з Інтернету, вам доведеться мати час завантаження. Це додає швидкість підключення користувача до списку речей, які можуть змусити ваш додаток повільно працювати разом з фізичними можливостями апаратури (багато телефонів використовують процесори, які не дуже швидкі) та оптимізацію коду. Якщо для відображення коду на користувальницькому пристрої потрібна одна секунда та 10 секунд, щоб отримати його з Інтернету, у вас буде багато нещасних користувачів.
Додаток Facebook - це приклад того, що з HTML5 не так, як Instagram є прикладом того, що правильно.
Є чудовий приклад цього наявного, і його майже всі ми були незадоволені, незалежно від того, яким типом телефону ми користуємось: додаток Facebook. Додаток Facebook - це в основному веб-перегляд, вбудований у кадр, який утримує кнопки та допомагає керувати обліковими записами вашого облікового запису або надсилати повідомлення так, як це схвалює операційна система. Всі речі, які трапляються всередині програми, зроблені за допомогою HTML5, і це занадто багато для цього, коли ви зможете отримати всі його дані з Інтернету. Розробники продовжують додавати все більше у Facebook, користувачі розміщують великі файли, розміщені на місця за межами Facebook, і мільйони і мільйони людей потрапляють відразу на сервери Facebook, 24/7. Це робить додатки повільними для оновлення, дуже голодними та викликають багато скарг.
Мобільний веб-сайт Facebook також написаний на HTML5, але він розроблений так, щоб він був доступним для ресурсів, оскільки він призначений для мобільного використання. Це дозволяє швидше завантажувати вміст, який ви хочете бачити, навіть якщо весь цей вміст відображається не так добре, як на повному перегляді. Це також тому, що мобільний сайт та Facebook "Lite" програми, які посилаються на нього, працюють набагато краще, ніж офіційний додаток Facebook. І це не лише проблема Facebook - є безліч додатків, які б підтримували всі їх функції за допомогою HTML5, але настільки ж складні (приємне слово для роздутих, бо вони були деякий час і постійно змінюються), як Facebook і діяв би так само.
Тож я хочу бачити більше програм HTML5 чи ні?
Так! Але не всі програми.
HTML5 справді хороший у багатьох речах і є прекрасним способом для розробника використовувати свій час для роздуму креативних ідей замість того, щоб вкорінюватись через посібник з метою Objective-C або C ++. Але іноді жорстка структура мов розробки, що змушує розробника робити певні дії, є тим, що покращує кінцевий результат на наших телефонах.
Програми HTML5 можуть бути кошмаром, як ми бачимо з програми Facebook, або вони можуть бути приголомшливими, як ми бачимо з мобільного сайту Gmail. Або Uber. Або Instagram. Або будь-який із сотень програм HTML5, якими ми користуємося щодня. Ми не повинні турбуватися про це, але розробники абсолютно нескінченно дискутують. І тепер, поки вони дискутують і намагаються переконати вас, що краще, ви трохи знаєте, чому вони говорять те, що вони говорять.
Ми можемо заробляти комісію за покупки, використовуючи наші посилання. Вчи більше.
