JavaScript Mobile Apps: Ja, dafür gibt es ein Framework

Werbung

Wenn Sie mobile Apps erstellen möchten, Es gibt drei Hauptsprachen Die besten Sprachen für die Entwicklung mobiler Apps im Jahr 2016Die Welt der Entwicklung mobiler Apps ist nach wie vor stark. Wenn Sie loslegen möchten, ist es noch nicht zu spät! Hier sind die Sprachen, über die Sie nachdenken sollten. Weiterlesen Sie können zwischen Java für Android-Apps, Swift für iOS-Apps oder JavaScript für plattformübergreifende Apps wählen.

Aber warte, ist kein JavaScript für Netz Entwicklung? Ja, es hat so angefangen, hat sich aber im letzten Jahrzehnt ziemlich weiterentwickelt. Sie können jetzt eine Web-App in JavaScript erstellen und mit einer Browser-Engine bündeln, die sich wie eine mobile App verhält. Diese werden als "Hybrid" -Apps bezeichnet.

In jüngerer Zeit können einige JavaScript-Frameworks JavaScript-Code verwenden, in die inhärente Sprache einer mobilen Plattform kompilieren und als ausgeführt werden wahr App. Diese Apps werden als "native" Apps bezeichnet und sind Hybrid-Apps vorzuziehen, da sie häufig eine bessere Leistung aufweisen.

In diesem Artikel erfahren Sie mehr über sieben kampferprobte JavaScript-Frameworks, mit denen mobile Apps mit einer der beiden oben genannten Methoden erstellt werden können.

React, entwickelt und gepflegt von Facebook, ist eines der beliebtesten derzeit verfügbaren JavaScript-Webframeworks. Wenn Sie es noch nicht ausprobiert haben, schauen Sie sich das an Diese fantastischen React-Tutorials 7 besten kostenlosen Tutorials zum Lernen, Reagieren und Erstellen von Web-AppsKostenlose Kurse sind selten so umfassend und hilfreich - aber wir haben mehrere React-Kurse gefunden, die ausgezeichnet sind und Ihnen den richtigen Einstieg ermöglichen. Weiterlesen um loszulegen. Es gibt eine gewisse Lernkurve, aber es lohnt sich auf jeden Fall.

React Native ist ein verwandtes Framework, ebenfalls von Facebook, mit dem Sie mobile Apps in JavaScript nach den React-Prinzipien erstellen können. App-Benutzeroberflächen sind mit HTML-ähnlichen Layout-Tags und CSS-ähnlichen Stylesheets gestaltet. Wenn Sie also ein Webentwickler sind, der sich im mobilen Bereich versuchen möchte, ist dies der beste Weg, dies zu tun.

Wie der Name andeutet, erstellt React Native einheimisch mobile Apps. Dies ist einer der Gründe, warum so viele moderne Entwickler React Native lieben, weil ihre Apps Apps übertreffen, die in anderen JavaScript-Frameworks geschrieben wurden. Der Nachteil? Sie müssen für jede mobile Plattform separate Filialen mit plattformspezifischen Optimierungen verwalten. Es ist nicht "einmal schreiben, überall laufen".

Winkel ist das Das derzeit beliebteste JavaScript-Webframework. Das von Google entwickelte und erstmals im Jahr 2009 gestartete Unternehmen hat mit seinem einzigartigen, aber leicht zu erlernenden Ansatz für die Entwicklung von einseitigen Webanwendungen eine große Nutzergemeinschaft aufgebaut.

Wenn Sie sich an Angular halten, können Sie Hybrid-Apps erstellen, die native Geschwindigkeiten und Erlebnisse bieten. Die bidirektionale Datenbindung ist eine der bemerkenswertesten Funktionen, und das Framework ist robust genug für die Verwendung auf Unternehmensebene. Immerhin wird es von dem angesehenen Google gepflegt!

Während du können Wenn Sie Angular für native mobile Apps verwenden, müssen Sie es mit einem anderen Framework wie NativeScript oder Ionic koppeln. Beide werden unten behandelt.

NativeScript ist ein JavaScript-zu-Native-Framework für mobile Apps mit einem großen Schwerpunkt auf der Wiederverwendbarkeit von Code. Das vielleicht interessanteste daran ist, dass Sie für NativeScript-Projekte eine von drei Sprachen verwenden können: JavaScript, TypeScript oder Angular.

Wenn Angular das Framework Ihrer Wahl ist, es jedoch für Ihre spezielle App zu langsam ist und Sie mehr Leistung erzielen müssen, ist NativeScript möglicherweise die Lösung. Magst du Angular nicht? Das ist gut. Verwenden Sie das NativeScript Core-Framework, um einmal zu schreiben und auf iOS und Android bereitzustellen.

Zum Erstellen und Entwerfen von Oberflächenelementen verwenden Sie eine spezielle HTML-ähnliche Sprache zum Anlegen verschiedener Komponenten und CSS zum Anpassen des Erscheinungsbilds von Komponenten.

PhoneGap ist ein Open-Source-Framework, das die schnelle Entwicklung hybrider mobiler Apps mit JavaScript (für die App-Logik) und HTML + CSS (für die Benutzeroberfläche und das Design) ermöglicht. Es basiert auf Cordova, das ebenfalls Open Source ist, aber viele der Schnickschnack von PhoneGap nicht enthält.

Zwei Dinge machen PhoneGap ideal für die mobile Entwicklung: Erstens die PhoneGap Developer App (mit der Sie testen und testen können Preview baut auf Mobilgeräten auf) und zweitens auf dem PhoneGap Build-Dienst (der Apps für Pakete verpackt und bereitstellt Sie). Sie müssen nur einmal schreiben und PhoneGap kann Apps für iOS, Android und Windows Phone bereitstellen.

Während PhoneGap Build für Open-Source-Projekte kostenlos ist (Code muss aus a gezogen werden öffentliches GitHub-Repository 8 der besten kostenlosen Tools für die Zusammenarbeit für ProgrammiererWenn Sie ein Programmierer sind und noch nicht teilen oder zusammenarbeiten, stehen Sie hinter der Kurve. Nutzen Sie die Vorteile der Zusammenarbeit mit den richtigen Web-Apps. Weiterlesen ) erhalten Sie nur 1 private App mit einer Größenbeschränkung von 50 MB. Für 10 US-Dollar pro Monat können Sie bis zu 25 private Apps mit einer Größe von jeweils bis zu 100 MB erweitern. Creative Cloud-Abonnenten erhalten 25 private Apps mit einer Größe von jeweils bis zu 1 GB!

Das Ionic-Framework wird von vielen als das am einfachsten zu erlernende Framework für die mobile JavaScript-Entwicklung angesehen. Da hybride mobile Apps erstellt werden, müssen Sie sich keine Gedanken über plattformspezifische Optimierungen machen (Sie können anpassen, wenn Sie möchten). Einmal schreiben, überall laufen.

Ionic enthält außerdem ein Tool namens Creator, mit dem Sie mithilfe von Drag-and-Drop-Platzierungen Schnittstellen für Ihre mobile App erstellen und entwerfen können. Das ist viel einfacher als zu versuchen, eine Benutzeroberfläche in HTML oder einer HTML-ähnlichen Auszeichnungssprache zusammenzusetzen. So wie, Ionic ist ideal für Neulinge Erstellen Sie eine mobile App ohne Programmierkenntnisse mit codelosen AppsEs ist durchaus möglich, eine einfache mobile App mithilfe einer Reihe von Drag-and-Drop-Tools zu erstellen. Was ist also der Haken? Weiterlesen .

Sobald Sie das Front-End Ihrer App in Ionic erstellt haben, wird das Framework mithilfe von Cordova auf jeder mobilen Plattform bereitgestellt. Der größte Teil dieses Prozesses wird hinter den Kulissen abgewickelt und ist selbst für Anfänger sehr einfach. Machen Sie sich also keine Sorgen, wenn es kompliziert klingt. Es ist nicht so.

Meteors Anspruch auf Ruhm ist zweifach: Erstens Es ist eine Full-Stack-Lösung 10 Computer-Programmierjobs, die gerade gefragt sindDa es in der aktuellen Landschaft schwierig sein kann, einen Programmierjob zu bekommen, sollten Sie sich auf eine der folgenden Konzentrationen konzentrieren, um Ihre Erfolgschancen zu verbessern. Weiterlesen (Integriert Frontend-, Backend-, Datenbank-, clientseitige und serverseitige Entwicklung) und zweitens bietet es Zwei-Wege-Datenbindung in Echtzeit (wenn sich im Backend etwas ändert, wird es sofort im aktualisiert Vorderes Ende).

Und während es hauptsächlich für Web-Apps verwendet wird, ist Meteor können für hybride mobile Apps verwendet werden. Wie Ionic verwendet es Cordova, um Ihr Projekt zu erstellen und für iOS und Android bereitzustellen. Leider ist der mobile Export derzeit nur unter Mac und Linux verfügbar (von Meteor für Windows nicht unterstützt).

Wenn Sie lieber mobile Spiele erstellen möchten, benötigen Sie ein Framework gemeint für die Spieleentwicklung. Solche Frameworks erledigen die ganze harte Arbeit, sodass Sie komplexe Aufgaben in ein oder zwei Codezeilen ausführen können (z. B. ein Bild laden oder die Weltkamera bewegen). Und Phaser ist mit Sicherheit einer der besten seiner Klasse.

Phaser hat eine Meinung - Sie müssen Ihren Code auf eine bestimmte Weise strukturieren -, aber seine Meinung basiert auf jahrzehntelangen bewährten Spielentwicklungspraktiken. Die Lernkurve ist relativ flach und Sie können Ihr erstes Spiel innerhalb von Stunden zum Laufen bringen.

Das Exportieren auf Mobilgeräte ist keine integrierte Funktion, daher müssen Sie dies über ein Tool wie Cordova tun. Es gibt jedoch viele Phaser-Tutorials, sodass es nicht allzu schwierig sein sollte, dies herauszufinden, sobald Ihr Spiel einsatzbereit ist.

Was für eine mobile App machst du?

Ich möchte klarstellen: Dies sind NICHT nur Spielereien für Neulinge, die sich nicht die Mühe machen, „echte“ Sprachen wie Java und Swift zu lernen. Mobile JavaScript-Frameworks werden von echten Unternehmen häufiger als Sie denken für echte Apps mit echten Kunden verwendet.

Und das ist ein Beweis dafür, wie gut diese Frameworks sind. Schauen Sie sich eine Liste von an beliebte Android-Apps oder beliebte iOS-Apps und Sie werden wahrscheinlich nicht erkennen können, welche nativ oder in JavaScript geschrieben sind.

Ein letzter Tipp: Wenn Ihre mobile App fertig ist, checken Sie aus Diese Tipps helfen dabei, viral zu werden Wie mobile Apps viral werden: 7 wichtige Tipps, die Sie heute verwenden könnenDas Erstellen der App ist der einfache Teil, das Beenden der App ist etwas schwieriger, aber viele Unternehmen scheitern daran, die Benutzer dazu zu bringen, Ihre App zu verwenden. Hier sind sieben großartige Tipps. Weiterlesen . Was nützt eine App, wenn niemand sie nutzt? Viel Glück!

Welche Frameworks sprechen Sie am meisten an? Habe ich gute vermisst? Was für eine App möchten Sie machen? Teilen Sie uns unten Ihre Gedanken und Bemühungen mit!