От проекта на хакатоне до успешного open source фреймворка: Владимир Харлампиди, фронтенд-разработчик, поделился опытом работы на фреймворке7

Framework7 — это проект, который значительно облегчил жизнь многим веб-разработчикам, но который до сих пор недостаточно обсуждается.

Framework7 — интуитивно понятный и удобный инструмент для создания различных мобильных приложений на основе HTML, CSS и JavaScript. Несмотря на свою уникальность и актуальность, проект доступен совершенно бесплатно. Сообщество веб-разработчиков уверено, что проекту не хватает рекламы. О Framework7 должно знать как можно больше специалистов.

На Framework7 созданы многочисленные веб-сайты, мобильные приложения таких компаний, как Wappler, Thorium Builder, WFM Buddy, а также правительственные приложения.

Framework7 — не единственный известный проект Владимира Хардампиди. Разработчик также известен как создатель слайдера Swiper, который представляет собой инструмент для прокрутки изображений, так называемую «карусель изображений».

До работы над проектами с открытым исходным кодом (Open Source — это программное обеспечение с открытым исходным кодом, которое доступно для модификации третьими лицами без нарушения авторских прав) Владимир работал фронтенд-разработчиком в различных компаниях, таких как: ADV, Intern Avenue, FindersCrowd, CodersRank и Optimonk. Реализовал множество проектов для следующих известных брендов: Disney, Microsoft, McDonalds, Mercedes, Panasonic и др.

Сегодня мы поговорим с Владимиром Харлампиди о том, как создавался проект, какие преимущества и значение он имеет для отрасли в целом.

1. У вас 13 лет опыта в Open Source и веб-разработке, и это ваша основная работа. В то же время разработка с открытым исходным кодом для многих остается хобби. Как вам удалось перейти от фриланса к полноценной работе над собственными проектами?

С самого начала я был вдохновлен созданием универсальных продуктов, которые могли бы облегчить работу многим другим разработчикам. И как только мои проекты начали набирать популярность, мне стало легче сосредоточиться на собственных проектах с открытым исходным кодом, и со временем многие разработчики по всему миру начали их активно использовать. Но так было не всегда.

Я начал работать фронтенд-разработчиком. Раньше я работал фрилансером, создавая различные сайты и мобильные приложения для местных компаний. Раньше я сотрудничал с ADV и Disney, для которых разрабатывал сайты, игры и приложения для крупных клиентов, в том числе Sony, многих солидных банков, различных интернет-магазинов и т. д.

Я также успешно сотрудничал с отмеченным наградами британским стартапом, известным как Intern Avenue, который представляет собой сервис, который связывает студентов и выпускников, которые ищут оплачиваемую стажировку, с потенциальными работодателями через систему оценки на основе данных.

Примерно в то же время я создал Brief — мессенджер, призванный упростить бизнес-коммуникации за счет агрегации различных каналов продаж в одном месте. Параллельно с этим проектом я работал в шведской компании FindersCrowd, которая представляет собой сервис для эффективного управления рекомендациями и советами в организациях, и сотрудничал с венгерскими компаниями CodersRank и OptiMonk.

2. Владимир, расскажите подробнее о Framework7 и о том, как он создавался?

В 2014 году я принял решение принять участие в ежегодном онлайн-хакатоне под названием Static Showdown (форум, на котором участники работают вместе, чтобы решить конкретную проблему за ограниченное время). Основное внимание уделялось разработке статических веб-сайтов, приложений и игр с использованием только HTML (язык веб-разметки), CSS (язык рендеринга веб-страниц) и JavaScript (язык программирования) без серверной логики.

В это же время вышла iOS 7 с новым «плоским» дизайном, который стал вирусным. Но несмотря на успех и популярность такого дизайна, подобных решений для веб-платформ пока не было. Поэтому в качестве проекта для этого хакатона я решил повторить интерфейс iOS-приложения с помощью веб-технологий.

Так появилась идея Framework7. Я хотел создать уникальный «каркас» будущего веб-приложения, включающий в себя различные визуальные компоненты, такие как списки, выпадающие окна, панели, кнопки, элементы форм, анимацию и навигацию для разработки веб-приложений и «гибридных» мобильных приложений. приложений, используя самые передовые веб-технологии. Основная цель проекта — упростить и ускорить процесс веб-разработки.

В то время одним из самых популярных фреймворков был jQuery Mobile, представляющий собой набор инструментов для управления содержимым WEB-страниц, но уже тогда он выглядел достаточно устаревшим и так и не перешел на «плоский» дизайн.

На создание первой версии Framework7 у меня ушло около 48 часов. И этот проект победил в номинации «Любимец публики».

Как только закончился хакатон, я решил написать пост о своем проекте на Hacker News, чтобы получить обратную связь от других разработчиков и узнать их личное мнение. Пост быстро разошелся, поэтому я решил дальше развивать Framework7 как инструмент для создания сайтов и мобильных приложений.

3. Почему разработчики так полюбили Framework7? Каковы его основные преимущества?

Framework7 стал одним из первых в нише «гибридных» мобильных приложений. Раньше, если вы хотели создать приложение для iOS и Android, вам нужно было знать Swift, Kotlin или Java, а благодаря Framework7 достаточно базовых знаний веб-программирования. Это означает, что даже один разработчик может создать приложение для iOS и Android.

Очевидно, что Framework7 экономит много времени и ресурсов разработчика. И даже начинающий специалист способен создавать мобильные приложения.

Несмотря на то, что проект был запущен в 2014 году, я продолжаю над ним работать, постоянно совершенствуя, модернизируя и дорабатывая Framework7, чтобы соответствовать самым современным веб-стандартам, актуальным дизайнам и визуальным стилям.

Говоря об основных особенностях Framework7, первое, о чем стоит упомянуть, это стабильный и быстрый отклик. Несмотря на то, что некоторые мелкие баги все же могут появляться, во-первых, они встречаются крайне редко, а во-вторых, их можно очень быстро исправить.

Еще одна особенность, о которой хотелось бы упомянуть, это наличие четкой и подробной документации, в которой есть все примеры, описания возможных сложностей и их возможные решения. Также в Framework7 есть наглядная и доступная Kitchen Sink (база знаний, наборы инструментов и определения терминов), где всегда можно подсмотреть, как все работает, и узнать, какие компоненты доступны и как они функционируют.

Вот почему Framework7 продолжает использоваться в тысячах мобильных и веб-приложений, даже на правительственном уровне. Например, оно использовалось для официального мобильного приложения для вакцинации от COVID-19 во время пандемии в Чили. При этом официальный сайт проекта (https://framework7.io) ежемесячно посещают 30 тысяч разработчиков, а количество просмотров страниц превышает 300 тысяч.

4. Можем ли мы утверждать, что Framework7 занимает значительное место в отрасли?

Я думаю, что Framework7 занял стабильное место на рынке за все время своего существования. Совсем недавно у него появился первый конкурент, которым стала компания Ionic. Над этим стартапом работает огромная команда и в него вложено многомиллионное финансирование. Но даже несмотря на все эти благоприятные условия, у компании-конкурента имеется гораздо меньше доступных компонентов UI (User Interface).

В последней версии Framework7 уже реализована последняя версия дизайна Material You для Android-устройств, в отличие от ранее упомянутого Ionic. Преимущества Framework7 отмечают и многие разработчики, работающие с двумя программными платформами. По их словам, Framework7 имеет гораздо лучшую визуальную составляющую и реализацию многих необходимых функций.

5. Каковы ваши планы на будущее?

Я планирую продолжать развивать свои проекты. Также есть идея создать конструктор мобильных приложений, где не требуются знания в области программирования, так называемое решение без кода. В последние годы растет спрос на концепцию «Low-code», поэтому такой проект будет не только полезным, но и актуальным.