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

Annons

Om du vill börja skapa mobilappar, det finns tre huvudspråk De bästa språken för mobilapputveckling 2016Utvecklingen av mobilappar 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 bör tänka på att lära dig. Läs mer att välja mellan: Java för Android-appar, Swift för iOS-appar eller JavaScript för plattformsappar.

Men vänta, det är inte JavaScript för webb utveckling? Ja, det började på det sättet, men har utvecklats ganska mycket under det senaste decenniet. Du kan nu skapa en webbapp i JavaScript och binda den 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 mobil plattforms inneboende språk och köras som en Sann mobil app. Dessa kallas ”infödda” appar och är att föredra framför hybridappar 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 hjälp av en av de två metoderna som nämns ovan.

React, utvecklat och underhållet av Facebook, är en av de mest populära JavaScript-webbramarna som för närvarande finns. Om du inte har provat ännu, kolla in dessa fantastiska React tutorials 7 bästa gratis handledning för att lära sig reagera och göra webbapparGratis 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å höger fot. Läs mer för att starta. Det finns lite av en inlärningskurva, men det är absolut värt det.

React Native är ett relaterat ramverk, även av Facebook, som låter dig skapa mobilappar i JavaScript med hjälp av React-principer. App-användargränssnitt är utformade med HTML-esque layout-taggar och CSS-liknande stilmallar, så om du är en webbutvecklare som vill prova på den mobila arenan är detta det bästa sättet att göra det.

Som antyds av namnet skapar React Native inföding mobilappar. Det är en anledning till att så många moderna utvecklare älskar React Native, eftersom dess appar tenderar att överträffa appar skrivna i andra JavaScript-ramar. Nackdelen? Du måste hålla separata grenar för varje mobilplattform med plattformspecifika tweaks. Det är inte "skriva en gång, kör överallt."

Vinkelformig är de det mest populära JavaScript-webbramverket tillgängligt just nu. Skapad av Google och först lanserades tillbaka 2009 och har samlat en enorm community av användare med sin unika men lätt att lära sig strategi för webbsapps utveckling på en sida.

Om du håller dig till korrekt Angular kan du skapa hybrid-appar som erbjuder infödda-liknande hastigheter och upplevelser. Tvåvägsdatabindningen är en av dess mest anmärkningsvärda funktioner, och ramverket är tillräckligt robust för användning på företagsnivå. När allt kommer omkring, upprätthålls det av den uppskattade Google!

Medan du kan använder Angular för inbyggda mobilappar, du måste koppla ihop det med ett annat ramverk som NativeScript eller Ionic. Båda behandlas nedan.

NativeScript är ett JavaScript-till-native-ramverk för mobilappar med stor betoning på kodåteranvändbarhet. Men det kanske 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 val av ram, men det är för långsamt för din specifika app och du måste utrota mer prestanda, kan NativeScript vara lösningen. Gillar du inte Angular? Det är okej. Använd NativeScript Core-ramverket 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 upp olika komponenter och CSS för att anpassa komponenternas utseende och utseende.

PhoneGap är en öppen källkodsram som möjliggör snabb utveckling av hybridmobilappar med JavaScript (för applogiken) och HTML + CSS (för gränssnittet och designen). Det är baserat 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 mobilutveckling: för det första PhoneGap Developer-appen (som låter dig testa och förhandsvisning bygger på mobila enheter) och för det andra tjänsten PhoneGap Build (som paket och distribuerar appar för du). 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 öppen källkodsprojekt (kod måste dras från en offentligt GitHub-arkiv 8 av de bästa gratis samarbetsverktygen för programmerareOm du är programmerare och ännu inte delar eller samarbetar är du bakom kurvan. Få fördelarna med samarbete med rätt webbappar. Läs mer ) får du bara en privat app med en storlek på 50 MB. För $ 10 / mo kan du stöta upp till 25 privata appar upp till 100 MB i storlek vardera. Creative Cloud-prenumeranter får 25 privata appar upp till 1 GB i storlek vardera!

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

Ionic kommer också med ett verktyg som heter Creator, som låter dig skapa och designa gränssnitt för din mobilapp med dra-och-släpp-placeringar. Detta är mycket lättare än att försöka samla en UI i HTML eller ett HTML-liknande markeringsspråk. Som sådan, Ionic är bra för nybörjare Bygg en mobilapp utan programmeringskunskap med kodlösa apparDet är helt möjligt att bygga en grundläggande mobilapp med hjälp av ett antal drag-and-drop-verktyg, så vad är fången? Läs mer .

När du har byggt front-enden på din app i Ionic drar ramen ut till varje mobilplattform med hjälp av Cordova. Det mesta av denna process hanteras bakom kulisserna och det är väldigt enkelt även för första gången, så oroa dig inte om det låter komplicerat. Det är det inte.

Meteors påstående om berömmelse är tvåfaldigt: först, det är en full-stack-lösning 10 datorprogrammeringsjobb som krävs just nuEftersom det kan vara tufft att landa ett programmeringsjobb i det aktuella landskapet, kan du ö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, database, clientside och serverside-utveckling), och för det andra erbjuder det realtids tvåvägsdatabindning (om något förändras i backend uppdateras det omedelbart i frontend).

Och även om det mest används för webbappar, Meteor kan användas för hybridmobilappar. Liksom Ionic använder den Cordova för att bygga ditt projekt och distribuera för iOS och Android. Tyvärr, från och med detta skrivande, är mobileksport endast tillgänglig på Mac och Linux (stöds inte av Meteor för Windows).

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

Phaser är opinionated - du måste strukturera din kod på ett visst sätt - men dess åsikter är baserade på decennier av beprövade spelutvecklingsmetoder. Inlärningskurvan är relativt grunt och du kan ha 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 genom ett verktyg som Cordova. Det finns emellertid många Phaser-tutorials så det bör inte vara för svårt att ta reda på när ditt spel är redo att distribueras.

Vilken typ av mobilapp gör du?

Jag vill vara tydlig: det här är INTE helt enkelt gimmicks som finns för nybörjare som inte kan bry sig om att lära sig "riktiga" språk som Java och Swift. JavaScript-mobilramar 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 ramverk är. Titta igenom en lista över populära Android-appar eller populära iOS-appar och du kommer antagligen inte att kunna berätta vilka som är skrivna eller skrivna i JavaScript.

Ett sista tips: kolla in när din mobilapp är klar dessa tips för att hjälpa den att bli viral Hur mobilappar blir virala: 7 potenta tips du kan använda idagAtt göra appen är den enkla delen, att avsluta appen är lite svårare, men att få människor 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 är det bra med en app om ingen slutar använda den? Lycka till!

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