SlideShare a Scribd company logo
1 of 7
Front-end для приложения





Разработка на HTML + JavaScript + CSS
Требования как для мобильного сайта
Для стандартных вещей используем BitrixMobile API
Для обслуживания уникальных и сложных интерфейсов
пишем собственные модули и структуру данных (при
необходимости)
 При необходимости модули снабжаем своим API
Начинаем с простого
Все обожают такие страницы:)

<h1>Своеобразный город</h1>
<p>История любого региона неповторима и
своеобразна...</p>
<figure><img src="..."></figure>
<p>Знания, полученные в результате
археологических исследований,
дополняются...</p>
Первые сложности

Как делать переход?
Разные страницы?
Это позволяет BitrixMobile

Вложенные списки?
А для этого нужно создавать
свой API
Сложности нарастают

Как показать процесс загрузки или
удаления фотографии?
Начинается комбинирование BitrixMobile и
собственных решений
Апогей

Контент из разных
источников
Набор иконок тоже
отличается
Но…
Используется карта —
набор интерфейсов
одинаков
Разделы с картой
Список
объектов

Карта

Описание
объекта

Прокладка
маршрута
Спасибо за внимание!
Вопросы?
Евгений Петров
e-mail: petroveg@gmail.com

More Related Content

Similar to HTML5 и JavaScript: создаем интерактивные сервисы, Евгений Петров

Разработка для Web 2.0
Разработка для Web 2.0Разработка для Web 2.0
Разработка для Web 2.0Maksym Balaklytskyi
 
Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...
Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...
Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...1С-Битрикс
 
Обзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсовОбзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсовRustem Gayfutdinov
 
Веб, насыщенный приложениями
Веб, насыщенный приложениямиВеб, насыщенный приложениями
Веб, насыщенный приложениямиSergey Galyonkin
 
Веб насыщенный приложениями
Веб насыщенный приложениямиВеб насыщенный приложениями
Веб насыщенный приложениямиTim Gorshkov
 
Проектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM SystemsПроектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM SystemsSQALab
 
Как сделать интернет-сайт на SharePoint и не передумать на полпути
Как сделать интернет-сайт на SharePoint и не передумать на полпутиКак сделать интернет-сайт на SharePoint и не передумать на полпути
Как сделать интернет-сайт на SharePoint и не передумать на полпутиAndrew Mayorov
 
Применение технологий BIM с позиции инженера-расчетчика
Применение технологий BIM с позиции инженера-расчетчикаПрименение технологий BIM с позиции инженера-расчетчика
Применение технологий BIM с позиции инженера-расчетчикаNick Blanton
 
Sergey Khlopenov tools for_development_cross_platform_mobile_ap
Sergey Khlopenov tools for_development_cross_platform_mobile_apSergey Khlopenov tools for_development_cross_platform_mobile_ap
Sergey Khlopenov tools for_development_cross_platform_mobile_apDneprCiklumEvents
 
GraphQL API: Patterns | Андрей Чиж | Zlit Tech
GraphQL API: Patterns | Андрей Чиж | Zlit TechGraphQL API: Patterns | Андрей Чиж | Zlit Tech
GraphQL API: Patterns | Андрей Чиж | Zlit TechZlit
 
ITGM11 - Sketch: Как создавать свои плагины
ITGM11 - Sketch: Как создавать свои плагиныITGM11 - Sketch: Как создавать свои плагины
ITGM11 - Sketch: Как создавать свои плагиныKirill Ulitin
 
Polymer - New Era of Web Development
Polymer - New Era of Web DevelopmentPolymer - New Era of Web Development
Polymer - New Era of Web DevelopmentAlexander Kirillov
 
составляющие профессионального сайта или перестаньте позорить церковь божью!
составляющие профессионального сайта   или перестаньте позорить церковь божью!составляющие профессионального сайта   или перестаньте позорить церковь божью!
составляющие профессионального сайта или перестаньте позорить церковь божью!Maksym Balaklytskyi
 
составляющие профессионального сайта или перестаньте позорить церковь божью!
составляющие профессионального сайта   или перестаньте позорить церковь божью!составляющие профессионального сайта   или перестаньте позорить церковь божью!
составляющие профессионального сайта или перестаньте позорить церковь божью!Maksym Balaklytskyi
 

Similar to HTML5 и JavaScript: создаем интерактивные сервисы, Евгений Петров (15)

Разработка для Web 2.0
Разработка для Web 2.0Разработка для Web 2.0
Разработка для Web 2.0
 
Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...
Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...
Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...
 
Обзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсовОбзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсов
 
Веб, насыщенный приложениями
Веб, насыщенный приложениямиВеб, насыщенный приложениями
Веб, насыщенный приложениями
 
Веб насыщенный приложениями
Веб насыщенный приложениямиВеб насыщенный приложениями
Веб насыщенный приложениями
 
Проектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM SystemsПроектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM Systems
 
Как сделать интернет-сайт на SharePoint и не передумать на полпути
Как сделать интернет-сайт на SharePoint и не передумать на полпутиКак сделать интернет-сайт на SharePoint и не передумать на полпути
Как сделать интернет-сайт на SharePoint и не передумать на полпути
 
Применение технологий BIM с позиции инженера-расчетчика
Применение технологий BIM с позиции инженера-расчетчикаПрименение технологий BIM с позиции инженера-расчетчика
Применение технологий BIM с позиции инженера-расчетчика
 
Sergey Khlopenov tools for_development_cross_platform_mobile_ap
Sergey Khlopenov tools for_development_cross_platform_mobile_apSergey Khlopenov tools for_development_cross_platform_mobile_ap
Sergey Khlopenov tools for_development_cross_platform_mobile_ap
 
GraphQL API: Patterns | Андрей Чиж | Zlit Tech
GraphQL API: Patterns | Андрей Чиж | Zlit TechGraphQL API: Patterns | Андрей Чиж | Zlit Tech
GraphQL API: Patterns | Андрей Чиж | Zlit Tech
 
ITGM11 - Sketch: Как создавать свои плагины
ITGM11 - Sketch: Как создавать свои плагиныITGM11 - Sketch: Как создавать свои плагины
ITGM11 - Sketch: Как создавать свои плагины
 
YaC 2013 Notes
YaC 2013 NotesYaC 2013 Notes
YaC 2013 Notes
 
Polymer - New Era of Web Development
Polymer - New Era of Web DevelopmentPolymer - New Era of Web Development
Polymer - New Era of Web Development
 
составляющие профессионального сайта или перестаньте позорить церковь божью!
составляющие профессионального сайта   или перестаньте позорить церковь божью!составляющие профессионального сайта   или перестаньте позорить церковь божью!
составляющие профессионального сайта или перестаньте позорить церковь божью!
 
составляющие профессионального сайта или перестаньте позорить церковь божью!
составляющие профессионального сайта   или перестаньте позорить церковь божью!составляющие профессионального сайта   или перестаньте позорить церковь божью!
составляющие профессионального сайта или перестаньте позорить церковь божью!
 

More from 1С-Битрикс

Презентация версии Битрикс24.Таити 16 ноября 2017 г.
Презентация версии Битрикс24.Таити 16 ноября 2017 г.Презентация версии Битрикс24.Таити 16 ноября 2017 г.
Презентация версии Битрикс24.Таити 16 ноября 2017 г.1С-Битрикс
 
Презентация новой версии Битрикс24.Сингапур 13 апреля 2017 г.
Презентация новой версии Битрикс24.Сингапур 13 апреля 2017 г.Презентация новой версии Битрикс24.Сингапур 13 апреля 2017 г.
Презентация новой версии Битрикс24.Сингапур 13 апреля 2017 г.1С-Битрикс
 
«1С-Битрикс: Управление сайтом 17.0»
«1С-Битрикс: Управление сайтом 17.0»«1С-Битрикс: Управление сайтом 17.0»
«1С-Битрикс: Управление сайтом 17.0»1С-Битрикс
 
Как работать на субподряде. Взгляд со стороны крупного агентства
Как работать на субподряде. Взгляд со стороны крупного агентстваКак работать на субподряде. Взгляд со стороны крупного агентства
Как работать на субподряде. Взгляд со стороны крупного агентства1С-Битрикс
 
Бизнес с Битрикс24. Партнерская программа
Бизнес с Битрикс24. Партнерская программаБизнес с Битрикс24. Партнерская программа
Бизнес с Битрикс24. Партнерская программа1С-Битрикс
 
Бизнес-процессы в агентском бизнесе: сейчас или никогда!
Бизнес-процессы в агентском бизнесе: сейчас или никогда!Бизнес-процессы в агентском бизнесе: сейчас или никогда!
Бизнес-процессы в агентском бизнесе: сейчас или никогда!1С-Битрикс
 
Как выстроить направление продаж и производства Битрикс24: основные ошибки
Как выстроить направление продаж и производства Битрикс24: основные ошибкиКак выстроить направление продаж и производства Битрикс24: основные ошибки
Как выстроить направление продаж и производства Битрикс24: основные ошибки1С-Битрикс
 
Дзен-продажи. Как заработать на косяках Битрикса? Меняем отношение к явлению
Дзен-продажи. Как заработать на косяках Битрикса? Меняем отношение к явлениюДзен-продажи. Как заработать на косяках Битрикса? Меняем отношение к явлению
Дзен-продажи. Как заработать на косяках Битрикса? Меняем отношение к явлению1С-Битрикс
 
Как обеспечить свою студию квалифицированными кадрами
Как обеспечить свою студию квалифицированными кадрамиКак обеспечить свою студию квалифицированными кадрами
Как обеспечить свою студию квалифицированными кадрами1С-Битрикс
 
Как всегда о налогах и не только
Как всегда о налогах и не толькоКак всегда о налогах и не только
Как всегда о налогах и не только1С-Битрикс
 
Цифры, графики, вот это вот все
Цифры, графики, вот это вот всеЦифры, графики, вот это вот все
Цифры, графики, вот это вот все1С-Битрикс
 
Конструирование продукта и комплексная стратегия маркетинга
Конструирование продукта и комплексная стратегия маркетингаКонструирование продукта и комплексная стратегия маркетинга
Конструирование продукта и комплексная стратегия маркетинга1С-Битрикс
 
Холакратия. Метрики. Ценности
Холакратия. Метрики. ЦенностиХолакратия. Метрики. Ценности
Холакратия. Метрики. Ценности1С-Битрикс
 
Сквозная аналитика: чтобы что?
Сквозная аналитика: чтобы что?Сквозная аналитика: чтобы что?
Сквозная аналитика: чтобы что?1С-Битрикс
 
Уговоры, подарки, подкуп? Как получить хорошие публикации в СМИ
Уговоры, подарки, подкуп? Как получить хорошие публикации в СМИУговоры, подарки, подкуп? Как получить хорошие публикации в СМИ
Уговоры, подарки, подкуп? Как получить хорошие публикации в СМИ1С-Битрикс
 
Удаленка. Почему мы от нее отказались
Удаленка. Почему мы от нее отказалисьУдаленка. Почему мы от нее отказались
Удаленка. Почему мы от нее отказались1С-Битрикс
 
Продажи с удовольствием! Как построить эффективную систему обучения менеджеро...
Продажи с удовольствием! Как построить эффективную систему обучения менеджеро...Продажи с удовольствием! Как построить эффективную систему обучения менеджеро...
Продажи с удовольствием! Как построить эффективную систему обучения менеджеро...1С-Битрикс
 
Кого и как увольнять в первую очередь руководителю?
Кого и как увольнять в первую очередь руководителю?Кого и как увольнять в первую очередь руководителю?
Кого и как увольнять в первую очередь руководителю?1С-Битрикс
 
Как защитить персональные данные в "облаке"?
Как защитить персональные данные в "облаке"?Как защитить персональные данные в "облаке"?
Как защитить персональные данные в "облаке"?1С-Битрикс
 

More from 1С-Битрикс (20)

Bitrix24.Гонконг
Bitrix24.ГонконгBitrix24.Гонконг
Bitrix24.Гонконг
 
Презентация версии Битрикс24.Таити 16 ноября 2017 г.
Презентация версии Битрикс24.Таити 16 ноября 2017 г.Презентация версии Битрикс24.Таити 16 ноября 2017 г.
Презентация версии Битрикс24.Таити 16 ноября 2017 г.
 
Презентация новой версии Битрикс24.Сингапур 13 апреля 2017 г.
Презентация новой версии Битрикс24.Сингапур 13 апреля 2017 г.Презентация новой версии Битрикс24.Сингапур 13 апреля 2017 г.
Презентация новой версии Битрикс24.Сингапур 13 апреля 2017 г.
 
«1С-Битрикс: Управление сайтом 17.0»
«1С-Битрикс: Управление сайтом 17.0»«1С-Битрикс: Управление сайтом 17.0»
«1С-Битрикс: Управление сайтом 17.0»
 
Как работать на субподряде. Взгляд со стороны крупного агентства
Как работать на субподряде. Взгляд со стороны крупного агентстваКак работать на субподряде. Взгляд со стороны крупного агентства
Как работать на субподряде. Взгляд со стороны крупного агентства
 
Бизнес с Битрикс24. Партнерская программа
Бизнес с Битрикс24. Партнерская программаБизнес с Битрикс24. Партнерская программа
Бизнес с Битрикс24. Партнерская программа
 
Бизнес-процессы в агентском бизнесе: сейчас или никогда!
Бизнес-процессы в агентском бизнесе: сейчас или никогда!Бизнес-процессы в агентском бизнесе: сейчас или никогда!
Бизнес-процессы в агентском бизнесе: сейчас или никогда!
 
Как выстроить направление продаж и производства Битрикс24: основные ошибки
Как выстроить направление продаж и производства Битрикс24: основные ошибкиКак выстроить направление продаж и производства Битрикс24: основные ошибки
Как выстроить направление продаж и производства Битрикс24: основные ошибки
 
Дзен-продажи. Как заработать на косяках Битрикса? Меняем отношение к явлению
Дзен-продажи. Как заработать на косяках Битрикса? Меняем отношение к явлениюДзен-продажи. Как заработать на косяках Битрикса? Меняем отношение к явлению
Дзен-продажи. Как заработать на косяках Битрикса? Меняем отношение к явлению
 
Как обеспечить свою студию квалифицированными кадрами
Как обеспечить свою студию квалифицированными кадрамиКак обеспечить свою студию квалифицированными кадрами
Как обеспечить свою студию квалифицированными кадрами
 
Как всегда о налогах и не только
Как всегда о налогах и не толькоКак всегда о налогах и не только
Как всегда о налогах и не только
 
Цифры, графики, вот это вот все
Цифры, графики, вот это вот всеЦифры, графики, вот это вот все
Цифры, графики, вот это вот все
 
Конструирование продукта и комплексная стратегия маркетинга
Конструирование продукта и комплексная стратегия маркетингаКонструирование продукта и комплексная стратегия маркетинга
Конструирование продукта и комплексная стратегия маркетинга
 
Холакратия. Метрики. Ценности
Холакратия. Метрики. ЦенностиХолакратия. Метрики. Ценности
Холакратия. Метрики. Ценности
 
Сквозная аналитика: чтобы что?
Сквозная аналитика: чтобы что?Сквозная аналитика: чтобы что?
Сквозная аналитика: чтобы что?
 
Уговоры, подарки, подкуп? Как получить хорошие публикации в СМИ
Уговоры, подарки, подкуп? Как получить хорошие публикации в СМИУговоры, подарки, подкуп? Как получить хорошие публикации в СМИ
Уговоры, подарки, подкуп? Как получить хорошие публикации в СМИ
 
Удаленка. Почему мы от нее отказались
Удаленка. Почему мы от нее отказалисьУдаленка. Почему мы от нее отказались
Удаленка. Почему мы от нее отказались
 
Продажи с удовольствием! Как построить эффективную систему обучения менеджеро...
Продажи с удовольствием! Как построить эффективную систему обучения менеджеро...Продажи с удовольствием! Как построить эффективную систему обучения менеджеро...
Продажи с удовольствием! Как построить эффективную систему обучения менеджеро...
 
Кого и как увольнять в первую очередь руководителю?
Кого и как увольнять в первую очередь руководителю?Кого и как увольнять в первую очередь руководителю?
Кого и как увольнять в первую очередь руководителю?
 
Как защитить персональные данные в "облаке"?
Как защитить персональные данные в "облаке"?Как защитить персональные данные в "облаке"?
Как защитить персональные данные в "облаке"?
 

Recently uploaded (9)

Cyberprint. Dark Pink Apt Group [RU].pdf
Cyberprint. Dark Pink Apt Group [RU].pdfCyberprint. Dark Pink Apt Group [RU].pdf
Cyberprint. Dark Pink Apt Group [RU].pdf
 
MS Navigating Incident Response [RU].pdf
MS Navigating Incident Response [RU].pdfMS Navigating Incident Response [RU].pdf
MS Navigating Incident Response [RU].pdf
 
Malware. DCRAT (DARK CRYSTAL RAT) [RU].pdf
Malware. DCRAT (DARK CRYSTAL RAT) [RU].pdfMalware. DCRAT (DARK CRYSTAL RAT) [RU].pdf
Malware. DCRAT (DARK CRYSTAL RAT) [RU].pdf
 
2023 Q4. The Ransomware report. [RU].pdf
2023 Q4. The Ransomware report. [RU].pdf2023 Q4. The Ransomware report. [RU].pdf
2023 Q4. The Ransomware report. [RU].pdf
 
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
 
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
 
Ransomware_Q3 2023. The report [RU].pdf
Ransomware_Q3 2023.  The report [RU].pdfRansomware_Q3 2023.  The report [RU].pdf
Ransomware_Q3 2023. The report [RU].pdf
 
CVE. The Fortra's GoAnywhere MFT [RU].pdf
CVE. The Fortra's GoAnywhere MFT [RU].pdfCVE. The Fortra's GoAnywhere MFT [RU].pdf
CVE. The Fortra's GoAnywhere MFT [RU].pdf
 
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdfСИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
 

HTML5 и JavaScript: создаем интерактивные сервисы, Евгений Петров