Vom Hackathon-Projekt zum erfolgreichen Open-Source-Framework: Vladimir Kharlampidi, ein Front-End-Entwickler, teilte seine Erfahrungen bei der Arbeit an Framework7

Framework7 ist ein Projekt, das vielen Webentwicklern das Leben erheblich erleichtert hat, über das aber derzeit noch zu wenig diskutiert wird.

Framework7 ist ein intuitives und benutzerfreundliches Tool zum Erstellen verschiedener mobiler Anwendungen, die auf HTML, CSS und JavaScript basieren. Trotz seiner Einzigartigkeit und Relevanz ist das Projekt völlig kostenlos erhältlich. Die Community der Webentwickler ist sich sicher, dass das Projekt nicht über genügend Werbung verfügt. Möglichst viele Spezialisten sollten über Framework7 Bescheid wissen.

Zahlreiche Websites, mobile Anwendungen von Unternehmen wie Wappler, Thorium Builder, WFM Buddy und Regierungsanwendungen werden auf Framework7 erstellt.

Framework7 ist nicht das einzige bekannte Projekt, das von Vladimir Hardampidi gestartet wurde. Der Entwickler ist auch als Erfinder des Swiper-Sliders bekannt, einem Tool zum Scrollen durch Bilder, dem sogenannten „Bildkarussell“.

Bevor er an Open-Source-Projekten arbeitete (Open Source ist Software mit einem offenen Primärcode, der für Modifikationen durch Dritte verfügbar ist, ohne die Urheberrechte zu verletzen), arbeitete Vladimir als Front-End-Entwickler in vielen verschiedenen Unternehmen, wie zum Beispiel: ADV, Intern Avenue, FindersCrowd, CodersRank und Optimonk. Er hat viele Projekte für folgende bekannte Marken umgesetzt: Disney, Microsoft, McDonalds, Mercedes, Panasonic usw.

Heute werden wir mit Vladimir Kharlampidi darüber sprechen, wie das Projekt entstanden ist und welche Vorteile und Bedeutung es für die Branche im Allgemeinen hat.

1. Sie verfügen über 13 Jahre Erfahrung im Bereich Open Source und Webentwicklung, und dies ist Ihr Hauptberuf. Gleichzeitig bleibt die Open-Source-Entwicklung für viele Menschen ein Hobby. Wie haben Sie den Übergang von der freiberuflichen Tätigkeit zur Vollzeitarbeit an Ihren eigenen Projekten geschafft?

Von Anfang an inspirierte mich die Entwicklung universeller Produkte, die die Arbeit vieler anderer Entwickler erleichtern könnten. Und sobald meine Projekte an Popularität gewannen, fiel es mir leichter, mich auf meine eigenen Open-Source-Projekte zu konzentrieren, und im Laufe der Zeit begannen viele Entwickler auf der ganzen Welt, sie aktiv zu nutzen. Aber das war nicht immer so.

Ich begann als Frontend-Entwickler zu arbeiten. Ich habe als Freiberufler gearbeitet und verschiedene Websites und mobile Anwendungen für lokale Unternehmen erstellt. Früher habe ich mit ADV und Disney zusammengearbeitet, für die ich Websites, Spiele und Anwendungen für große Kunden entwickelt habe, darunter Sony, viele namhafte Banken, verschiedene Online-Shops usw.

Ich habe auch erfolgreich mit dem preisgekrönten britischen Startup Intern Avenue zusammengearbeitet, einem Dienst, der Studenten und Absolventen, die auf der Suche nach bezahlten Praktika sind, über ein datengesteuertes Bewertungssystem mit potenziellen Arbeitgebern verbindet.

Mehr oder weniger gleichzeitig habe ich Brief erstellt, einen Messenger, der die Geschäftskommunikation vereinfachen soll, indem er verschiedene Vertriebskanäle an einem einzigen Ort zusammenfasst. Parallel zu diesem Projekt arbeitete ich für das schwedische Unternehmen FindersCrowd, einem Dienst zur effektiven Verwaltung von Empfehlungen und Ratschlägen in Organisationen, und arbeitete mit den ungarischen Unternehmen CodersRank und OptiMonk zusammen.

2. Vladimir, erzählen Sie uns bitte mehr über Framework7 und die Art und Weise, wie es erstellt wurde?

Im Jahr 2014 traf ich die Entscheidung, am jährlichen Online-Hackathon namens „Static Showdown“ teilzunehmen (ein Forum, in dem Mitglieder zusammenarbeiten, um ein bestimmtes Problem in einem begrenzten Zeitraum zu lösen). Der Schwerpunkt lag auf der Entwicklung statischer Websites, Anwendungen und Spiele, die nur HTML (WEB-Markup-Sprache), CSS (eine Webseiten-Rendering-Sprache) und JavaScript (eine Programmiersprache) verwendeten, alles ohne serverseitige Logik.

Zur gleichen Zeit kam iOS 7 mit einem neuen „flachen“ Design heraus, das viral ging. Doch trotz des Erfolgs und der Beliebtheit eines solchen Designs gab es noch keine ähnlichen Lösungen für Webplattformen. Daher habe ich beschlossen, die iOS-Anwendungsoberfläche mithilfe von Webtechnologien als Projekt für diesen Hackathon zu replizieren.

So entstand die Idee von Framework7. Ich wollte einen einzigartigen „Rahmen“ der zukünftigen Webanwendung erstellen, der verschiedene visuelle Komponenten wie Listen, Dropdown-Fenster, Bedienfelder, Schaltflächen, Formularelemente, Animationen und Navigation für die Entwicklung von Webanwendungen und „hybriden“ Mobilgeräten umfasst Anwendungen unter Verwendung modernster Webtechnologien. Das Hauptziel des Projekts besteht darin, den Webentwicklungsprozess zu vereinfachen und zu beschleunigen.

Zu dieser Zeit war jQuery Mobile, eine Reihe von Tools zur Verwaltung des Inhalts von WEB-Seiten, eines der beliebtesten Frameworks, aber selbst damals sah es ziemlich veraltet aus und wechselte nie zu einem „flachen“ Design.

Ich habe rund 48 Stunden gebraucht, um die erste Version von Framework7 zu erstellen. Und dieses Projekt gewann die Nominierung „Publikumsfavorit“.

Sobald der Hackathon zu Ende war, beschloss ich, einen Beitrag über mein Projekt auf Hacker News zu schreiben, um Feedback von anderen Entwicklern zu erhalten und ihre persönliche Meinung zu erfahren. Da der Beitrag schnell ausverkauft war, beschloss ich, Framework7 als Tool zum Erstellen von Websites und mobilen Anwendungen weiterzuentwickeln.

3. Warum mochten die Entwickler Framework7 so sehr? Was sind die Hauptvorteile davon?

Framework7 wurde zu einem der ersten in der Nische der „hybriden“ mobilen Anwendungen. Wenn man früher eine Anwendung für iOS und Android erstellen wollte, musste man Swift, Kotlin oder Java beherrschen, und dank Framework7 genügen nur Grundkenntnisse der Webprogrammierung. Das bedeutet, dass sogar ein einzelner Entwickler eine Anwendung für iOS und Android erstellen kann.

Es liegt auf der Hand, dass Framework7 dem Entwickler viel Zeit und Ressourcen spart. Und selbst ein unerfahrener Spezialist ist in der Lage, mobile Anwendungen zu erstellen.

Obwohl das Projekt im Jahr 2014 gestartet wurde, arbeite ich weiter daran und verbessere, modernisiere und aktualisiere Framework7 ständig, um den modernsten Webstandards, aktuellen Designs und visuellen Stilen gerecht zu werden.

Wenn wir über die Hauptfunktionen von Framework7 sprechen, ist zunächst die stabile und schnelle Reaktion erwähnenswert. Auch wenn noch einige kleinere Fehler auftreten können, sind diese erstens äußerst selten und zweitens können sie sehr schnell behoben werden.

Ein weiteres Merkmal, das ich erwähnen möchte, ist die Verfügbarkeit einer klaren und detaillierten Dokumentation, die alle Beispiele, Beschreibungen möglicher Schwierigkeiten und deren mögliche Lösungen enthält. Außerdem verfügt Framework7 über eine visuelle und zugängliche Kitchen Sink (Wissensdatenbank, Toolkits und Begriffsdefinitionen), in der Sie jederzeit einen Blick darauf werfen können, wie alles funktioniert, und herausfinden, welche Komponenten verfügbar sind und wie sie funktionieren.

Aus diesem Grund wird Framework7 auch auf staatlicher Ebene weiterhin in Tausenden von Mobil- und Webanwendungen eingesetzt. Beispielsweise wurde es während der Pandemie in Chile für die offizielle mobile App zur COVID-19-Impfung verwendet. Gleichzeitig wird die offizielle Website des Projekts (https://framework7.io) jeden Monat von 30.000 Entwicklern besucht und die Anzahl der Seitenaufrufe übersteigt 300.000.

4. Können wir behaupten, dass Framework7 einen bedeutenden Platz in der Branche einnimmt?

Ich denke, dass Framework7 während seines gesamten Bestehens einen stabilen Platz auf dem Markt eingenommen hat. Erst kürzlich bekam er den ersten Konkurrenten, nämlich die Firma Ionic. An diesem Startup arbeitet ein riesiges Team, in das mehrere Millionen Dollar investiert wurden. Doch trotz all dieser günstigen Konditionen verfügt das Konkurrenzunternehmen über deutlich weniger verfügbare UI-Komponenten (User Interface).

Die neueste Version von Framework7 hat im Gegensatz zum zuvor erwähnten Ionic bereits die neueste Version des von Ihnen entworfenen Materials für Android-Geräte implementiert. Die Vorteile von Framework7 werden auch von vielen Entwicklern erkannt, die mit zwei Softwareplattformen arbeiten. Laut ihnen verfügt Framework7 über eine deutlich bessere visuelle Komponente und die Implementierung vieler wesentlicher Funktionen.

5. Was sind Ihre Zukunftspläne?

Ich habe vor, meine Projekte weiterzuentwickeln. Es gibt auch die Idee, einen Konstruktor für mobile Anwendungen zu erstellen, für den keine Programmierkenntnisse erforderlich sind, die sogenannte No-Code-Lösung. In den letzten Jahren ist die Nachfrage nach dem Konzept „Low-Code“ gestiegen, sodass ein solches Projekt nicht nur nützlich, sondern auch relevant sein wird.