18
О фронтовых технологиях для бэкендеров Идель Гизатуллин Byndyusoft

Frontend talk for backenders

  • Upload
    -

  • View
    80

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Frontend talk for backenders

О фронтовых технологиях

для бэкендеровИдель Гизатуллин

Byndyusoft

Page 2: Frontend talk for backenders

Зачем оно вам?

• Шум вокруг фронтенда затмевает действительно полезные новости

• Знать что возможно сделать в браузере

Page 3: Frontend talk for backenders
Page 4: Frontend talk for backenders
Page 5: Frontend talk for backenders
Page 6: Frontend talk for backenders

Скоуп доклада

• Только технологии с практической пользой

• Никакой внутренней кухни фронтендеров

• Ничего о процессе разработки

Page 7: Frontend talk for backenders

Многопоточный JS (параллелизм / concurrency)

• Async ≠ Parallel / Concurrent

• Что делает `setTimeout(fn, 0)` ?

• Web Workers

Page 8: Frontend talk for backenders
Page 9: Frontend talk for backenders

JS сервис / демон

• Работа веб приложения в оффлайне

• Обновления веб-приложения в фоне

• Пуш уведомления

• Android Chrome → pokedex.org

Page 10: Frontend talk for backenders
Page 11: Frontend talk for backenders

Оптимистичные апдейты

• 500 ms offline

• Async UX

• UI → LocalStorage → Backend

Page 12: Frontend talk for backenders

WebSockets

• Неразрывное соединение

Page 13: Frontend talk for backenders
Page 14: Frontend talk for backenders

WebRTC

• P2P with fallbacks

• Media Streaming

Page 15: Frontend talk for backenders
Page 16: Frontend talk for backenders

Fetch API

• Чтение большого потока с буферизацией

Page 17: Frontend talk for backenders
Page 18: Frontend talk for backenders

That’s all, folks