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

Wenn Sie mit der Entwicklung mobiler Apps beginnen möchten, gibt es drei Hauptsprachen. Die besten Sprachen für die Entwicklung mobiler Apps im Jahr 2016 Die besten Sprachen für die Entwicklung mobiler Apps im Jahr 2016 Die Welt der Entwicklung mobiler Apps ist nach wie vor stark. Wenn Sie anfangen wollen, ist es nicht zu spät! Hier sind die Sprachen, über die Sie nachdenken sollten. Weitere Informationen finden Sie unter: Java für Android-Apps, Swift für iOS-Apps oder JavaScript für plattformübergreifende Apps.

Aber warten Sie nicht auf JavaScript Netz Entwicklung? Ja, es hat so angefangen, hat sich aber in den letzten zehn Jahren ziemlich entwickelt. 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 nennt man “Hybrid” Apps.

In jüngerer Zeit können einige JavaScript - Frameworks JavaScript - Code verwenden, sich in die Sprache einer mobilen Plattform kompilieren und als wahr App. Diese nennt man “gebürtig” Apps und sind Hybrid-Apps vorzuziehen, da sie häufig eine bessere Leistung bieten.

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

1. Native reagieren

React, entwickelt und verwaltet von Facebook, ist eines der beliebtesten derzeit verfügbaren JavaScript-Web-Frameworks. Wenn Sie es noch nicht probiert haben, sehen Sie sich diese tollen React-Tutorials an. 7 Die besten kostenlosen Tutorials für Lernreaktionen und das Erstellen von Web-Apps 7 Die besten kostenlosen Tutorials für Lernreaktionen und das Erstellen von Web-Apps Kostenlose Kurse sind selten so umfassend und hilfreich - aber Wir haben mehrere React-Kurse gefunden, die hervorragend sind und Sie auf den richtigen Fuß bringen. Lesen Sie mehr, um zu beginnen. Es gibt eine gewisse Lernkurve, aber es lohnt sich absolut.

React Native ist ein verwandtes Framework, auch von Facebook, mit dem Sie mobile Apps in JavaScript nach den React-Prinzipien erstellen können. App-Benutzeroberflächen sind mit HTML-artigen Layout-Tags und CSS-ähnlichen Stylesheets ausgestattet. Wenn Sie also Webentwickler sind und eine Hand in der mobilen Arena ausprobieren möchten, ist dies der beste Weg, dies zu tun.

Wie der Name schon sagt, erstellt React Native gebürtig mobile Apps. Dies ist ein Grund, warum so viele moderne Entwickler React Native lieben, da Apps dazu neigen, Apps zu übertreffen, die in anderen JavaScript-Frameworks geschrieben wurden. Der Nachteil? Sie müssen separate Niederlassungen für jede mobile Plattform mit plattformspezifischen Optimierungen einrichten. Es ist nicht “einmal schreiben, überall laufen.”

2. Winkel

Winkel ist das Das beliebteste JavaScript-Web-Framework ist ab sofort verfügbar. Es wurde von Google gegründet und wurde erst 2009 auf den Markt gebracht. Mit seiner einzigartigen, aber einfach zu erlernenden Herangehensweise bei der Entwicklung einer einseitigen Web-App hat sich eine große Community von Anwendern etabliert.

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. Das Framework ist robust genug für die Verwendung auf Unternehmensebene. Immerhin wird es von dem geschätzten 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 sind unten aufgeführt.

3. NativeScript

NativeScript ist ein JavaScript-zu-native Framework für mobile Apps, bei dem die Wiederverwendbarkeit von Code großgeschrieben wird. Das Interessanteste daran ist jedoch, dass Sie eine von drei Sprachen für NativeScript-Projekte verwenden können: JavaScript, TypeScript oder Angular.

Wenn Sie sich für Angular entscheiden, aber für Ihre App zu langsam ist und Sie mehr Leistung benötigen, kann NativeScript die Lösung sein. Angular nicht mögen? Das ist gut. Verwenden Sie das NativeScript Core-Framework zum einmaligen Schreiben und Bereitstellen für iOS und Android.

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

4. PhoneGap

PhoneGap ist ein Open Source-Framework, das die schnelle Entwicklung von mobilen Hybridanwendungen mithilfe von JavaScript (für die Anwendungslogik) 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 PhoneGap Glocken und Pfeifen fehlt.

Zwei Dinge machen PhoneGap ideal für die Entwicklung von Mobilgeräten: erstens die PhoneGap Developer-App (mit der Sie Builds auf mobilen Geräten testen und in der Vorschau anzeigen können) und zweitens der PhoneGap Build-Dienst (der Pakete für Sie bereitstellt und bereitstellt). 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 einem öffentlichen GitHub-Repository 8 der besten kostenlosen kollaborativen Tools für Programmierer abgerufen werden. 8 der besten kostenlosen kollaborativen Tools für Programmierer. Wenn Sie ein Programmierer sind und noch nicht programmiert sind Teilen oder Zusammenarbeiten sind Sie hinter den Kulissen. Nutzen Sie die Vorteile der Zusammenarbeit mit den richtigen Web-Apps. Weitere Informationen), erhalten Sie nur eine private App mit einer Größenbeschränkung von 50 MB. Für 10 $ / Monat können Sie bis zu 25 private Apps mit jeweils bis zu 100 MB Größe anstoßen. Creative Cloud-Abonnenten erhalten 25 private Apps mit einer Größe von jeweils bis zu 1 GB!

5. Ionisch

Das ionische Framework wird von vielen als das am einfachsten zu erlernende Framework für die mobile Entwicklung von JavaScript betrachtet. Da hybride mobile Apps erstellt werden, müssen Sie sich nicht um plattformspezifische Anpassungen kümmern (Sie können anpassen, wenn Sie möchten). Einmal schreiben, überall laufen.

Ionic enthält auch ein Werkzeug namens Creator, mit dem Sie Schnittstellen für Ihre mobile App mithilfe von Drag-and-Drop-Platzierungen erstellen und entwerfen können. Das ist viel einfacher als der Versuch, eine Benutzeroberfläche in HTML oder einer HTML-ähnlichen Markup-Sprache zusammenzusetzen. Daher ist Ionic ideal für Einsteiger. Erstellen einer mobilen App ohne Programmierkenntnisse mit codeless Apps Erstellen einer mobilen App ohne Programmierkenntnisse mit codeless Apps. Es ist durchaus möglich, eine einfache mobile App mithilfe verschiedener Drag & Drop-Tools zu erstellen Also, was ist der Haken? Weiterlesen .

Nachdem Sie das Frontend Ihrer App in Ionic erstellt haben, wird das Framework auf jeder mobilen Plattform mithilfe von Cordova bereitgestellt. Der größte Teil dieses Prozesses wird hinter den Kulissen gehandhabt und ist auch für Einsteiger sehr einfach. Machen Sie sich also keine Sorgen, wenn es kompliziert klingt. Es ist nicht.

6. Meteor

Meteors Anspruch an Bekanntheit ist zweifach: Erstens, es handelt sich um eine Full-Stack-Lösung. 10 Computerprogrammierjobs, die jetzt gefragt sind. 10 Computerprogrammierjobs, die jetzt gefragt sind. Da die Landung eines Programmierjobs in der derzeitigen Landschaft schwierig sein kann, Konzentrieren Sie sich auf eine der folgenden Konzentrationen, um Ihre Erfolgschancen zu verbessern. Weitere Informationen (integriert Frontend-, Backend-, Datenbank-, Client- und Server-Side-Entwicklung) und zweitens bietet es eine bidirektionale Datenbindung in Echtzeit (wenn sich etwas im Backend ändert, wird es sofort im Frontend aktualisiert).

Und während Meteor hauptsächlich für Web-Apps verwendet wird können für hybride mobile Apps verwendet werden. Wie bei Ionic wird Cordova zum Erstellen Ihres Projekts und zur Bereitstellung für iOS und Android verwendet. Zum jetzigen Zeitpunkt ist der mobile Export leider nur auf Mac und Linux verfügbar (wird von Meteor für Windows nicht unterstützt)..

7. Phaser

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

Phaser ist meintig - Sie müssen Ihren Code auf eine bestimmte Art und Weise strukturieren -, aber seine Meinungen basieren auf jahrzehntelangen bewährten Spielentwicklungspraktiken. Die Lernkurve ist relativ flach und Sie können Ihr erstes Spiel innerhalb weniger Stunden einrichten.

Der Export in ein mobiles Gerät ist keine integrierte Funktion, daher müssen Sie dies mit einem Tool wie Cordova erledigen. Es gibt jedoch viele Phaser-Tutorials, so dass es nicht allzu schwierig sein sollte, herauszufinden, wann Ihr Spiel bereit ist.

Welche Art von Mobile App machst du??

Ich möchte klar sein: Dies sind NICHT einfach nur Spielereien, die für Anfänger existieren, die nicht lernen können “echt” Sprachen wie Java und Swift. Mobile Frameworks von JavaScript werden häufiger als Sie denken, von echten Unternehmen für echte Apps mit echten Kunden verwendet.

Und das ist ein Beweis dafür, wie gut diese Rahmenbedingungen sind. Durchsuchen Sie eine Liste beliebter Android-Apps oder beliebter iOS-Apps, und Sie werden wahrscheinlich nicht in der Lage sein, zu erkennen, welche davon nativ oder in JavaScript geschrieben sind.

Ein letzter Tipp: Sobald Ihre mobile App fertig ist, lesen Sie diese Tipps, um zu helfen, viral zu werden. Wie mobile Apps viral gehen: 7 potente Tipps, die Sie heute verwenden können Wie mobile Apps go, viral: 7 potente Tipps, die Sie heute verwenden können Die App wird erstellt Das Beenden der App ist zwar ein bisschen schwieriger, aber viele Leute scheitern daran, Ihre App zu verwenden. Hier sind sieben tolle Tipps. Weiterlesen . Was nützt es überhaupt, eine App zu erstellen, wenn sie nicht gebraucht wird? Viel Glück!

Welche Frameworks sprechen Sie am meisten an? Habe ich gute vermisst? Welche Art von App möchtest du machen? Teilen Sie uns unten Ihre Gedanken und Bemühungen mit!

Erfahren Sie mehr über: JavaScript.