GDG Party · 27 июня 2020
Мир web'а в эпоху mobile first
Как менялся веб с 1989 по 2020 и куда ему двигаться дальше
/ Web в эпоху mobile first · GDG 2020
Содержание слайдов
1. Мир web'а в эпоху mobile first
Как менялся веб с 1989 по 2020 и куда ему двигаться дальше
2. О чём поговорим
От статистики до перспектив web-разработчиков
Контекст: экосистемы и mobile first
Timeline web/mobile: 1989 → 2020
Перспективы web-разработчиков и frontend-тренды
Практика fintech: web, PWA, cross-platform
3. 01. Контекст
Управление разработки цифровых экосистем
4. Что у нас под капотом
Что делает управление разработки цифровых экосистем
Публичный веб флагманских сайтов
Мобильный банк
Платформа данных + автоматизация привлечения
Специальные проекты и инфраструктура под всё перечисленное
5. 02. Наши дни
Статистика интернета и мобильных пользователей
6. Больше половины веба — с телефона
4,57 млрд — Людей онлайн — Digital 2020, We Are Social
5,16 млрд — Мобильных пользователей — около двух третей населения
52% — Веб-трафика с мобильных — desktop 45,3%, tablet 2,7%
7. Не работает на телефоне — не работает
Mobile-first дизайн и производительность
Телефон провалил — дизайн провален
Performance budget > красота
Touch first + 3G/offline
Размер бандла — главный KPI фронта
8. 03. Timeline 1989 → 2020
30+ лет эволюции веба и мобайла
9. Зарождение веба
От концепта WWW до Netscape и JavaScript
1989 — концепт WWW
1990–1991 — HTTP, URI, HTML
1993–1994 — Mosaic, Netscape, W3C
1995–1998 — JS, browser wars, CSS2/PHP
10. Web 2.0 и мобайл
AJAX, jQuery, iPhone, Android
2000 — Windows Mobile
2004 — AJAX Gmail
2005–2006 — Rails, Maps, jQuery
2007–2009 — iPhone, Android, Chrome
11. Ускорение развития
SPA, hybrid, RN, PWA
2010 — AngularJS, Backbone — рассвет SPA
2011 — Apache Cordova, Windows Phone
2013 — React, рост микрофронтендов
2015–2019 — RN, ES2015, PWA, Flutter
12. Веб догнал натив в большинстве задач
Зрелый web + mobile + cross-platform
React, Vue, Angular — SPA-стандарт
Next.js, Nuxt, SvelteKit — SSR meta-frameworks
PWA/RN/Flutter — near-native
WebAssembly, edge, serverless — mainstream
13. 04. Перспективы web-разработчиков
Что востребовано прямо сейчас
14. Один стек — четыре платформы
Чем веб выигрывает у нативной разработки
Браузер есть на всех платформах
Не нужны сторы и их модерация
Обновление доезжает мгновенно
Порог входа ниже, чем у натива
15. 05. Примеры из практики
Что мы делаем в крупном финтехе
16. Четыре способа сделать мобильное
По оси функциональности и по оси сложности
PWA — веб плюс манифест
Hybrid — нативная оболочка и WebView
Cross-platform — write once, run anywhere
Native — write twice, но всё доступно
17. Идею начинайте с веба
Дальше — по тому, что подтвердилось
Проба идеи — web и PWA
Нужны сторы — нативная оболочка
Идея взлетела — нативная разработка
Не писать дважды — React Native или Flutter
18. Веб меняется быстро, но вход всё ещё дешёвый
Динамика изменений очень велика
Начинать с веба просто и интересно
Один стек — почти все платформы
Ограничений больше, чем у натива
начинайте с веба, дальше — по обстоятельствам
19. На смену mobile first идёт AI first
Мобильная разработка коммодизируется
AI first — Facebook и Google, 2016
Как туда попасть веб-разработчику?
TensorFlow.js — в браузере и в Node.js
20. 06. Полезные ресурсы
Куда идти дальше
21. Ссылки и материалы
Mobile-first, web standards, PWA, frontend ecosystem
Digital 2020 + web.dev
MDN — основной справочник по веб-стандартам
State of JS/CSS — ежегодные обзоры
Frontend-каналы и подкасты
22. Спасибо!
polomodov.tech
Все слайды и ссылки — в Telegram-канале
Александр Поломодов, Технический директор и Fellow, Т-Технологии
@book_cube