Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

258 views

Published on

– Когда и для чего нативному приложению использовать веб-технологии.
– Что делается хорошо, а что нельзя ни в коем случае делать с веб-вью в приложении.
– Как в 2гис проходит разработка для мобильного приложения и чем она отличается от привычного процесса фронтенд-разработки.
– Как сделать html-страницу похожей на приложение, чтобы сохранить чувство «нативности».

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

  1. 1. Гибридное приложение 2гис для iOS📱 Рома Янке, 2гис
  2. 2. Гибридное приложение Нативное приложение HTML5 приложение
  3. 3. • Один код на все платформы • Быстрее и дешевле разрабатывать • Не для всего подходят • Обновление данных ❤ Гибридные приложения
  4. 4. Обновление данных
  5. 5. Разработка🔧
  6. 6. • браузер • симулятор • xcode Браузер ➡ Приложение
  7. 7. Браузер • верстка • создание модулей
  8. 8. действие с системой Симулятор
  9. 9. Телефон • сим, сеть, локация • сборка шаблонов
  10. 10. Все в сборке • <html> • css{} + base64;svg • js() + локализация }
  11. 11. Общение 🙊
  12. 12. • html отправляет xhr запрос • приложение перехватывает xhr
  13. 13. приложение исполняет js
  14. 14. приложение исполняет js
  15. 15. html отправляет • аналитика
  16. 16. html отправляет • аналитика
  17. 17. html отправляет • аналитика
  18. 18. html отправляет • аналитика • данные
  19. 19. html отправляет • аналитика • данные • действия пользователя
  20. 20. 3 истории про то, как быть приложением📱
  21. 21. Первая история “1 пиксель” ◾
  22. 22. Вторая история “Мимикрия жестов” 👐
  23. 23. 👍 👎
  24. 24. 👍
  25. 25. 👎
  26. 26. Третья история “Оптимизация скролла” ☹
  27. 27. Кое-что еще 🐣
  28. 28. 1. Поставь три пальца правой руки на экран 2. Коснись пальцем левой руки 3. Убери один из пальцев правой 4. Повторяй пункты 2–3, пока не останется пальцев на экране
  29. 29. 1. Поставь три пальца правой руки на экран 2. Коснись пальцем левой руки 3. Убери один из пальцев правой 4. Повторяй пункты 2–3, пока не останется пальцев на экране
  30. 30. 1. Поставь три пальца правой руки на экран 2. Коснись пальцем левой руки 3. Убери один из пальцев правой 4. Повторяй пункты 2–3, пока не останется пальцев на экране

×