JavaScript Mobile Apps: Ja, daar is een Framework voor

Advertentie

Als je wilt beginnen met het maken van mobiele apps, er zijn drie hoofdtalen De beste talen voor de ontwikkeling van mobiele apps in 2016De wereld van de ontwikkeling van mobiele apps is nog steeds zo sterk als ooit. Als je aan de slag wilt, is het niet te laat! Dit zijn de talen die u moet overwegen om te leren. Lees verder om te kiezen tussen: Java voor Android-apps, Swift voor iOS-apps of JavaScript voor platformonafhankelijke apps.

Maar wacht, is geen JavaScript voor web ontwikkeling? Ja, het begon op die manier, maar is het afgelopen decennium behoorlijk geëvolueerd. U kunt nu een web-app in JavaScript maken en deze bundelen met een browser-engine die werkt als een mobiele app. Dit worden "hybride" apps genoemd.

Meer recent kunnen sommige JavaScript-frameworks JavaScript-code gebruiken, compileren naar de inherente taal van een mobiel platform en worden uitgevoerd als een waar mobiele app. Deze worden 'native' apps genoemd en hebben de voorkeur boven hybride apps omdat ze vaak betere prestaties leveren.

In dit artikel leert u over zeven in gevecht geteste JavaScript-frameworks die zijn uitgerust om mobiele apps te maken met behulp van een van de twee bovengenoemde methoden.

React, ontwikkeld en onderhouden door Facebook, is een van de populairste JavaScript-webframes die momenteel beschikbaar zijn. Als je het nog niet hebt geprobeerd, probeer het dan deze geweldige React-tutorials 7 Beste gratis tutorials voor het leren reageren en het maken van web-appsGratis cursussen zijn zelden zo uitgebreid en nuttig - maar we hebben verschillende React-cursussen gevonden die uitstekend zijn en je op weg helpen. Lees verder starten. Er is een beetje een leercurve, maar het is absoluut de moeite waard.

React Native is een gerelateerd framework, ook door Facebook, waarmee je mobiele apps in JavaScript kunt maken met behulp van React-principes. App-UI's zijn ontworpen met HTML-achtige lay-outtags en CSS-achtige stylesheets, dus als u een webontwikkelaar bent die een handje in de mobiele arena wil proberen, is dit de beste manier om dit te doen.

Zoals de naam al aangeeft, maakt React Native inheems mobiele apps. Het is een reden waarom zoveel moderne ontwikkelaars dol zijn op React Native, omdat zijn apps de neiging hebben beter te presteren dan apps die in andere JavaScript-frameworks zijn geschreven. Het nadeel? U moet afzonderlijke vestigingen onderhouden voor elk mobiel platform met platformspecifieke aanpassingen. Het is niet "één keer schrijven, overal naartoe rennen."

Hoekig is de meest populaire JavaScript-webframework dat nu beschikbaar is. Gemaakt door Google en voor het eerst gelanceerd in 2009, heeft het een enorme gemeenschap van gebruikers verzameld met zijn unieke maar gemakkelijk te leren aanpak voor de ontwikkeling van webapps met één pagina.

Als je je aan Angular houdt, kun je hybride apps maken met native snelheden en ervaringen. De bidirectionele gegevensbinding is een van de meest opvallende kenmerken en het framework is robuust genoeg voor gebruik op bedrijfsniveau. Het wordt tenslotte onderhouden door de gewaardeerde Google!

Terwijl jij kan gebruik Angular voor native mobiele apps, je zult het moeten koppelen aan een ander framework zoals NativeScript of Ionic. Beide worden hieronder besproken.

NativeScript is een JavaScript-naar-native framework voor mobiele apps met een grote nadruk op herbruikbaarheid van code. Maar misschien is het meest interessante eraan dat je een van de drie talen kunt gebruiken voor NativeScript-projecten: JavaScript, TypeScript of Angular.

Als Angular uw voorkeursraamwerk is, maar het is te langzaam voor uw specifieke app en u moet meer prestaties uitvoeren, dan is NativeScript wellicht de oplossing. Houd je niet van Angular? Dat is prima. Gebruik het NativeScript Core-framework om eenmaal te schrijven en te implementeren op zowel iOS als Android.

Om interface-elementen te maken en te ontwerpen, gebruikt u een speciale HTML-achtige taal voor het indelen van verschillende componenten en CSS voor het aanpassen van het uiterlijk en uiterlijk van componenten.

PhoneGap is een open source framework waarmee hybride mobiele apps snel kunnen worden ontwikkeld met behulp van JavaScript (voor de app-logica) en HTML + CSS (voor de interface en het ontwerp). Het is gebaseerd op Cordova, dat ook open source is, maar veel van de toeters en bellen van PhoneGap mist.

Twee dingen maken PhoneGap geweldig voor mobiele ontwikkeling: ten eerste de PhoneGap Developer-app (waarmee u kunt testen en preview bouwt op mobiele apparaten) en ten tweede de PhoneGap Build-service (waarvoor apps worden verpakt en geïmplementeerd u). U hoeft maar één keer te schrijven en PhoneGap kan apps leveren aan iOS, Android en Windows Phone.

Hoewel PhoneGap Build gratis is voor open-sourceprojecten (code moet worden opgehaald uit een openbare GitHub-repository 8 van de beste gratis samenwerkingstools voor programmeursAls je een programmeur bent en je nog niet deelt of samenwerkt, zit je achter de curve. Profiteer van de voordelen van samenwerking met de juiste web-apps. Lees verder ), u krijgt slechts 1 privé-app met een limiet van 50 MB. Voor $ 10 / mnd kun je die tot 25 privé-apps van elk maximaal 100 MB groot maken. Creative Cloud-abonnees krijgen 25 privé-apps van elk maximaal 1 GB!

Het Ionische framework wordt door velen beschouwd als het gemakkelijkste framework om te leren voor JavaScript mobiele ontwikkeling. Omdat het hybride mobiele apps maakt, hoeft u zich geen zorgen te maken over platformspecifieke aanpassingen (u kan aanpassen als u wilt). Schrijf een keer, ren overal naartoe.

Ionic wordt ook geleverd met een tool genaamd Creator, waarmee u interfaces voor uw mobiele app kunt maken en ontwerpen met behulp van slepen en neerzetten. Dit is veel gemakkelijker dan proberen een gebruikersinterface samen te stellen in HTML of een HTML-achtige opmaaktaal. Als zodanig, Ionisch is geweldig voor nieuwkomers Bouw een mobiele app zonder programmeerkennis met codeloze appsHet is heel goed mogelijk om een ​​eenvoudige mobiele app te bouwen met behulp van een aantal drag-and-drop-tools, dus wat is het probleem? Lees verder .

Nadat u de front-end van uw app in Ionic heeft gebouwd, wordt het framework geïmplementeerd op elk mobiel platform met behulp van Cordova. Het grootste deel van dit proces wordt achter de schermen afgehandeld en het is zelfs voor de eerste keer heel gemakkelijk, dus maak je geen zorgen als het ingewikkeld klinkt. Dat is het niet.

Meteors claim op roem is tweeledig: ten eerste, het is een full-stack oplossing 10 Computerprogrammeringstaken waar nu veel vraag naar isAangezien het landen van een programmeertaak in het huidige landschap moeilijk kan zijn, overweeg dan om u te concentreren op een van de volgende concentraties om uw kansen op succes te verbeteren. Lees verder (integreert frontend, backend, database, clientside en serveride ontwikkeling) en ten tweede biedt het real-time tweerichtingsbinding (als er iets in de backend verandert, wordt dit onmiddellijk bijgewerkt in de voorkant).

En hoewel het meestal wordt gebruikt voor web-apps, Meteor kan worden gebruikt voor hybride mobiele apps. Net als Ionic gebruikt het Cordova om uw project te bouwen en te implementeren voor iOS en Android. Helaas is mobiele export vanaf dit moment alleen beschikbaar op Mac en Linux (niet ondersteund door Meteor voor Windows).

Als je liever mobiele games maakt, heb je een framework nodig betekende voor game-ontwikkeling. Dergelijke frameworks doen al het zware werk, zodat u complexe taken kunt uitvoeren in één of twee regels code (bijv. Een afbeelding laden of de wereldcamera verplaatsen). En Phaser is gemakkelijk een van de beste in zijn klasse.

Phaser is eigenwijs - u moet uw code op een bepaalde manier structureren - maar zijn meningen zijn gebaseerd op tientallen jaren beproefde methoden voor het ontwikkelen van games. De leercurve is relatief ondiep en je kunt je eerste game binnen enkele uren spelen.

Exporteren naar mobiel is geen ingebouwde functie, dus je moet het doen via een tool als Cordova. Er bestaan ​​echter veel Phaser-zelfstudies, dus het zou niet zo moeilijk moeten zijn om erachter te komen wanneer je game klaar is om te worden geïmplementeerd.

Wat voor soort mobiele app maak je?

Ik wil duidelijk zijn: dit zijn GEEN gimmicks die er zijn voor nieuwkomers die de moeite niet nemen om "echte" talen zoals Java en Swift te leren. Mobiele JavaScript-frameworks worden vaker gebruikt dan u denkt door echte bedrijven voor echte apps met echte klanten.

En dat is een bewijs van hoe goed deze frameworks zijn. Bekijk een lijst met populaire Android-apps of populaire iOS-apps en je zult waarschijnlijk niet kunnen zien welke native of in JavaScript zijn geschreven.

Nog een laatste tip: als je mobiele app klaar is, ga je eens kijken deze tips om het te helpen viral te gaan Hoe mobiele apps viral gaan: 7 krachtige tips die u vandaag kunt gebruikenHet maken van de app is het makkelijke gedeelte, het voltooien van de app is een beetje moeilijker, maar mensen ertoe brengen om uw app te gebruiken is waar veel bedrijven falen. Hier zijn zeven geweldige tips. Lees verder . Wat heb je tenslotte aan een app maken als niemand hem gaat gebruiken? Succes!

Welke kaders spreken u het meest aan? Heb ik goede dingen gemist? Wat voor soort app hoop je te maken? Deel hieronder uw mening en inspanningen met ons!