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. Общемировая статистика
Mobile first — реальность
4,57 млрд людей онлайн
5,16 млрд unique mobile users
52% web traffic — mobile
Android 72,3%, iOS 27%
7. Что это значит для разработки
Mobile-first дизайн и performance
Телефон провалил — дизайн провален
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. Какие навыки в спросе
Финтех-рынок и шире
React/TypeScript + performance
SSR/SSG, edge, кеши
Микрофронтенды, a11y, i18n
Observability + базовый Node.js
15. Куда движется фронтенд
Следующие 3–5 лет
Composable UI и дизайн-системы как продукт
Edge-first рендеринг с глобальной локализацией
Privacy-first analytics + AI-assistants
WebAssembly упрощает native-like UX
16. 05. Примеры из практики
Что мы делаем в крупном финтехе
17. Публичный веб
Тысячи страниц, десятки команд, единая платформа
Микрофронтенды на единой платформе
SSR + edge-кеш для сайта-витрины
Безрелизная CMS — контентщики катят без инженеров
Core Web Vitals в SLO команд
18. Mobile web и PWA
Когда нативное приложение — overkill
PWA для лёгких сценариев
Service Workers для offline-режима
Web Push + touch-first взаимодействия в дизайн-системе
Lazy loading/code splitting по умолчанию
19. Кросс-платформа
React Native и Flutter в проде
React Native для iOS+Android
Общий бизнес-слой между web и mobile
Одна дизайн-система и E2E-инфра
Релизы: web — daily, mobile — weekly
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