JavaScript Mobile Apps Ja, det finns en ram för det

Om du vill börja göra mobila appar finns det tre huvudspråk De bästa språk för mobilapputveckling 2016 De bästa språk för mobilapputveckling 2016 Världen för mobilapputveckling går fortfarande lika stark som någonsin. Om du vill komma igång är det inte för sent! Här är de språk du borde tänka på att lära. Läs mer för att välja mellan: Java för Android-appar, Swift för iOS-appar eller JavaScript för applikationer på plattformen.

Men vänta, det är inte JavaScript för webb utveckling? Ja, det började på så sätt, men har utvecklats ganska lite under det senaste decenniet. Du kan nu skapa en webapp i JavaScript och buntas med en webbläsarmotor som fungerar som en mobilapp. Dessa kallas “hybrid” appar.

På senare tid kan vissa JavaScript-ramar ta JavaScript-kod, kompilera till en mobilplattforms inneboende språk och springa som en Sann mobil app. Dessa kallas “inföding” appar och föredrar hybridprogram eftersom de ofta har bättre prestanda.

I den här artikeln kommer du att lära dig om sju kamptestade JavaScript-ramar som är utrustade för att skapa mobilappar med en av de två ovan nämnda metoderna.

1. Reagera Native

React, utvecklad och underhållen av Facebook, är en av de mest populära JavaScript-webbramar som för närvarande finns tillgängliga. Om du inte har försökt det, kolla in dessa fantastiska React-handledning 7 Bästa gratis handledning för lärande Reagera och göra webbapplikationer 7 Bästa gratis handledning för lärande Reagera och göra webbapplikationer Gratis kurser är sällan lika omfattande och hjälpsamma - men vi har hittat flera React-kurser som är utmärkta och kommer att komma igång på rätt fot. Läs mer för att komma igång. Det finns lite av en inlärningskurva, men det är absolut värt det.

React Native är en relaterad ram, även av Facebook, som låter dig skapa mobilappar i JavaScript med React-principerna. App-användargränssnitt är utformade med HTML-esque layout-taggar och CSS-liknande stylesheets, så om du är en webbutvecklare som vill prova en hand i mobilarenan är det här det bästa sättet att göra det.

Som underförstått av namnet skapar React Native inföding mobilappar. Det är en anledning till att så många moderna utvecklare älskar React native, eftersom dess apps tenderar att överträffa apps skrivna i andra JavaScript-ramar. Nackdelen? Du måste behålla separata grenar för varje mobilplattform med plattformsspecifika tweaks. Det är det inte “skriv en gång, spring överallt.”

2. Vinkel

Vinkel är de mest populära JavaScript-webbramar som finns tillgängliga just nu. Skapat av Google och lanserades först 2009, har det samlat en stor grupp av användare med sitt unika men lättlästa tillvägagångssätt för webbsidans utveckling av en sida.

Om du håller fast vid Angular, kan du göra hybridapps som erbjuder inbyggda hastigheter och upplevelser. Tvåvägsdatabindningen är en av de mest anmärkningsvärda funktionerna, och ramverket är robust nog för användning på företagsnivå. Det är trots allt underhållet av den uppskattade Google!

Medan du kan använd Angular för inbyggda mobilappar, måste du koppla den med en annan ram som NativeScript eller Ionic. Båda är täckta nedan.

3. NativeScript

NativeScript är ett JavaScript-till-inbyggt ramverk för mobilappar med stor vikt vid kodåtervinning. Men kanske det mest intressanta med det är att du kan använda ett av tre språk för NativeScript-projekt: JavaScript, TypeScript eller Angular.

Om Angular är ditt ramverk, men det är för långsamt för din speciella app och du behöver snurra mer prestanda, kan NativeScript vara lösningen. Gillar inte Angular? Det är okej. Använd NativeScript Core-ramen för att skriva en gång och distribuera till både iOS och Android.

För att skapa och designa gränssnittselement använder du ett speciellt HTML-liknande språk för att lägga ut olika komponenter och CSS för att anpassa utseende och utseende av komponenter.

4. PhoneGap

PhoneGap är en öppen källkod som möjliggör snabb utveckling av hybrid mobila appar med JavaScript (för applogiken) och HTML + CSS (för gränssnittet och designen). Den är baserad på Cordova, som också är öppen källkod men saknar många av PhoneGaps klockor och visselpipor.

Två saker gör PhoneGap bra för mobil utveckling: Först, PhoneGap Developer-appen (som låter dig testa och förhandsgranska bygger på mobila enheter), och för det andra PhoneGap Build-tjänsten (som paketerar och distribuerar appar till dig). Du behöver bara skriva en gång och PhoneGap kan leverera appar till iOS, Android och Windows Phone.

Medan PhoneGap Build är gratis för open source-projekt (kod måste dras från ett offentligt GitHub-arkiv 8 av de bästa gratis samarbetsverktyg för programmörer 8 av de bästa gratis samarbetsverktygen för programmörer Om du är programmerare och du är inte ännu dela eller samarbeta, ligger bakom kurvan. Hämta fördelarna med samarbete med rätt webbapps. Läs mer), du får bara 1 privat app med en 50 MB storleksgräns. För $ 10 / mo kan du stöta på upp till 25 privata program upp till 100 MB i storlek. Creative Cloud-abonnenter får 25 privata program upp till 1 GB i storlek!

5. Jonisk

Den joniska ramverket anses av många vara den enklaste ramen för att lära sig för JavaScript-mobil utveckling. Eftersom det skapar hybrid mobilappar behöver du inte oroa dig för plattformsspecifika tweaks (du kan anpassa om du vill). Skriv en gång, spring överallt.

Ionic kommer också med ett verktyg som heter Creator, som låter dig skapa och designa gränssnitt för din mobilapp med hjälp av dra och släpp placeringar. Detta är mycket lättare än att försöka sätta ihop ett användargränssnitt i HTML eller ett HTML-liknande markup språk. Som sådan är jonon bra för nybörjare. Bygg en mobilapp med ingen programmeringskunskap med kodlösa appar. Bygg en mobilapp med ingen programmeringskunskap med kodlösa appar. Det är helt möjligt att bygga en grundläggande mobilapp genom att använda ett antal drag-och-släppverktyg , så vad är fångsten? Läs mer .

När du har byggt framsidan av din app i joniska, implementerar ramen för varje mobil plattform med Cordova. Det mesta av denna process hanteras bakom kulisserna och det är väldigt enkelt även för första timers, så oroa dig inte om det låter komplicerat. Det är det inte.

6. Meteor

Meteors krav på berömmelse är dubbelt: För det första är det en full stack lösning 10 Datorprogrammering jobb som är i efterfrågan just nu 10 Datorprogrammering jobb som är i efterfrågan just nu Eftersom landning ett programmeringsjobb kan vara tufft i det nuvarande landskapet, överväga att fokusera på en av följande koncentrationer för att förbättra dina chanser att lyckas. Läs mer (integrerar frontend-, backend-, databas-, clientide- och serverside-utveckling), och för det andra erbjuder det realtids tvåvägsdatabindande (om något ändras i backend, uppdateras det omedelbart i frontendan).

Och medan det oftast används för webbapps, Meteor kan användas för hybrid mobila appar. Liksom joniska, använder den Cordova bygga ditt projekt och distribuera till iOS och Android. Tyvärr är mobileksport av den här typen bara tillgänglig på Mac och Linux (utan stöd av Meteor för Windows).

7. Phaser

Om du hellre vill skapa mobila spel behöver du en ram betydde för spelutveckling. Sådana ramar gör allt det hårda arbetet så att du kan göra komplexa uppgifter i en eller två kodkod (t ex ladda en bild eller flytta världskameran). Och Phaser är lätt en av de bästa i sin klass.

Phaser är uppfattad - du måste strukturera din kod på ett visst sätt - men dess åsikter är baserade på decennier av försökt och sann spelutvecklingspraxis. Inlärningskurvan är relativt ytlig och du kan få ditt första spel igång inom några timmar.

Exportera till mobil är inte en inbyggd funktion så du måste göra det via ett verktyg som Cordova. Det finns dock massor av Phaser-handledning så det borde inte vara svårt att räkna ut när ditt spel är klart att distribuera.

Vilken typ av mobilapp gör du?

Jag vill vara tydlig: det är inte bara gimmicker som finns för nybörjare som inte kan bry sig om att lära sig “verklig” språk som Java och Swift. JavaScript-mobila ramverk används oftare än du tror av riktiga företag för riktiga appar med riktiga kunder.

Och det är ett bevis på hur bra dessa ramar är. Titta igenom en lista över populära Android-appar eller populära iOS-appar och du kommer förmodligen inte att kunna berätta vilka som skrivs inbyggt eller skrivet i JavaScript.

En sista tips: När din mobilapp är klar, kolla in de här tipsen för att hjälpa den att bli viral. Hur Mobile Apps Go Viral: 7 Potentiella tips du kan använda idag Hur mobila applikationer går virala: 7 potentiella tips du kan använda idag Att göra appen är den enkla delen, avslutar appen är lite svårare, men att få folk att använda din app är där många företag misslyckas. Här är sju bra tips. Läs mer . Trots allt, vad bra gör en app om ingen slutar använda den? Lycka till!

Vilka ramverk appellerar dig mest till? Missade jag några bra? Vilken typ av app hoppas du göra? Dela dina tankar och ansträngningar med oss ​​nedanför!

Utforska mer om: JavaScript.