JavaScript Mobile Apps Ja, det er et rammeverk for det

Hvis du vil begynne å lage mobilapper, er det tre hovedsprog De beste språkene for mobilapputvikling i 2016 De beste språkene for mobilapputvikling i 2016 Verden av mobilapputvikling går fortsatt like sterk som mulig. Hvis du vil komme i gang, er det ikke for sent! Her er språkene du bør tenke på å lære. Les mer for å velge mellom: Java for Android-apper, Swift for iOS-apper eller JavaScript for applikasjoner på tvers av plattformer.

Men vent, er ikke JavaScript for web utvikling? Ja, det startet på den måten, men har utviklet seg litt over det siste tiåret. Du kan nå opprette en webapp i JavaScript og pakke den sammen med en nettlesermotor som fungerer som en mobilapp. Disse kalles “hybrid” apps.

I nyere tid kan enkelte JavaScript-rammer ta JavaScript-kode, kompilere til en mobilplattforms inneboende språk, og kjøre som en ekte mobilapp. Disse kalles “innfødt” apper og foretrekker hybridprogrammer fordi de ofte har bedre ytelse.

I denne artikkelen lærer du om syv kamptestede JavaScript-rammer som er utstyrt for å lage mobile apps ved hjelp av en av de to metodene som er nevnt ovenfor.

1. Reager Native

Reag, utviklet og vedlikeholdt av Facebook, er en av de mest populære JavaScript-webrammene som er tilgjengelige. Hvis du ikke har gitt det en prøve ennå, sjekk ut disse fantastiske React-veiledningene 7 Best gratis opplæringsprogrammer for læring Reagere og lage webapplikasjoner 7 Beste gratis opplæringsprogrammer for læring Reag og lage webapplikasjoner Gratis kurs er sjelden like omfattende og hjelpsomme - men Vi har funnet flere React-kurs som er gode og vil komme i gang på høyre fot. Les mer for å komme i gang. Det er litt av en læringskurve, men det er absolutt verdt det.

React Native er et relatert rammeverk, også av Facebook, som lar deg lage mobilapper i JavaScript ved hjelp av React-prinsipper. App-brukergrensesnitt er utformet med HTML-esque layout-koder og CSS-lignende stilark, så hvis du er en webutvikler som vil prøve en hånd i mobilarenaen, er dette den beste måten å gjøre det på.

Som underforstått av navnet, oppretter React Native innfødt mobilapper. Det er en grunn til at så mange moderne utviklere elsker React Native, fordi apps har en tendens til å overgå apps som er skrevet i andre JavaScript-rammer. Ulempen? Du må opprettholde separate grener for hver mobil plattform med plattformspesifikke tweaks. Det er det ikke “skriv en gang, løp overalt.”

2. Vinkel

Vinkel er de mest populære JavaScript web-ramme tilgjengelig akkurat nå. Opprettet av Google og først lansert tilbake i 2009, har det samlet et stort antall brukere med sin unike, men enkle å lære metode for utvikling av nettsider for webapplikasjoner..

Hvis du holder fast i Angular, kan du lage hybridapps som tilbyr innfødte hastigheter og erfaringer. Den toveisbinding er en av de mest bemerkelsesverdige funksjonene, og rammen er robust nok til bruk på bedriftsnivå. Tross alt vedlikeholdes det av den respekterte Google!

Mens du kan bruk Angular for native mobile apps, må du koble den med et annet rammeverk som NativeScript eller Ionic. Begge er dekket nedenfor.

3. NativeScript

NativeScript er et JavaScript-til-innfødt rammeverk for mobilapper med stor vekt på kodegenbruk. Men kanskje det mest interessante med det er at du kan bruke ett av tre språk for NativeScript-prosjekter: JavaScript, TypeScript eller Angular.

Hvis Angular er ditt valgramme, men det er for sakte for din app, og du må vri ut mer ytelse, så kan NativeScript være løsningen. Liker ikke Angular? Det er greit. Bruk NativeScript Core-rammeverket til å skrive en gang og distribuere til både iOS og Android.

For å lage og designe grensesnittelementer, bruker du et spesielt HTML-lignende språk for å legge ut forskjellige komponenter og CSS for å tilpasse utseende og utseende av komponenter.

4. PhoneGap

PhoneGap er en åpen kildekode ramme som gjør det mulig for rask utvikling av hybrid mobile apps ved hjelp av JavaScript (for app logikken) og HTML + CSS (for grensesnitt og design). Den er basert på Cordova, som også er åpen kildekode, men mangler mange av PhoneGaps klokkene og fløyter.

To ting gjør PhoneGap perfekt for mobilutvikling: For det første, PhoneGap Developer-appen (som lar deg teste og forhåndsvise bygger på mobile enheter), og for det andre, PhoneGap Build-tjenesten (som pakker og distribuerer apper til deg). Du må bare skrive en gang, og PhoneGap kan levere apps til iOS, Android og Windows Phone.

Mens PhoneGap Build er gratis for open source-prosjekter (koden må hentes fra et offentlig GitHub-depot 8 av de beste gratis samarbeidsverktøyene for programmerere 8 av de beste gratis samarbeidsverktøyene for programmerere Hvis du er programmerer og du ennå ikke er dele eller samarbeide, du er bak kurven. Høst fordelene med samarbeid med de rette nettappene. Les mer), du får bare 1 privat app med en grense på 50 MB. For $ 10 / mo kan du støte det opptil 25 private apper opp til 100 MB i størrelse hver. Creative Cloud-abonnenter får 25 private apper opptil 1 GB i størrelse hver!

5. Jonisk

Det joniske rammeverket anses av mange for å være det enkleste rammeverket for å lære om JavaScript-mobilutvikling. Fordi det oppretter hybrid mobile apps, trenger du ikke å bekymre deg for plattformspesifikke tweaks (deg kan tilpasse hvis du vil). Skriv en gang, kjør overalt.

Ionisk kommer også med et verktøy kalt Creator, som lar deg lage og designe grensesnitt for mobilappen din ved hjelp av dra-og-slipp-plasseringer. Dette er mye lettere enn å prøve å styre sammen et brukergrensesnitt i HTML eller et HTML-lignende oppslagsspråk. Som sådan er ionisk flott for nybegynnere. Bygg en mobilapp uten programmeringskunnskap med kodeløse apper. Bygg en mobilapp uten programmeringskunnskap med kodeløse apper. Det er helt mulig å bygge en grunnleggende mobilapp ved hjelp av en rekke drage-og-slipp-verktøy , så hva er fangsten? Les mer .

Når du har bygget forkant av appen din i ionisk, implementerer rammen til hver mobil plattform ved hjelp av Cordova. Mesteparten av denne prosessen håndteres bak kulissene, og det er veldig enkelt selv for første timers, så vær ikke bekymret hvis det høres komplisert. Det er det ikke.

6. Meteor

Meteors krav til berømmelse er to ganger: for det første er det en fullstabeløs løsning 10 Computerprogrammeringsjobber som er i etterspørselen akkurat nå 10 Dataprogrammeringsjobber som er i etterspørselen akkurat nå Siden landingen av en programmeringsjobb kan være tøff i dagens landskap, vurdere å fokusere på en av følgende konsentrasjoner for å forbedre sjansene for suksess. Les mer (integrerer frontend, backend, database, clientide og serverside utvikling), og for det andre tilbyr det sanntids toveis databindende (hvis noe endres i backend, oppdateres det umiddelbart i frontend).

Og mens det er mest brukt til webapps, Meteor kan brukes til hybrid mobile apps. Som ionisk bruker den Cordova til å bygge prosjektet ditt og distribuere til iOS og Android. Dessverre, etter denne skrivingen, er mobil eksport bare tilgjengelig på Mac og Linux (ikke støttet av Meteor for Windows).

7. Phaser

Hvis du heller vil lage mobilspill, trenger du et rammeverk betydde for spillutvikling. Slike rammer gjør alt det harde arbeidet, slik at du kan gjøre komplekse oppgaver i en eller to kodelinjer (for eksempel laste inn et bilde eller flytte verdenskameraet). Og Phaser er lett en av de beste i sin klasse.

Phaser er oppfunnet - du må strukturere koden på en bestemt måte - men dens meninger er basert på flere tiår med prøvd og sann spillutviklingspraksis. Læringskurven er relativt grunne, og du kan få ditt første spill oppe i løpet av timer.

Eksportering til mobil er ikke en innebygd funksjon, så du må gjøre det gjennom et verktøy som Cordova. Imidlertid finnes det mange Phaser-opplæringsprogrammer, slik at det ikke bør være for vanskelig å finne ut når spillet ditt er klar til å distribuere.

Hva slags mobilapp gjør du?

Jeg vil være klar: dette er ikke bare gimmicks som eksisterer for nybegynnere som ikke kan bry seg om å lære “ekte” språk som Java og Swift. JavaScript-mobilrammer brukes oftest enn du tror på virkelige selskaper for ekte apps med ekte kunder.

Og det er testament til hvor gode disse rammene er. Se gjennom en liste over populære Android-apper eller populære iOS-apper, og du vil sannsynligvis ikke kunne fortelle hvilke som er skrevet innfødt eller skrevet i JavaScript.

En siste tips: Når mobilappen din er ferdig, sjekk disse tipsene for å få den til å virke. Hvordan Mobile Apps Go Viral: 7 Potentielle tips du kan bruke i dag. Hvordan Mobile Apps Go Viral: 7 Potentielle tips du kan bruke i dag. den enkle delen, etterbehandling av appen er litt vanskeligere, men å få folk til å bruke appen din er hvor mange bedrifter feiler. Her er sju gode tips. Les mer . Tross alt, hva bra gjør en app hvis ingen ender opp med å bruke den? Lykke til!

Hvilke rammer rammer deg mest? Mistet jeg noen gode? Hva slags app håper du å gjøre? Del dine tanker og bestrebelser med oss ​​nedenfor!

Utforsk mer om: JavaScript.