Počínaje projektem Hackathon k úspěšnému Open Source Framework: Vladimir Kharlampidi, front-end vývojář se podělil o své zkušenosti s prací na Framework7

Framework7 je projekt, který hodně usnadnil život mnoha webovým vývojářům, ale o kterém se zatím stále dostatečně nemluví.

Framework7 je intuitivní a uživatelsky přívětivý nástroj pro vytváření různých mobilních aplikací, které jsou založeny na HTML, CSS a JavaScriptu. Navzdory své jedinečnosti a aktuálnosti je projekt dostupný zcela zdarma. Komunita webových vývojářů si je jistá, že projekt nemá dostatek reklamy. O Framework7 by mělo vědět co nejvíce specialistů.

Četné webové stránky, mobilní aplikace od společností jako Wappler, Thorium Builder, WFM Buddy a vládní aplikace jsou vytvářeny na Rámec7.

Framework7 není jediný známý projekt, který zahájil Vladimir Hardampidi. Vývojář je také známý jako tvůrce posuvníku Swiper, což je nástroj pro procházení obrázků, takzvaný „obrázkový karusel“.

Před prací na projektech Open Source (Open Source je software s otevřeným primárním kódem, který je k dispozici pro úpravy prováděné třetími stranami bez porušující autorská práva), Vladimir pracoval jako front-end vývojář v mnoha různých společnostech, jako jsou: ADV, Intern Avenue, FindersCrowd, CodersRank a Optimonk. Realizoval spoustu projektů pro tyto známé značky: Disney, Microsoft, McDonalds, Mercedes, Panasonic atd.

Dnes si s Vladimirem Kharlampidim popovídáme o tom, jak projekt vznikl a jaké výhody a význam má pro průmysl obecně.

Obsahskrýt
1. Máte 13 let zkušeností s Open Source a vývojem webu a toto je vaše hlavní pracovní náplň. Vývoj Open Source zároveň zůstává pro mnoho lidí koníčkem. Jak se vám podařilo přejít od freelancingu k práci na plný úvazek na vlastních projektech?
2. Vladimíre, řekneš nám prosím více o Framework7 a způsobu, jakým byl vytvořen?
3. Proč měli vývojáři tak rádi Framework7? Jaké jsou jeho hlavní výhody?
4. Můžeme tvrdit, že Framework7 zaujímá významné místo v oboru?
5. jaké máš plány do budoucna?

1. Máte 13 let zkušeností v oblasti Open Source a vývoj webu, a to je vaše hlavní práce. Vývoj Open Source zároveň zůstává pro mnoho lidí koníčkem. Jak se vám podařilo přejít od freelancingu k práci na plný úvazek na vlastních projektech?

Od samého začátku jsem se inspiroval při tvorbě univerzálních produktů, které by mohly usnadnit práci mnoha dalším vývojářům. A jakmile moje projekty začaly získávat na popularitě, bylo pro mě snazší soustředit se na svůj vlastní Open Zdrojové projekty a postupem času je začalo používat mnoho vývojářů po celém světě aktivně. Ale nebylo tomu tak vždy.

Začal jsem pracovat jako front-end vývojář. Dříve jsem pracoval jako freelancer, vytvářel jsem různé weby a mobilní aplikace pro místní firmy. Dříve jsem spolupracoval s ADV a Disney, pro které jsem vyvíjel weby, hry a aplikace pro velké klienty včetně Sony, mnoha renomovaných bank, různých internetových obchodů atd.

Úspěšně jsem také spolupracoval s oceňovaným britským startupem Intern Avenue, což je služba, která propojuje studenty a absolventy, kteří hledají placenou praxi s potenciálními zaměstnavateli prostřednictvím hodnocení založeného na datech Systém.

Víceméně současně jsem vytvořil Brief, což je messenger navržený tak, aby zjednodušil obchodní komunikaci agregací různých prodejních kanálů na jednom místě. Souběžně s tímto projektem jsem pracoval pro švédskou společnost známou jako FindersCrowd, což je služba pro efektivní řízení doporučení a poradenství v organizacích a spolupracovat s maďarskými společnostmi CodersRank and OptiMonk.

2. Vladimíre, řekneš nám prosím více o Framework7 a způsobu, jakým byl vytvořen?

V roce 2014 jsem se rozhodl zúčastnit se každoročního online hackathonu s názvem Static Showdown (fórum, kde členové spolupracují na řešení konkrétního problému v omezeném časovém rámci). Hlavní důraz byl kladen na vývoj statických webových stránek, aplikací a her pouze pomocí HTML (značkovací jazyk WEB), CSS (jazyk vykreslování webových stránek) a JavaScript (jazyk pro programování), vše bez logiky na straně serveru.

Ve stejné době přišel iOS 7 s novým „plochým“ designem, který se stal virálním. Ale navzdory úspěchu a popularitě takového designu zatím žádná podobná řešení pro webové platformy neexistovala. Proto jsem se rozhodl jako projekt pro tento hackathon replikovat rozhraní aplikace iOS pomocí webových technologií.

Tak se objevila myšlenka Framework7. Chtěl jsem vytvořit jedinečný „rám“ budoucí webové aplikace, který obsahuje různé vizuální komponenty, jako jsou seznamy, rozbalovací okna, panely, tlačítka, prvky formuláře, animace a navigace pro vývoj webových aplikací a „hybridních“ mobilních aplikací s využitím nejpokročilejšího webu technologií. Primárním cílem projektu je zjednodušit a zrychlit proces vývoje webu.

V té době byl jQuery Mobile, což je sada nástrojů pro správu obsahu WEB stránek, jedním z nejpopulárnějších frameworků, ale i tehdy to vypadalo docela zastarale a nikdy nepřešlo na „ploché“ design.

Vytvoření první verze Framework7 mi trvalo asi 48 hodin. A tento projekt zvítězil v nominaci „Crowd Favorite“.

Jakmile hackathon skončil, rozhodl jsem se napsat příspěvek o svém projektu na Hacker News, abych získal zpětnou vazbu od ostatních vývojářů a znal jejich osobní názor. Příspěvek se rychle vyprodal, a tak jsem se rozhodl dále rozvíjet Framework7 jako nástroj pro tvorbu webů a mobilních aplikací.

3. Proč měli vývojáři tak rádi Framework7? Jaké jsou jeho hlavní výhody?

Framework7 se stal jedním z prvních ve výklenku „hybridních“ mobilních aplikací. Dříve, pokud jste chtěli vytvořit aplikaci pro iOS a Android, museli jste znát Swift, Kotlin nebo Javu a díky Framework7 stačí základní znalost programování webu stačí. Znamená to tedy, že i jediný vývojář je schopen vytvořit aplikaci pro iOS a Android.

Je zřejmé, že Framework7 šetří vývojáře spoustu času a prostředků. A dokonce i začínající specialista je schopen vytvářet mobilní aplikace.

Přestože byl projekt spuštěn v roce 2014, stále na něm pracuji a neustále se zdokonaluji, modernizace a aktualizace Framework7 tak, aby vyhovovala nejmodernějším webovým standardům, aktuálním návrhům a vizuální styly.

Když už mluvíme o hlavních funkcích Framework7, první, která stojí za zmínku, je stabilní a rychlá odezva. Navzdory skutečnosti, že se stále mohou objevit některé drobné chyby, za prvé jsou extrémně vzácné a za druhé je lze velmi rychle opravit.

Je tu další funkce, kterou bych rád zmínil, je dostupnost jasné a podrobné dokumentaci, která obsahuje všechny příklady, popisy možných obtíží a jejich možných řešení. Framework7 má také vizuální a přístupný kuchyňský dřez (základna znalostí, sady nástrojů a definice pojmů), kde můžete vždy nahlédnout, jak vše funguje, a zjistit, jaké komponenty jsou dostupné a jak funkce.

Proto je Framework7 nadále používán v tisících mobilních a webových aplikací, a to i na vládní úrovni. Byl například použit pro oficiální mobilní aplikaci pro očkování proti COVID-19 během pandemie v Chile. Zároveň jsou oficiální stránky projektu ( https://framework7.io) měsíčně navštíví 30 tisíc vývojářů a počet zobrazení stránek přesahuje 300 tisíc.

4. Můžeme tvrdit, že Framework7 zaujímá významné místo v oboru?

Myslím si, že Framework7 si za celou dobu své existence zaujal stabilní místo na trhu. Zrovna nedávno získal prvního konkurenta, kterým je společnost Ionic. Na tomto startupu pracuje obrovský tým a byly do něj investovány miliony dolarů. Ale i přes všechny tyto příznivé podmínky má konkurenční společnost mnohem méně dostupných komponent UI (User Interface).

Nejnovější verze Framework7 již implementovala nejnovější verzi designu Material You pro zařízení Android, na rozdíl od dříve zmíněného Ionic. Výhody Framework7 si všímá i spousta vývojářů, kteří pracují se dvěma softwarovými platformami. Framework7 má podle nich mnohem lepší vizuální složku a implementaci mnoha zásadních funkcí.

5. jaké máš plány do budoucna?

Plánuji své projekty dále rozvíjet. Existuje také myšlenka vytvořit konstruktor mobilních aplikací, kde nejsou vyžadovány žádné znalosti programování, tzv. no-code řešení. V posledních letech poptávka po konceptu „Low-code“ roste, takže takový projekt bude nejen užitečný, ale i relevantní.