JavaScript Mobile Apps Ja, der er en ramme for det

Hvis du vil begynde at fremstille mobile apps, er der tre hovedsprog De bedste sprog til mobilappudvikling i 2016 De bedste sprog til mobilappudvikling i 2016 Verden inden for mobilappudvikling går stadig så stærk som nogensinde. Hvis du vil komme i gang, er det ikke for sent! Her er de sprog, du skal tænke på at lære. at vælge mellem: Java til Android-apps, Swift til iOS-apps eller JavaScript til tværplatforms-apps.

Men vent, er ikke JavaScript til web udvikling? Ja, det startede på den måde, men har udviklet sig en hel del i det sidste årti. Du kan nu oprette en webapp i JavaScript og bundte den med en browsermotor, der fungerer som en mobilapp. Disse kaldes “hybrid” apps.

For nylig kan nogle JavaScript-rammer tage JavaScript-kode, kompilere til en mobil platforms iboende sprog og køre som en rigtigt mobilapp. Disse kaldes “hjemmehørende” apps og foretrækkes frem for hybridapps, fordi de ofte har bedre ydelse.

I denne artikel lærer du om syv kamptestede JavaScript-rammer, der er udstyret til at oprette mobile apps ved hjælp af en af ​​de to metoder, der er nævnt ovenfor.

1. Reager indfødt

React, udviklet og vedligeholdt af Facebook, er en af ​​de mest populære JavaScript-webrammer, der i øjeblikket er tilgængelige. Hvis du ikke har prøvet endnu, så tjek disse fantastiske Reakt-tutorials 7 Bedste gratis tutorials til at lære at reagere og lave web-apps 7 Bedste gratis tutorials til at lære at reagere og oprette web-apps Gratis kurser er sjældent så omfattende og hjælpsomme - men Vi har fundet flere React-kurser, der er fremragende og vil komme i gang på højre fod. at komme i gang. Der er lidt af en læringskurve, men det er absolut værd.

React Native er en relateret ramme, også af Facebook, der giver dig mulighed for at oprette mobile apps i JavaScript ved hjælp af React-principper. App UI'er er designet med HTML-esque layout tags og CSS-lignende stilark, så hvis du er en webudvikler, der vil prøve en hånd i den mobile arena, er dette den bedste måde at gøre det på.

Som antydet af navnet opretter React Native hjemmehørende mobile apps. Det er en af ​​grundene til, at så mange moderne udviklere elsker React Native, fordi dens apps har en tendens til at overgå apps, der er skrevet i andre JavaScript-rammer. Ulempen? Du bliver nødt til at vedligeholde separate grene for hver mobilplatform med platformspecifikke justeringer. Det er det ikke “skriv en gang, løb overalt.”

2. Vinklet

Vinkelformet er det mest populære JavaScript-webramme tilgængelig lige nu. Oprettet af Google og først lanceret tilbage i 2009 og har samlet et enormt community af brugere med sin unikke, men let at lære indfaldsvinkel til websides udvikling på én side.

Hvis du holder dig til korrekt Angular, kan du oprette hybrid-apps, der tilbyder native-lignende hastigheder og oplevelser. Tovejsbindingen er en af ​​dens mest bemærkelsesværdige funktioner, og rammen er robust nok til anvendelse på virksomhedsniveau. Når alt kommer til alt opretholdes det af den anerkendte Google!

Mens du kan Brug Angular til indbyggede mobile apps, du bliver nødt til at parre det med en anden ramme som NativeScript eller Ionic. Begge er dækket nedenfor.

3. NativeScript

NativeScript er en JavaScript-til-native ramme til mobile apps med stor vægt på kodegenanvendelighed. Men måske er det mest interessante ved det, at du kan bruge et af tre sprog til NativeScript-projekter: JavaScript, TypeScript eller Angular.

Hvis Angular er din valgfri ramme, men det er for langsomt til din bestemte app, og du er nødt til at udrænge mere ydeevne, kan NativeScript muligvis være løsningen. Kan du ikke lide kantet? Det er fint. Brug NativeScript Core-rammerne til at skrive en gang og distribuere til både iOS og Android.

Hvis du vil oprette og designe interfaceelementer, skal du bruge et specielt HTML-lignende sprog til layout af forskellige komponenter og CSS til tilpasning af udseende og udseende på komponenter.

4. PhoneGap

PhoneGap er en open source-ramme, der giver mulighed for hurtig udvikling af hybridmobil-apps ved hjælp af JavaScript (til applogikken) og HTML + CSS (til interface og design). Det er baseret på Cordova, som også er open source, men mangler mange af PhoneGap's klokker og fløjter.

To ting gør PhoneGap fantastisk til mobiludvikling: for det første PhoneGap Developer-appen (som giver dig mulighed for at teste og forhåndsvise bygger på mobile enheder), og for det andet PhoneGap Build-tjenesten (som pakker og udsender apps til dig). Du behøver kun at skrive en gang, og PhoneGap kan levere apps til iOS, Android og Windows Phone.

Mens PhoneGap Build er gratis til open source-projekter (kode skal trækkes fra et offentligt GitHub-arkiv 8 af de bedste gratis samarbejdsværktøjer til programmerere 8 af de bedste gratis samarbejdsværktøjer til programmerere, hvis du er en programmør, og du ikke er endnu ved at dele eller samarbejde, er du bag kurven. Få fordelene ved samarbejde med de rigtige webapps.), du får kun 1 privat app med en størrelse på 50 MB. For $ 10 / mo kan du bulke op til 25 private apps op til 100 MB i størrelse hver. Creative Cloud-abonnenter får 25 private apps op til 1 GB i størrelse hver!

5. Ionisk

Den ioniske ramme betragtes af mange som den nemmeste ramme at lære for JavaScript-mobiludvikling. Fordi det skaber hybride mobile apps, behøver du ikke at bekymre dig om platformspecifikke justeringer (du kan tilpas, hvis du vil). Skriv en gang, løb overalt.

Ionic leveres også med et værktøj kaldet Creator, som giver dig mulighed for at oprette og designe grænseflader til din mobilapp ved hjælp af træk-og-slip-placeringer. Dette er meget lettere end at prøve at dele et UI i HTML eller et HTML-lignende markup-sprog. Som sådan er Ionic fantastisk til nybegynder Byg en mobilapp uden programmeringskendskab med kodeløse apps Byg en mobilapp uden programmeringskendskab med kodeløse apps Det er fuldstændigt muligt at opbygge en grundlæggende mobilapp ved hjælp af et antal træk-og-slip-værktøjer , så hvad er fangsten? .

Når du har bygget front-enden af ​​din app i Ionic, udsættes rammen til hver mobilplatform ved hjælp af Cordova. Det meste af denne proces håndteres bag kulisserne, og det er meget let, selv for førstegangsholdere, så du skal ikke bekymre dig, hvis det lyder kompliceret. Det er det ikke.

6. Meteor

Meteors påstande om berømmelse er dobbelt: For det første er det en løsning i fuld stak 10 Computerprogrammeringsjob, der er i efterspørgsel lige nu 10 Computerprogrammeringsjob, der er i efterspørgsel lige nu Da landing af et programmeringsjob kan være hårdt i det aktuelle landskab, overvej at fokusere på en af ​​følgende koncentrationer for at forbedre dine chancer for succes. (integrerer frontend, backend, database, clientside og serverside-udvikling), og for det andet tilbyder det realtidsbinding i to veje (hvis noget ændrer sig i backend, opdateres det straks i frontend).

Og selvom det mest bruges til webapps, Meteor kan bruges til hybrid mobile apps. Ligesom Ionic bruger den Cordova til at opbygge dit projekt og implementere til iOS og Android. Desværre er mobileksport fra denne skrivelse kun tilgængelig på Mac og Linux (understøttes ikke af Meteor til Windows).

7. Phaser

Hvis du hellere vil oprette mobilspil, har du brug for en ramme betød til spiludvikling. Sådanne rammer gør alt det hårde arbejde, så du kan udføre komplekse opgaver i en eller to kodelinjer (f.eks. Indlæse et billede eller flytte verdenskameraet). Og Phaser er let en af ​​de bedste i sin klasse.

Phaser er meningsfuld - du er nødt til at strukturere din kode på en bestemt måde - men dens meninger er baseret på årtier med gennemprøvede spiludviklingspraksis. Læringskurven er relativt lav, og du kan have dit første spil i gang inden for få timer.

Eksport til mobil er ikke en indbygget funktion, så du bliver nødt til at gøre det gennem et værktøj som Cordova. Der findes dog masser af Phaser-tutorials, så det bør ikke være for svært at finde ud af det, når dit spil er klar til at implementere.

Hvilken slags mobilapp laver du?

Jeg vil gerne være klar: dette er IKKE blot gimmicks, der findes for nybegynder, der ikke gider at lære “ægte” sprog som Java og Swift. JavaScript-mobilrammer bruges oftere, end du tror af virkelige virksomheder til rigtige apps med rigtige kunder.

Og det er et bevis på, hvor gode disse rammer er. Se gennem en liste over populære Android-apps eller populære iOS-apps, og du kan sandsynligvis ikke fortælle, hvilke der er skrevet oprindeligt eller skrevet i JavaScript.

Et sidste tip: Når din mobilapp er færdig, kan du tjekke disse tip til at hjælpe den med at blive viral Hvordan mobilapper bliver virale: 7 potente tip, du kan bruge i dag Sådan mobilapper bliver virale: 7 potente tip, du kan bruge i dag Gør appen den lette del, det er lidt sværere at afslutte appen, men at få folk til at bruge din app er hvor mange virksomheder mislykkes. Her er syv gode tip. . Når alt kommer til alt, hvad er det ved at lave en app, hvis ingen ender med at bruge den? Held og lykke!

Hvilke rammer appellerer mest til dig? Gik jeg glip af nogle gode? Hvilken slags app håber du på at lave? Del dine tanker og bestræbelser med os nedenunder!