JavaScript mobiele apps Ja, daar is een kader voor

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

Maar wacht, is JavaScript niet voor web ontwikkeling? Ja, het begon op die manier, maar is de afgelopen tien jaar behoorlijk geëvolueerd. U kunt nu een web-app maken in JavaScript en deze bundelen met een browserengine die werkt als een mobiele app. Deze worden genoemd “hybride” apps.

Meer recentelijk 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 genoemd “inheems” apps en hebben de voorkeur boven hybride apps omdat ze vaak betere prestaties leveren.

In dit artikel leert u over zeven door gevechten geteste JavaScript-kaders die zijn uitgerust om mobiele apps te maken met een van de twee hierboven genoemde methoden.

1. Reageer Native

Reageren, ontwikkeld en onderhouden door Facebook, is een van de meest populaire JavaScript-webkaders die momenteel beschikbaar zijn. Als je het nog niet hebt geprobeerd, bekijk dan deze geweldige handleidingen van React. 7 Beste gratis handleidingen voor leren Reageren en web-apps maken 7 Beste gratis handleidingen voor leren Reageren en web-apps maken Gratis cursussen zijn zelden zo uitgebreid en nuttig - maar we hebben verschillende React-cursussen gevonden die uitstekend zijn en waarmee u op de juiste manier kunt starten. Lees meer om te beginnen. 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 React-principes. App-gebruikersinterfaces zijn ontworpen met HTML-achtige layout-tags en CSS-achtige stylesheets, dus als je een webontwikkelaar bent die een hand in de mobiele arena wil proberen, is dit de beste manier om het te doen.

Zoals geïmpliceerd door de naam, creëert React Native inheems mobiele apps. Het is een reden waarom zoveel moderne ontwikkelaars van React Native houden, omdat de apps ervan de neiging hebben beter te presteren dan apps die zijn geschreven in andere JavaScript-frameworks. Het nadeel? Voor elk mobiel platform moet u afzonderlijke vestigingen onderhouden met platformspecifieke aanpassingen. Dat is het niet “schrijf eens, ren overal.”

2. Hoekig

Angular is de meest populaire JavaScript-webraamwerk nu beschikbaar. Gemaakt door Google en voor het eerst gelanceerd in 2009, heeft het een enorme gebruikersgemeenschap opgebouwd met zijn unieke maar eenvoudig te leren benadering voor het ontwikkelen van webapps met één pagina..

Als je bij Angular juist blijft, kun je hybride apps maken die native-achtige snelheden en ervaringen bieden. De bidirectionele gegevensbinding is een van de meest opvallende kenmerken en het kader is robuust genoeg voor gebruik op bedrijfsniveau. Het wordt immers onderhouden door de gewaardeerde Google!

Terwijl jij kan Gebruik Angular voor native mobiele apps, u moet het koppelen met een ander framework zoals NativeScript of Ionic. Beiden zijn hieronder gedekt.

3. NativeScript

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

Als Angular uw voorkeursmodel is, maar het is te traag voor uw specifieke app en u moet meer prestaties uitwringen, dan is NativeScript de oplossing. Hou je niet van Angular? Dat is prima. Gebruik het NativeScript Core-framework om één keer te schrijven en te implementeren op zowel iOS als Android.

Voor het maken en ontwerpen van interface-elementen gebruikt u een speciale HTML-achtige taal voor het maken van verschillende componenten en CSS voor het aanpassen van het uiterlijk en de vormgeving van componenten.

4. PhoneGap

PhoneGap is een open source framework dat zorgt voor een snelle ontwikkeling van hybride mobiele apps 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 ideaal voor mobiele ontwikkeling: ten eerste de PhoneGap Developer-app (waarmee je builds kunt testen en previewen op mobiele apparaten) en ten tweede PhoneGap Build-service (die apps voor je verpakt en implementeert). U hoeft slechts één keer te schrijven en PhoneGap kan apps leveren aan iOS, Android en Windows Phone.

Terwijl PhoneGap Build gratis is voor open-sourceprojecten (code moet worden gehaald uit een openbare GitHub-repository 8 van de beste gratis samenwerkingshulpmiddelen voor programmeurs 8 van de beste gratis samenwerkingshulpmiddelen voor programmeurs Als je een programmeur bent en je bent nog niet delen of samenwerken, je bent achter de schermen en haalt de voordelen van samenwerking met de juiste web-apps. Lees meer), je krijgt maar 1 privé-app met een limiet van 50 MB. Voor $ 10 per maand kun je die maximaal 25 privé-apps met elk een grootte van 100 MB stoten. Creative Cloud-abonnees krijgen elk 25 privé-apps met een grootte van maximaal 1 GB!

5. Ionisch

Het Ionische raamwerk wordt door velen beschouwd als het gemakkelijkste kader om te leren voor de ontwikkeling van JavaScript voor mobiel. Omdat het hybride mobiele apps maakt, hoeft u zich geen zorgen te maken over platformspecifieke tweaks (u kan aanpassen als je wilt). Schrijf één keer, ren overal.

Ionic wordt ook geleverd met een tool genaamd Creator, waarmee u interfaces voor uw mobiele app kunt maken en ontwerpen met plaatsingen met slepen en neerzetten. Dit is veel gemakkelijker dan een UI in HTML of HTML-achtige opmaaktaal samen te voegen. Als zodanig is Ionic geweldig voor beginners Build A Mobile App zonder programmeerkennis met codeloze apps Bouw een mobiele app zonder programmeerkennis met codeloze apps Het is volledig mogelijk om een ​​eenvoudige basisapp te bouwen met behulp van een aantal drag-and-drop tools , dus wat is de vangst? Lees verder .

Zodra u de voorkant van uw app in Ionic hebt gebouwd, wordt het framework naar elk mobiel platform geïmplementeerd met behulp van Cordova. Het grootste deel van dit proces wordt achter de schermen afgehandeld en het is erg gemakkelijk, zelfs voor beginners, dus maak je geen zorgen als het ingewikkeld klinkt. Dat is het niet.

6. Meteor

De roem van Meteor is tweeledig: ten eerste is het een volledige stack 10 Programmeren van computerprogrammeren Banen die op dit moment veel gevraagd zijn 10 Programmeren van computerprogramma's die op dit moment veel gevraagd zijn Sinds de landing kan een programmeerjob zwaar zijn in het huidige landschap, overweeg om je te concentreren op een van de volgende concentraties om je kansen op succes te vergroten. Meer lezen (integreert frontend-, back-end, database-, clientside- en serverside-ontwikkeling) en ten tweede biedt het real-time tweewegsbinding (als er iets verandert in de backend, wordt het onmiddellijk bijgewerkt in de frontend).

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

7. Phaser

Als u liever mobiele games maakt, heeft u een framework nodig bedoelde voor game-ontwikkeling. Zulke frameworks doen al het harde werk, zodat je complexe taken in een of twee regels code kunt uitvoeren (bijvoorbeeld een afbeelding laden of de wereldcamera verplaatsen). En Phaser is gemakkelijk een van de beste in zijn klasse.

Phaser is eigenzinnig - je moet je code op een bepaalde manier structureren - maar zijn meningen zijn gebaseerd op tientallen jaren van beproefde spelontwikkelingspraktijken. De leercurve is relatief ondiep en je kunt je eerste game binnen enkele uren laten draaien.

Exporteren naar mobiel is geen ingebouwde functie, dus u zult het moeten doen via een tool zoals Cordova. Er zijn echter veel tutorials over Phaser, dus het zou niet al te moeilijk moeten zijn om erachter te komen wanneer je game klaar is om ingezet te worden.

Wat voor soort mobiele app maak je?

Ik wil duidelijk zijn: dit zijn niet zomaar gimmicks die bestaan ​​voor nieuwkomers die niet de moeite nemen om te leren “echt” talen zoals Java en Swift. JavaScript-mobiele frameworks worden vaker gebruikt dan je denkt door echte bedrijven voor echte apps met echte klanten.

En dat is een bewijs van hoe goed deze frameworks zijn. Blader door een lijst met populaire Android-apps of populaire iOS-apps en u zult waarschijnlijk niet kunnen achterhalen welke boeken oorspronkelijk zijn geschreven of in JavaScript zijn geschreven.

Nog een laatste tip: als uw mobiele app klaar is, bekijkt u deze tips om viral te gaan werken. Hoe mobiele apps viral gaan werken: 7 krachtige tips die u vandaag kunt gebruiken Hoe mobiele apps viral worden: 7 krachtige tips die u vandaag kunt gebruiken De app maken het makkelijke gedeelte, het afwerken van de app is een beetje moeilijker, maar mensen ertoe brengen om je app te gebruiken, daar waar veel bedrijven falen. Hier zijn zeven geweldige tips. Lees verder . Want wat heeft het voor zin een app te maken als niemand er gebruik van maakt? Succes!

Welke kaders spreken u het meest aan? Heb ik een goed gemist? Welke app hoop je te maken? Deel uw mening en inspanningen met ons hieronder!

Ontdek meer over: JavaScript.