Aplicații mobile JavaScript: Da, există un cadru pentru asta

Publicitate

Dacă doriți să începeți să faceți aplicații mobile, există trei limbi principale Cele mai bune limbi pentru dezvoltarea aplicațiilor mobile în 2016Lumea dezvoltării aplicațiilor mobile continuă să fie la fel de puternică ca oricând. Dacă doriți să începeți, nu este prea târziu! Iată limbile pe care ar trebui să le gândești despre învățare. Citeste mai mult pentru a alege între: Java pentru aplicații Android, Swift pentru aplicații iOS sau JavaScript pentru aplicații multiplă platformă.

Dar așteptați, nu este JavaScript web dezvoltare? Da, a început astfel, dar a evoluat destul de mult în ultimul deceniu. Acum puteți crea o aplicație web în JavaScript și o puteți integra cu un motor de browser care funcționează ca o aplicație mobilă. Acestea se numesc aplicații „hibride”.

Mai recent, unele cadre JavaScript pot lua cod JavaScript, compila în limbajul inerent al unei platforme mobile și pot rula ca un Adevărat aplicatie mobila. Acestea se numesc aplicații „native” și sunt de preferat pentru aplicațiile hibride, deoarece au deseori performanțe mai bune.

În acest articol, veți afla despre șapte cadre JavaScript testate în luptă, care sunt echipate pentru a crea aplicații mobile folosind una dintre cele două metode menționate mai sus.

Reaction, dezvoltat și întreținut de Facebook, este unul dintre cele mai populare cadre web JavaScript disponibile în prezent. Dacă nu ați încercat încă, verificați aceste minunate tutoriale React 7 cele mai bune tutoriale gratuite pentru învățarea reacționării și realizarea de aplicații webCursurile gratuite sunt rareori la fel de cuprinzătoare și de ajutor - dar am găsit mai multe cursuri React care sunt excelente și te vor începe să te apuci de piciorul drept. Citeste mai mult pentru a incepe. Există o curbă de învățare, dar merită absolut.

React Native este un cadru înrudit, de asemenea, de către Facebook, care vă permite să creați aplicații mobile în JavaScript folosind principiile React. UI-urile de aplicații sunt proiectate cu etichete de format HTML-esque și foi de stil CSS, astfel încât dacă sunteți un dezvoltator web care dorește să încerce o mână în arena mobilă, aceasta este cea mai bună modalitate de a o face.

După cum implică numele, React Native creează nativ aplicații pentru mobil. Este un motiv pentru care atât de mulți dezvoltatori moderni adoră React Native, deoarece aplicațiile sale tind să depășească aplicațiile scrise în alte cadre JavaScript. Dezavantajul? Va trebui să mențineți sucursale separate pentru fiecare platformă mobilă cu modificări specifice platformei. Nu este „scrie o singură dată, alerga peste tot”.

Unghiular este cel mai popular cadru web JavaScript disponibil chiar acum. Creată de Google și lansată pentru prima dată în 2009, a reunit o comunitate uriașă de utilizatori cu abordarea sa unică, dar ușor de învățat pentru dezvoltarea de aplicații web cu o singură pagină.

Dacă te respecți cu Angular corespunzător, poți crea aplicații hibride care oferă viteze și experiențe similare nativului. Legarea în două sensuri a datelor este una dintre caracteristicile sale cele mai notabile, iar cadrul este suficient de robust pentru utilizarea la nivel de întreprindere. La urma urmei, este menținut de estimatul Google!

In timp ce tu poate sa utilizați Angular pentru aplicații mobile native, va trebui să îl asociați cu un alt cadru, cum ar fi NativeScript sau Ionic. Ambele sunt descrise mai jos.

NativeScript este un cadru JavaScript-la-native pentru aplicațiile mobile, cu un accent mare pe reutilizarea codurilor. Dar poate cel mai interesant lucru este că puteți utiliza una dintre cele trei limbi pentru proiectele NativeScript: JavaScript, TypeScript sau Angular.

Dacă Angular este cadrul ales de dvs., dar este prea lent pentru aplicația dvs. particulară și trebuie să vă faceți mai multe performanțe, atunci NativeScript poate fi soluția. Nu-ți place unghiular? E in regula. Utilizați cadrul NativeScript Core pentru a scrie o singură dată și a le implementa atât în ​​iOS cât și în Android.

Pentru a crea și a proiecta elemente de interfață, veți utiliza un limbaj HTML asemănător pentru stabilirea diverselor componente și CSS pentru personalizarea aspectului și aspectului componentelor.

PhoneGap este un cadru open source care permite dezvoltarea rapidă a aplicațiilor mobile hibride folosind JavaScript (pentru logica aplicației) și HTML + CSS (pentru interfață și design). Se bazează pe Cordova, care este de asemenea open source, dar îi lipsește multe dintre clopotele și fluierele din PhoneGap.

Două lucruri fac ca PhoneGap să fie excelent pentru dezvoltarea de telefonie mobilă: în primul rând, aplicația pentru dezvoltatorul PhoneGap (care vă permite să testați și previzualizarea se construiește pe dispozitive mobile) și, în al doilea rând, serviciul de construire a telefonului (pentru care pachetează și implementează aplicații tu). Trebuie doar să scrii o singură dată și PhoneGap poate livra aplicații pe iOS, Android și Windows Phone.

În timp ce PhoneGap Build este gratuit pentru proiecte open-source (codul trebuie extras de la un depozit public GitHub 8 dintre cele mai bune instrumente de colaborare gratuite pentru programatoriDacă sunteți programator și nu sunteți încă în comun sau nu colaborați, vă aflați în spatele curbei. Beneficiați de colaborarea cu aplicațiile web potrivite. Citeste mai mult ), primiți doar o aplicație privată cu o limită de dimensiune de 50 MB. Pentru 10 USD / lună, puteți să copiați până la 25 de aplicații private cu o dimensiune de până la 100 MB fiecare. Abonații Creative Cloud primesc 25 de aplicații private cu o dimensiune de până la 1 GB fiecare!

Cadrul ionic este considerat de mulți drept cel mai ușor cadru de învățat pentru dezvoltarea de dispozitive JavaScript JavaScript. Deoarece creează aplicații mobile hibride, nu trebuie să vă faceți griji pentru modificările specifice platformei (dvs.) poate sa personalizați dacă doriți). Scrie o dată, aleargă peste tot.

Ionic vine și cu un instrument numit Creator, care vă permite să creați și să proiectați interfețe pentru aplicația dvs. mobilă folosind destinații de plasare drag-and-drop. Aceasta este mult mai ușor decât să încercați să combinați o UI în HTML sau un limbaj de marcare HTML. Ca atare, Ionic este excelent pentru newbies Creează o aplicație mobilă fără cunoștințe de programare cu aplicații fără codEste complet posibil să construiți o aplicație mobilă de bază folosind o serie de instrumente drag-and-drop, deci care este captura? Citeste mai mult .

După ce ați creat front-end-ul aplicației în Ionic, cadrul se implementează în fiecare platformă mobilă folosind Cordova. Cea mai mare parte a acestui proces este tratată în culise și este foarte ușoară chiar și pentru cei care fac conturi, așa că nu vă faceți griji dacă sună complicat. Nu este.

Revendicarea Meteor pentru faima este de două ori: în primul rând, este o soluție full-stack 10 locuri de muncă de programare pe calculator care sunt la cerere chiar acumDeoarece aterizarea unui loc de muncă de programare poate fi dificilă în peisajul actual, luați în considerare concentrarea pe una dintre următoarele concentrări pentru a vă îmbunătăți șansele de succes. Citeste mai mult (integrează frontend-ul, backend-ul, baza de date, dezvoltarea clientului și server-ul) și, în al doilea rând, oferă legare de date în două direcții în timp real (dacă ceva se schimbă în backend, aceasta este actualizată imediat în în față).

Și, în timp ce este folosit mai ales pentru aplicații web, Meteor poate sa fi folosit pentru aplicații mobile hibride. Ca și Ionic, folosește Cordova pentru a-ți construi proiectul și a-l implementa pentru iOS și Android. Din păcate, din această scriere, exportul mobil este disponibil doar pe Mac și Linux (neacceptat de Meteor pentru Windows).

Dacă creați mai degrabă jocuri mobile, veți avea nevoie de un cadru a însemnat pentru dezvoltarea jocului. Astfel de cadre fac toată munca grea, astfel încât să puteți efectua sarcini complexe într-una sau două linii de cod (de exemplu, încărcați o imagine sau mutați camera foto mondială). Iar Phaser este ușor unul dintre cei mai buni din clasa sa.

Phaser este opinat - trebuie să vă structurați codul într-un anumit mod -, dar opiniile sale se bazează pe zeci de ani de practici încercate și de dezvoltare a jocului. Curba de învățare este relativ puțin adâncă și poți avea primul joc în funcție în câteva ore.

Exportarea către telefonul mobil nu este o caracteristică încorporată, așa că va trebui să o faceți printr-un instrument precum Cordova. Cu toate acestea, există o mulțime de tutoriale Phaser, așa că nu ar trebui să fie prea dificil să descoperiți odată ce jocul dvs. este gata de desfășurare.

Ce fel de aplicație mobilă faceți?

Vreau să fiu clar: acestea nu sunt pur și simplu trucuri care există pentru noii care nu se pot deranja să învețe limbi „reale” precum Java și Swift. Cadrele mobile JavaScript sunt utilizate mai des decât credeți de companiile reale pentru aplicații reale cu clienți reali.

Și acesta este mărturie pentru cât de bune sunt aceste cadre. Uită-te printr-o listă cu aplicații populare pentru Android sau aplicații populare pentru iOS și probabil nu veți putea spune care sunt scrise în mod nativ sau scrise cu JavaScript.

Un ultim sfat: odată ce aplicația dvs. mobilă este terminată, accesați aceste sfaturi pentru a-l ajuta să meargă viral Cum funcționează viral aplicațiile mobile: 7 sfaturi potențiale pe care le poți folosi astăziCrearea aplicației este partea ușoară, finalizarea aplicației este un pic mai grea, dar a-i determina pe oameni să folosească aplicația dvs. este în cazul în care o mulțime de companii nu reușesc. Iată șapte sfaturi grozave. Citeste mai mult . La urma urmei, ce bine face o aplicație dacă nimeni nu ajunge să o folosească? Mult noroc!

Ce cadre vă atrag cel mai mult? Mi-a lipsit vreunul bun? Ce fel de aplicație sperați să faceți? Împărtășește-ți gândurile și străduințele cu noi mai jos!