Тренди і події в світі веб-технологій в 2016 році



Фото: Flickr / Dennis Skley / CC

Початок року — чудовий привід ще раз поговорити про цікаві події недавнього минулого. Але нас цікавить не все підряд, а те, як розвивалася наша улюблена галузь — веб. Отже, ми представляємо вашій увазі підбірку ключових подій і трендів, які оформилися в 2016 році і будуть впливати на те, яким інтернет стане в найближчому майбутньому.

Головні релізи року
Розмова про найбільш важливі події в світі веба не можна починати без короткого огляду відбулися великих релізів важливих для індустрії продуктів — а рік виявився багатим на нові запуски.

Масштабна новину минулого року — вихід реліз-кандидата Webpack 2.2. Значення цього релізу кілька принижує не зовсім зрозуміла нумерація — фактично це невеликий апдейт «2.2», а повноцінна велика версія 2.0, яка включає оновлення та виправлення помилок, що містилися в попередніх релізах.

вийшов Grunt 1.0 (а потім і реліз-кандидат 1.0.1). Крім вузьконаправлених тематичних змін, є і більш помітні — начебто новинок в API і змін у роботі npm-скриптів. Порадували своїх користувачів і розробники jQuery, представили версію 3.0. Велику справу, враховуючи, що робота над нею велася аж до 2014 року.

Не відстали від колег і розробники Google, які нарешті представили фінальний реліз Angular 2.0. Нова версія фреймворку спрямована на удосконалення підтримку сучасних браузерів і полегшення мобільного розробки (огляд нововведень). Крім того, розробники Angular рекомендують творцям додатків використовувати продукт TypeScript від Microsoft.

До речі про TypeScript: в липні 2016 року була представлена бета-версія 2.0, а вже у вересні — її фінальний реліз. У публікації, присвяченій виходу версії 2.0, розробники розповіли про нові можливості мови — за їх словами, головна мета полягала у підвищенні продуктивності розробки, реалізації відповідності продукту з еволюціонуючим ECMAScript і підтримки широкого спектру бібліотек та інструментів JavaScript. Серед найбільш яскравих нововведень — об'єднання taggedтип neverтипи this і glob support
tsconfig
.

Безпека і доступність
Запущен проект Observatory від Mozilla — він допомагає розробникам, адміністраторам і фахівцям у галузі безпеки аналізувати рівень захищеності сайтів і підвищувати його.

Одним з найбільш обговорюваних браузерів року став Edge від корпорації Microsoft. В ході різних тестів він показал кращі результати у блокуванні загроз інформаційної безпеки. Крім іншого, Edge — це перший браузер, підтримуючий всі можливості доступності HTML5.

Крім того, браузер Google Chrome — починаючи з 56-ї версії — навчився визначати сторінки, які можуть нести потенційні загрози інформаційній безпеці. Тепер користувачів будуть попереджати про те, що сторінка, на якій вони знаходяться, передає дані небезпечним способом — це можуть бути і паролі з банківськими реквізитами. Команда проекту у своєму блозі зазначила, що в майбутньому планує позначати як небезпечні всі сайти, працюють по HTTP — повідомляється, що деякі користувачі вже бачать нове маркування.

image

Як потенційно небезпечні сторінки показувалися в старих і нової версії Chrome

У свою чергу розробники Safari розповіли про впровадження оновленої політики безпеки (Content Security Policy 2). Серед важливих нововведень — більш суворий підхід до підключеному вмісту.

Зміни відбувалися не тільки на рівні конкретних проектів, але і в області стандартів. Насамперед був опублікований документ Content Security Policy 3, доопрацювання якого вже стартували. Наприклад, серед новинок в чернетці, що відрізняють його від попередньої версії документа, можна назвати повернення директиви frame-src (накладає обмеження на те, які URL можуть завантажуватися в
iframe
) і поява директиви
worker-src
(вона накладає обмеження на те, які URL можуть завантажуватися як
Worker
,
SharedWorker
,
ServiceWorker
).

Оновлення JavaScript
Минулий рік став переломним у справі поширення нової версії JavaScript, отримала назву ES2015 (раніше ES6). Зокрема, її підтримка з'явилася в WebKit-браузерах. Розробники Safari першими реалізували 100-відсоткову підтримку — рівень підтримки ES2015 різними браузерами представлений в таблиці.

ES2015 включає різноманітні поліпшення мови і корисні нові , при цьому зберігаючи звичний JS-синтаксис — на відміну від CoffeeScript або TypeScript.

Бурхливий розвиток CSS
Зрозуміти, який великий шлях в дійсності пройшла технологія CSS, дозволяє ось ця новина: у грудні виповнилося 20 років першої рекомендації CSS 1. І розвиток як і раніше йде дуже активно (події нижче — на підтвердження цієї тези).

Опубліковано версія-кандидат в рекомендації CSS Grid Layout. Незважаючи на не самий швидкий розвиток технології (перша чернетка був написаний в 2011 році, а реалізація була доступна ще в IE 10), фахівці сходяться на думці, що вона буде чинити потужний вплив на розвиток веба і роботу з CSS в найближчі роки.

Зародилася в надрах «Яндекса» методологія веб-розробки і набір бібліотек і фреймворків БЕМ (Блок-Елемент-Модифікатор) також успішно розвивається. Згладжуються її, як здається деяким, недоліки, до яких можна віднести довгі назви класів. Однак експерименти показують, що в мінімізації БЕМ-коду немає ніякої необхідності: вона не дозволяє досягти більшої компактності і тільки робить код більш заплутаним.

З інших приємних новин: браузер Google Chrome повернувся CSS-атрибут
position: sticky
, який дозволяє фіксувати елемент у вьюпорте, WebKit завдяки властивості
hanging-punctuation: first
з'явилася висяча пунктуація, а в Safari реалізована інтерактивна валідація форм. Крім того, з «коми» вийшов CSSO: у проекту новий мейнтейнер Роман Дворнов, який випустив версію оптимізатора CSSO 1.6. Вона включає карти коду, зрозумілі помилки, а також працює «мінімум в 2 рази швидше», якщо вірити розробникам.

Що стосується розробки стандартів, то і тут є цікаві події. Наприклад, була опубліковано специфікація CSS Level 2 Revision 2 (CSS 2.2) Specification. Крім того, в чернетці документа CSS Overflow описано нове властивість
max-lines
: з його допомогою можна розбивати блок на фрагменти по числу рядків.

Але, мабуть, головна новина на цьому тлі — це те, що W3C опублікувала специфікацію CSS Flexible Box Layout Module Level 1 в статусі кандидата в рекомендації. Фахівці відразу ж відзначили більш логічний підхід до роботи з багами існуючих реалізацій — у багатьох випадках вони стали «фичами», як, наприклад, поведінка комірок таблиці в Flex-контейнері в Chrome.

HTTP/2 завойовує веб
У 2015 році відбулася важлива подія в світі веб-технологій: була затверджена і стандартизована нова версія HTTP-протоколу. Вона отримала ім'я HTTP/2. Її підтримка реалізована в широко використовуваних веб-серверів Apache, Nginx, IIS і більшості популярних браузерів.

Використання нової версії протоколу зростає швидкими темпами. Якщо в середині 2015 року відсоток сайтів і веб-сервісів, які перейшли на нього, становив лише 0,4%, то до початку 2016 року — вже 6,5%, а в січні 2017-го вже 11,2% всіх сайтів використовують HTTP/2. Очевидно, що з кожним днем цей відсоток зростатиме.



Статистика на початок січня 2017 року

API для бога API
Минулий рік став справжнім роком нових API»: з'явилося просто запаморочливе кількість нових корисних інтерфейсів. І це добре.

Ось лише деякі корисні інтерфейси, що з'явилися в минулому році:

Розробники Chromium сформулювали опис нового API, мета якого — зробити DOM-операції асинхронними. Для цього представлені функції asyncAppend, finish, cancel.

Крім того, на ресурсі Dev.Opera було опубліковано введення в Web Bluetooth API — ця технологія використовується для взаємодії з різними пристроями по Bluetooth прямо з браузера, без необхідності встановлювати безліч додатків для кожного гаджета.

З'явилися нові (старі) цікаві редактори
Розробники Visual Studio представили безкоштовний і відкритий редактор VS Code. По суті, це онлайн-редактор Visual Studio Online (кодова назва — Monaco), який зроблений кросплатформним з допомогою фреймворку Electron від GitHub. На виході вийшла швидка і ефективна середовище для веб-розробників.



Так виглядає VS Code

«Воскресіння»: з «мертвих» восстал знаменитий Dreamweaver. Колись один із самих популярних редакторів для веб-розробників в останні роки розгубив свою аудиторію: продукт ставав все менш зручним для цієї категорії користувачів. Проте в 2016 році команда проекту, схоже, вирішила виправити становище. Dreamweaver отримав новий движок, перероблений інтерфейс редактора, інтеграцію з Git, можливості превью коду. Проект зараз відверто непопулярний, але вже є позитивні отзывы про оновлення.



Новий інтерфейс Dreamweaver

Иконочные шрифти доживають останні дні
Еволюція веба триває — крім появи нових технологій і підходів, це означає і занепад старих. Один з таких доживають останні дні, представників світу «теплого, лампового веба» — це иконочные шрифти. Події минулого року чітко дають зрозуміти, що жити їм залишилося зовсім недовго.

Красномовний факт: від використання иконочных шрифтів на користь SVG-іконок відмовився GitHub.

У той же час веб-типографіка не стоїть на місці: з'являються нові цікаві концепції. Наприклад, на одній з профільних конференцій представники Adobe, Microsoft, Apple і Google реалізували підтримку варіативних шрифтів в інтернеті за допомогою OpenType.

image

Захід Flash триває
Не тільки у иконочных шрифтів справи йдуть не дуже — продовжує шлях на смітник історії і Flash. Все більше компаній-розробників відмовляються від цієї технології. Так, в кінці літа розробники Google Chrome оголосили про те, що починаючи з грудня 2016 року «дефолтних» вибором стане HTML5 — за винятком тих сайтів, які підтримують тільки Флеш, але таких зараз явна меншість. Фоновий Flash заблокований ще раніше — у вересні.

Загальний тренд на відмову від Flash підтримала і Mozilla — в браузері Firefox Flash-контент блокувався в цілях безпеки досить давно, а з літа під блокування попадає і такий контент, який не має цінності для користувача. На думку розробників, це не тільки підвищує безпеку користувачів, але і дозволяє поліпшити продуктивність і знизити споживання енергії.

HTML5 розвивається
Стандарт HTML5 продовжує активно розвиватися. В минулому році його специфікація версії 5.1 отримала статус офіційної рекомендації W3C.

Тепер увага розробників стандарту сфокусовано на майбутнє, тому вже стартувала робота над специфікацією HTML 5.2, яка нині має статус робочого чернетки (Working Draft), опублікованого для обговорення професійним веб-спільнотою. У документі міститься чимало цікавих нововведень та рекомендацій — наприклад, його розробники наполягають на тому, що не слід відключати масштабування вьюпорта.

Підсумки
Розробники базових технологій сучасного вебу оновлюють свої продукти, все більше уваги приділяється питанням безпеки і доступності, постійно зростає кількість корисних API для вирішення самих різних завдань, застарілі технології та підходи остаточно виходять з ужитку, а CSS і HTML5 розвиваються найактивнішим чином.

Все говорить про те, що процес еволюції веба продовжиться і в 2017 році — а значить, незабаром ми побачимо більше нових продуктів, API, технологій і стандартів.
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.