Від проекту хакатону до успішного Open Source Framework: Володимир Харлампіді, Front-end розробник, поділився досвідом роботи над Framework7

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

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

На Рамка7.

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

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

Сьогодні ми поговоримо з Володимиром Харлампіді про те, як створювався проект, які переваги та значення він має для індустрії загалом.

Змістприховати
1. У вас 13 років досвіду роботи з відкритим кодом і веб-розробкою, і це ваша основна робота. У той же час розробка Open Source залишається хобі для багатьох людей. Як вам вдалося перейти від фрілансу до повної роботи над власними проектами?
2. Володимире, розкажіть, будь ласка, більше про Framework7 і спосіб його створення?
3. Чому розробники так полюбили Framework7? Які його основні переваги?
4. Чи можна стверджувати, що Framework7 займає значне місце в галузі?
5. Які плани на майбутнє?

1. У вас 13 років досвіду роботи з відкритим кодом веб-розробка, і це ваша основна робота. У той же час розробка Open Source залишається хобі для багатьох людей. Як вам вдалося перейти від фрілансу до повної роботи над власними проектами?

З самого початку я був натхненний створенням універсальних продуктів, які могли б полегшити роботу багатьом іншим розробникам. І як тільки мої проекти почали набирати популярність, мені стало легше зосередитися на власному Open Початкові проекти, і з часом багато розробників у всьому світі почали їх використовувати активно. Але так було не завжди.

Я почав працювати як front-end розробник. Раніше я працював фрілансером, створював різні веб-сайти та мобільні додатки для місцевих компаній. Раніше я співпрацював з ADV та Disney, для яких розробляв веб-сайти, ігри та додатки для великих клієнтів, зокрема Sony, багатьох авторитетних банків, різних інтернет-магазинів тощо.

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

Більш-менш у той же час я створив Brief, який є месенджером, призначеним для спрощення бізнес-комунікації шляхом об’єднання різних каналів продажів в одному місці. Паралельно з цим проектом я працював у шведській компанії FindersCrowd, яка є сервісом для ефективного управління рекомендаціями та порадами в організаціях, а також співпрацювати з угорськими компаніями CodersRank і OptiMonk.

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

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

У той же період часу вийшла iOS 7 з новим «плоским» дизайном, який став вірусним. Але, незважаючи на успіх і популярність такого дизайну, подібних рішень для веб-платформ ще не було. Тому я вирішив відтворити інтерфейс iOS-додатку за допомогою веб-технологій як проект для цього хакатону.

Так з'явилася ідея Framework7. Я хотів створити унікальний «фрейм» майбутнього веб-додатку, який включає в себе різні візуальні компоненти, такі як списки, випадаючі вікна, панелі, кнопки, елементи форми, анімація та навігація для розробки веб-додатків і «гібридних» мобільних додатків за допомогою найсучасніших веб-програм технології. Основна мета проекту – спростити та прискорити процес веб-розробки.

У той час jQuery Mobile, який представляв собою набір інструментів для керування вмістом веб-сторінок, був одним із найпопулярніших фреймворків, але навіть тоді він виглядав досить застарілим і ніколи не переходив на «плоску» дизайн.

На створення першої версії 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 (інтерфейсу користувача).

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

5. Які плани на майбутнє?

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