2018 este anul aplicațiilor mobile. Și acest fapt nu poate fi negat. Dar dacă credeți că, odată cu dezvoltarea aplicațiilor mobile, popularitatea cadrelor de a dezvolta aplicații web a scăzut, atunci vă înșelați. Este suficient să contactați compania de dezvoltare a aplicațiilor web și veți afla despre instrumentele uimitoare care sunt utilizate nu numai pentru a crea site-uri corporative, ci și pentru a construi pagini web simple de origine.

Cu toate acestea, atunci când vine vorba de crearea de aplicații web, trebuie să vă amintiți concurența dispozitive mobile și să dezvolte o aplicație modernă și flexibilă. Dacă este necesar, ar trebui să contactați compania care oferă servicii speciale de dezvoltare web care îndeplinesc cerințele dumneavoastră. Dar, înainte de a face acest lucru, hai să ne familiarizăm cu câteva cadre populare care pot fi folosite pentru a vă crea site-ul. Asa de,

1. NODE.JS.

Din momentul apariției sale în 2011, NODE.JS a fost o platformă preferată în rândul dezvoltatorilor web. Datorită acestuia, programele rapide și scalabile sunt ușor create. Și toate pentru că autorul nod.js, Ryan a dat, a creat un cadru în așa fel încât dezvoltatorul să aibă capacitatea de a gestiona în același timp mai multe conexiuni. De asemenea, cadrul vă permite să creați instrumente de rețea și serverele web folosind JavaScript și modulele sale care sunt responsabile pentru diferitele funcții de bază.

2. React.js.

React.js acceptate împreună cu un grup de programatori, de asemenea, un Facebook IT-GIGANT. React.js este o bibliotecă de scripturi Java cu deschidere cod sursacare permite dezvoltatorilor să creeze doar aplicații web uriașe. Aceste aplicații pot consuma cantități mari de date și le puteți schimba fără a fi nevoie să reporniți pagina. Motivul pentru care companiile de dezvoltare a site-urilor profesionale recomandă acest cadru în 2018 este ceea ce oferă scalabilitate, simplitate și viteză. Puteți utiliza această bibliotecă împreună cu alte cadre sau biblioteci JavaScript.

3. Angular.js.

Angular.js - Un alt cadru JavaScript. Puteți să-l adăugați la codul Web HTML prin etichetă. Acest lucru vă permite să extindeți capabilitățile HTML utilizând directive. Dacă doriți să creați aplicații web dinamice, atunci angular.js are o structură ideală pentru acest lucru. În plus, vă permite să utilizați HTML ca limbă de șablon. Datorită legării datelor și a atașării dependențelor, puteți organiza o codificare voluminoasă sub control.

4. Express.js.

Acesta este cadrul perfect pentru cei care cred că cu atât mai mic este mai bun! Este așa, dacă sunteți în căutarea unui mediu flexibil și minimalist open source, atunci Express.js este ceea ce aveți nevoie. Dezvoltatorii o iubesc pentru simplitate și flexibilitate în dezvoltare. Folosind module NPM, acest cadru vă permite să îmbunătățiți funcționalitatea site-ului dvs. web. Și cel mai interesant este că să lucrați cu el, vă puteți bucura de cunoștințele de bază despre HTML, CSS și JavaScript și puteți înțelege puțin în Mongodb. Deoarece Express.js sprijină codul dinamic, codul de aplicare nu va fi prea complex.

5. Laravel.

Și în cele din urmă, dar nu în ultimul rând, merită să spunem despre cel mai popular cadru pentru dezvoltarea PHP - Laravel. Este destul de universal, iar dezvoltatorii o pot folosi pentru a crea aplicații web și mobile. Oferă mai multe avantaje nu numai proprietarilor de aplicații, ci și dezvoltatorilor. Laravel are o funcționalitate destul de largă, inclusiv migrarea bazei de date, Hashing Bcrypt, suport MVC, parola și securitatea. Dacă sunteți în căutarea unui cadru extrem de fiabil și flexibil, care maximizează MVC, Laravel este ceea ce aveți nevoie în 2018.

Companiile angajate în dezvoltarea aplicațiilor web utilizează multe alte platforme, dar, în opinia noastră, cadrele descrise aici în acest an vor deveni anumiți lideri în domeniul lor.

Obiectivul C, Swift sau JavaScript

Voi spune bine, slujitorul tău umil este târât de multe produse ale companiei Apple, dar această listă nu include. Am avut mai multe încercări de a face prieteni cu el, dar prietenia nu a mers într-un fel. Nu știu, nu-i place și asta e. Eliberarea rapidă poate fi spusă corectată situația, dar atâta timp cât este în stadiul dezvoltării și măcinței active. Nu dorește să o aplice în proiecte reale.

Intermitent despre avantajele și Contra a tuturor tehnologiilor de dezvoltare iOS disponibile, am decis să rămân pe iubita mea JavaScript. Dacă nu există o necesitate vitală în jetoanele native ale obiectivului C și pe umeri există experiență în JavaScript, atunci de ce să nu începeți cucerirea platformelor mobile de la el?

Mai ales proiectele de unică folosință apar (fără sprijin suplimentar) și pentru ei să studieze serios Obiectiv-c. Simpar nr. Cel puțin este scump și lung. Odată ce am căzut un proiect pentru a dezvolta o cerere pentru un magazin online corporativ. Sarcina faptului este de unică folosință - simplificăm cumpărătorii de viață și trimitem cererea în înot liber.

În astfel de cazuri, vreau să rezolv rapid sarcina cost minim. "Bullet de argint" pe acest câmp sa stabilit mult PhoneGap.. Acesta generează cadrul viitoarei aplicații și echivalează procesul de creare a unei aplicații mobile la un sit tipic. Astfel încât se dovedește că, în prezența cunoștințelor medii HTML / CSS / JS Este destul de realist să colectezi o aplicație decentă.

Platformă PhoneGap. Oferă tot ce aveți nevoie pentru a crea aplicații, dar subtilitățile designerului concediu la discreția noastră. Aproximativ, deci luați și colectați o aplicație cu o interfață aproape de execuția nativă - nu va funcționa. Fără a atrage tehnologii suplimentare, nu este aici.

"Boatstrap" pentru platformele mobile

Dezvoltatorii web moderni sunt auziți în mod unic despre puterea și clocele din cadrul Bootstrap. Vă permite să creați "minuni" și în câteva minute pentru a crea prototipuri de aplicații web moderne. Cadrul7 este un fel de bootstrapDar care vizează platformele mobile. După cum se potrivește un cadru bun, sunt colectate tot felul de widget-uri, componente care vă permit să creați o aplicație cât mai mult posibil.

Inițial, F7 specializat exclusiv pe platforma iOS. Tema standard de proiectare a fost axată pe iOS 7 și comparativ cu concurenții alocați cu performanța interfeței. Mai recent, dezvoltatorii au anunțat întreținerea designului materialului de la Google, adăugând astfel platformele Android sprijinite în listă.

Dezvoltatorii de proiect au încercat să aducă ordine sub capotă și să lase doar lucruri cu adevărat necesare. Ca rezultat, lucruri familiare ca o bibliotecă încorporată jquery., F7 nu este găsit. În loc de ea este disponibilă ușoară Dom7.având cele mai multe caracteristici necesare.

Rezuma F7. – acesta este un cadru JS / CSS cu toate elementele UI necesare.Fabricat în stilul platformei mobile. Voi spune sincer, astfel de cadre au strălucit deja pe Githib, dar F7 este favorabil diferit de multe: productivitatea și implementarea multor chipsuri native UX. De exemplu, cei familiarizați pentru utilizatorii iOS cum ar fi trageți pentru a reîmprospăta (trage la actualizare), glisați, bara de back-bar și multe altele sunt disponibile din cutie și nu necesită o programare suplimentară.

În acest sens, punctele forte ale F7 nu sunt limitate. Nu voi intra în detalii, dar doar puțin împărtășesc impresiile personale. Voi începe cu cel mai important atribut al unui proiect de înaltă calitate - documentație. Așteptați apariția cărților cu privire la lucrurile atât de devreme fără sens - în timp ce scriu, cadrul va actualiza cu siguranță și textul va pierde relevanța. Toate speranța în astfel de proiecte de documentare. Ceea ce este mai bine prezentat - cu atât mai bine. În F7 cu această comandă completă. După cum mi se părea, cea mai mare parte a proiectului a fost documentată și unde textul nu era suficient, dezvoltatorii au condus exemple de cod.

Am menționat deja despre performanța uimitoare. Se realizează în primul rând datorită dietei stricte și a utilizării relevante oportunități moderne JavaScript.. În ceea ce privește înlocuirea jquery pe dom7, nu merită îngrijorătoare. Principalele metode din acesta sunt implementate în același mod. Numele aceluiași metode de tip, ordinea parametrilor este complet salvată. În consecință, nu vor apărea probleme cu dependența.

Site-ul oficial al proiectului prezintă diferite grafice care confirmă performanța F7, dar nu a fost deosebit de tratată cu ei, pentru că Am încredere în percepția ta mai mult. După dezvoltarea primului proiect real, am verificat timpul de răspuns independent. Pe acesta din urmă modele iPhone (5, 5S, 6) Este mai presus de tot felul de laudă. Totul funcționează destul de natural și este familiar.

De la alte chifle plăcute pentru ei înșiși, am observat aplicarea limbii mai puține pentru a descrie stilurile. La dezvoltarea aplicațiilor web cu această tehnologie, este necesar să se întâlnească în mod constant, astfel încât diavolii sunt plăcuți că abilitățile pe care le puteți utiliza în siguranță pe platformele mobile.

Încercăm în practică

Tehnologia se înlocuiesc în mod regulat, dar unul rămâne neschimbat, cel mai bun mod Să se familiarizeze cu ei rămășițe - practică. Pentru a demonstra lucrarea F7, am decis să scriu o aplicație utilă care este neapărat utilă tuturor cititorilor noștri - cititorului știrilor de la site-ul revistei preferate. Deoarece în implementarea actuală a site-ului nostru nu există nici un API cu drepturi depline pentru a obține materiale, vom folosi vechiul protocol RSS RSS (http://xakep.ru/rss).

Creați un cititor de citire HTML / CSS / JS / F7 / PhoneGAP destul de simplu. Având în vedere că un plugin destul de funcțional a fost deja creat pentru a lucra cu RSS. În caz contrar, lucrarea va fi redusă la scrierea mai multor rânduri de HTML putred. Este destul de plictisitor, așa că am luat curajul de a adăuga o mică piatră și rolă. Exemplul va rămâne același, dar îl vom scrie în stilul MVC. Ca rezultat, vom obține un fel de micro-cadru cu ochii pe viitor. Cu alte cuvinte, vom crea un cadru universal pentru dezvoltarea ulterioară a aplicațiilor bine extinse.

Rezumând gândurile enumerate mai sus, obținem aproximativ un astfel de plan de acțiune. În primul rând, pregătim baza pentru proiect utilizând stack-ul real al tehnologiilor, apoi creați o interfață de aplicație F7 și în ultimul pas vom turna acest amestec otrăvitor în PhoneGAP. Aplicațiile se vor concentra pe IOS, nuanțele de dezvoltare Android vă vor lăsa ca o temă.

Există mai multe modalități de organizare Modelul MVC în JavaScriptDar vom folosi opțiunea de la Philip Shurpik. El a fost destul de simplu și a avut deja timp să încerce (cu unele modificări) în proiectele sale reale. În ceea ce privește componenta / bibliotecile suplimentare, în plus față de F7, vom avea nevoie de:

• solicită. - una dintre cele mai bune soluții pentru organizarea abordării de definiție a modulelor asincrone);
• ghidon. - unul dintre cele mai rapide temporate pentru JavaScript;
• hBS. - ghidon simplu pentru necesitate.
• text.js. - un alt plugin pentru reuire.js, care vă permite să încărcați resursele text;

Nu putem lua în considerare toate capacitățile componentelor enumerate și în exemplul nostru a fost posibil să facem cu sângele mai mic. Permiteți-mi să vă reamintesc că scopul nostru nu este doar să vă familiarizați cu cadrul F7, ci și să obținem cadrul de aplicare pentru teste suplimentare.

Structura aplicației

Funcționalitatea aplicației noastre este extrem de simplă - strângeți panglica RSS actualizată și furnizați utilizatorului posibilitatea unei citiri confortabile. Confortul este de neconceput dacă încărcați știri text complete, așa că vom adera la minimalism. Primele afișează titlurile și versiunea completa Utilizatorul poate citi după robinetul pe acesta.

Excelent, momente organizaționale au decis să proiecteze structura aplicației viitoare. Opțiuni ca întotdeauna sunt mai multe, dar mă concentrez imediat că aplicația web completă va alimenta telefonul PhoneGAP, astfel încât opțiunea cea mai optimă va fi:

• cSS - pentru a stoca propriile stiluri de design. Tot ce suprascrie sau suntem rafinati, punem in acest director.
• img - imagini.
• jS - toate clientul JavaScript. Aici punem doar scenarii noastre, nu biblioteca. La rădăcina directorului, avem un script și un model general. Controlerele și observațiile trebuie determinate în subdirectoarele de același nume. Ne uităm la exemplul, pentru controlerul "Despre", vom crea dosarul "JS / Despre".
• libs - biblioteci și toate bunurile suplimentare suplimentare. De exemplu, am decis să conectez magnificul "font minunat" - aruncați-l aici.

În directorul rădăcină al proiectului, doar două fișiere vor fi răspândite - app.js. și index.html.. Primul fișier va fi punctul de plecare al aplicației. Acesta va configura bibliotecile auxiliare și va inițializa F7.

Rame de gătit

Descărcați bibliotecile listate (Bower, Git) și le beau în conformitate cu directoarele relevante. Apoi, la rădăcina proiectului, creați un fișier App.js și configurați componenta suplimentară.

Listarea 1. Configurarea necesită.js

Solicită.config ((URLARGS: "Fake \u003d" + (Data nouă). Gettime (), Căi: (ghidon: "libs / ghidar", text: "libs / text", HBS: "libs / hbs"), shim : (Ghidon: (exporturi: "ghidon"))));

Configurarea pentru necesară.js este descrisă în prima listă. Aici conectăm biblioteci suplimentare. Deoarece ghidonul nu este decorat în stil AMD, conexiunea este efectuată prin Shim. În principiu, pluginul pentru citirea RSS am putea conecta exact în acest fel, dar din moment ce aplicația noastră nu poate exista fără ea, atunci o vom inițializa în vechiul mod, prin Index File Starter.html.

Dezvoltarea unei aplicații demonstrative implică introducerea constantă a tuturor tipurilor de editări și corecții, astfel încât să limiteze imediat apetitul de caching.js. Un parametru separat pentru acest lucru nu există, dar puteți obține efectul necesar utilizând proprietatea URLARGS.

Principiul este simplu - fiecărei adrese URL specificate în argumentul proprietății cu o anumită valoare. Pentru a scăpa de cache, este necesar să selectați o valoare unică pentru argument. Toată lumea rezolvă această sarcină în felul său, dar pentru unicitatea am primit ora curentă:

URLARGS: "Fake \u003d" + (Data nouă ()). Gettime ()

Listarea 2. Modul de aplicație

Definiți ("App", ["JS / Router"], Funcție (Router) (Router.Init (); VAB F7 \u003d NEW cadru7 (); Var PrintreView \u003d F7.Addview ("View-Main", (Dynamicnavbar: Adevărat)); returnați (F7: F7, vizualizarea principală: principală, router: router,);)

În cea de-a doua listă, codul modulului "App" este dat. În aceasta, inițializăm sistemul de rutare (Router.js) și cadrul însuși. Descrieți tot modulul formular AMD. Metoda Definire () este utilizată pentru a declara modulul. În primul parametru, transmitem numele modulului, în cea de-a doua listă dependențe, iar al treilea descrie corpul modulului. Consultați documentația pentru necesară.

Corpul modulului începe cu inițializarea modulului de rutare (vezi fișierul JS / Router.js). Routerul va distruge rutele și va rula metoda de controler corespunzătoare. Rotarea însăși este implementată corect (a se vedea listarea 3): În intrare, obținem numele controlerului și încercați să-l numim o metodă de inițiere predeterminată (). Nu este dificil să se determine calea către controler (fișier) - la structura de aplicare a structurii aplicației, am fost de acord să le salvăm în numele JS / Controller / NameContonroller.js.

Listarea 3. Rutarea.

Sarcina funcției (necesită (necesită (["[" / "+ controllername +" / "+ controller +" controler "], funcție (controler) (controler.init (interogare);));)

După terminarea cu rutare, treceți la inițializarea cadrului7. În cel mai simplu caz, este suficient să creați o instanță a unui obiect Cadru7.() Și bucurați-vă în viață. Pentru exemplul nostru, acest lucru este suficient, dar, în general, când designerul primește un obiect cu setările. Există destul de multe dintre ele și toate sunt descrise în detaliu în documentație. Atenția cea mai mare atentică: FastClicks, Cache, Cabana, Material).

Următoarele inițializează zona de vizualizare. În contextul F7, în zona de vizionare (vedere), este implicită pentru o parte vizuală separată a aplicației. Fiecare zonă de vizualizare este caracterizată de propriile sale setări, panou de navigare și o serie de alte elemente.

Este necesar doar să inițializați zonele de transmitere care necesită navigare. În cazul nostru, acest lucru este.Main-View. Initializarea în sine se reduce la modul ADDVIVE (). El ne întreabă doi parametri: vizualizarea selectorului și obiectul obiect.

Cuceresc RSS

Suntem gata să dezvoltăm o interfață de aplicație. Partea principală îl descrie în fișierul index.html, situat la rădăcina proiectului (trebuie creat). Markup text ( codul HTML.) Îmbunătățite, așa că nu o voi copia aici, dar vă voi trimite la secțiunea de documentare a aplicației de bază. Luați cu îndrăzneală de acolo întreaga sursă sursă HTML, copiați fișierul pregătit și pregătiți-vă pentru a face mai multe editări. Să începem cu secțiunea de conectare a scriptului. Îl aducem la următoarea specie:

Trebuie să avem nevoie să le conectăm în cadrul Freeds și plugin (pentru a lucra cu RSS). La sfârșit, inclusiv biblioteca necesară. Apoi, un text scroll puțin și găsiți blocul:

Această zonă va afișa conținutul anumitor reprezentări. Planificăm o singură idee, așa că nu ne vom deranja cu o ușoară mișcare a mâinii dvs. Voi adăuga suport pentru "Prezent și actualizare" funcțional. Pentru a face acest lucru, prescriem o clasa suplimentară de reîmprospătare a conținutului în unitate și vom obține aproximativ următoarele:

Următorul pas va conecta stiluri suplimentare în antet ( cadru7.Feeds.min.css.) Și treceți la crearea controlerului. Nu m-am concentrat pe schimbarea titlului cererii, adăugând text auxiliar - puteți face toate aceste produse cosmetice.

Tehnicile stilului MVC

Proiectul nostru va necesita un singur controler, îl numește index și pregătește un director separat în folderul / js. Creați imediat mai multe fișiere în ea:

• indexcontroller.js - controlor direct;
• indexview.js, index.hbs - prezentare și model;

Nu vom avea nevoie de un model, dar, de exemplu, a fost creat un fișier de fișier blank feedModel.js la rădăcina directorului JS. Dacă este necesar, descrieți în el un model și obțineți acces la acesta de la controler.

Să ne uităm la conținutul controlorului (listarea 4). Primul lucru care se grăbește în ochi este un format de anunț. Controlorul nostru nu este altceva decât un modul obișnuit cu un inițial, primind o porțiune de dealer.

După ce a solicitat pagina index, se va apela metoda controlerului inițial. În plus, totul depinde de sarcină. Putem obține date și le vom transfera la idee, putem procesa ceva, etc. În totul se limitează la formarea prezentării. Pentru a face acest lucru, apelați metoda Render (). Transmiterea datelor de la controler la reprezentare poate fi prin singurul său parametru. Nu avem nevoie să transmităm nimic, așa că vom da pur și simplu obiectul unui obiect.

După ce a format o prezentare, Dom va fi completat cu noduri noi și putem face ceva util cu ei. De exemplu, pentru a inițializa pluginul de alimentare. Pentru a face acest lucru, determinați selectorul pentru ieșire și obiect cu setările. De la nevoile de setări

Calea spre feedul RSS și metoda de afișare (pe pagină, în fereastră). Uite detalii în lista a patra.

Listarea 4. Codul controlerului

Definiți (["App", "JS / index / indexView", "JS / Feedmodel"], funcția (funcția init (interogare) (model: (Mesaj: "Test"))); Var MyFeed \u003d App .F7.Feeds ("feed", (URL: "http: //localhost/feed.xml", deschide: "pagina"));) retur (init: init);)););

Codul View este afișat în cea de-a cincea listă. La organizarea codului, totul este similar cu controlerul. Același modul și o singură funcție. Fiți atenți la utilizarea variabilei $. Aceasta nu este o bibliotecă jQuery, ci Dom7. Multe dintre metodele lor sunt identice, dar în Dom7 nu există toate, așa că fii atent.

Listarea 5. Cod de prezentare

Definiți (["JS / Feedmodel", "HBS! JS / Index / index"], funcția (index, vizualizare) (Var $ \u003d Dom7; Funcție Render (Params) ($ ("Conținut de pagină"). HTML (Vizualizaremplate ((Model: Params.model))));) Return (Render: Render)));

Listarea 6. Performanța conținutului

Vom primi date pentru ieșirea de la benzi RSS, astfel încât șablonul de prezentare conține HTML standard. Merită să acordăm atenție adăugării tragețiului pentru a reîmprospăta funcțional (prezent și actualizări). Anterior, am adăugat clasa corespunzătoare în index.html, iar în vizualizare a terminat numai începutul. Codul pentru solicitarea benzii actualizate nu este necesar, deoarece Pluginul RSS-Feed din casetă acceptă trageți pentru a reîmprospăta funcționalitatea.

Acest lucru este finalizat pe această aplicație. Puteți să-l testați folosind un server web local (de exemplu, inclus în Gulp).

Pregătim PhoneGap.

Aplicația web este gata și acum rămâne doar pentru ao colecta utilizând platforma PhoneGAP. Pentru a instala PhoneGAP, trebuie să fim instalați în sistemul NODE.JS. Dacă nu sunteți întârziați în spatele tendințelor moderne, probabil că nota este deja instalată în sistemul dvs. Dacă nu, rulați pe site-ul oficial și urmați instrucțiunile.

$ SUDO NMP Instalarea -G PhoneGAP

Excelent, dar un singur telefon nu este suficient. Fără unelte de comandă Cordova, de asemenea, nu o faceți:

$ sudo npm install -g cordova

De la alte instrumente auxiliare pentru a automatiza procesul de asamblare - furnică. Instalați anti poate fi instalat în mai multe moduri. Cea mai ușoară cale de a face cu managerul de pachete. Pentru OS X există mai multe dintre ele, dar am primit homebrew (http://brew.sh/). Funcționează stabil și conține un numar mare de Pachete. Instalați destul de simplu homebrew suficient. Recrutăm echipa în terminal:

Ruby -e "$ (curl -fssl https://raw.githubuserconent.com/homebrew/install/master/install)"

Imediat după finalizarea instalării, procedați pentru ANT:

$ Brew update $ brew instalare furnică

Următorul pas va fi instalarea XCODE. Prindeți răbdarea și instalați versiunea reală de la Appstore. După instalare, lansați cu siguranță și acceptăm acordul de licență. Dacă acest lucru nu este făcut, PhoneGAP nu va putea să colecteze proiectul.

Colectați aplicația mobilă

Nu plecați departe de consola și creați un nou proiect de aplicații mobile. Introducem consola:

$ PhoneGAP Creați XakeprsReader $ CD XakeprsReader

Excelent, piesa de lucru de bază este gata - puteți trece la transferul aplicației noastre web. Accesați directorul WWW și eliminați toate conținutul din acesta. Apoi copiați toate fișierele și folderele aplicațiilor create de noi. Ca rezultat, întregul nostru proiect trebuie plasat în folderul WWW. Reveniți la consola și treceți la adunare. În primul rând, definim platforma mobilă pentru asamblare (în cazul nostru, iOS) și apoi lansăm implementarea proiectului:

$ Platformă Cordova Adăugați iOS $ CDDOVA Build IOS

În absența erorilor din consola, va fi afișată inscripția "construită reușită". Rămâne doar pentru a deschide fișierul XakprsSReader.xcoDeprof din directorul platformelor / js din Xcode și rulați procesul de asamblare (apăsați butonul de redare). Dacă totul merge cu succes (și ar trebui să fie acesta), după câteva secunde fereastra emulatorului va începe (în cazul meu iPhone 6).

Construiți finalizat

Colectați aplicația dvs. mobilă cu ajutorul unui prieten de tehnologie la fiecare programator web, în \u200b\u200bpractică, sa dovedit a fi atât de dificil. Dacă vă uitați la Appstore, majoritatea aplicațiilor corporative nu sunt altceva decât o difuzare a unui anumit conținut / serviciu de pe site-ul oficial al companiei. Este posibil să creați lucruri similare fără a recurge la tehnologii native? Categoric da.

Dezvoltatorii văd perspectivele pentru web mediu mobil Și încercați să vă transferați la ea cât mai multe tehnologii de trend posibil. Fravorki pare să fie luată în considerare în articolul de astăzi, confirmați din nou - nu există nici un imposibil. Performanța mobilă continuă să crească și acest fapt disting doar transferul tehnologiilor obișnuite într-un mediu nou.

Desigur, nu trebuie să hrăniți iluzii inutile și să abandonați studiul tehnologiilor native (Obiectivul C, Swift). Dacă sunteți configurat serios să se dezvolte sub platforme mobile, atunci nu vom putea face o tehnologie web. Oricum, la etapa de timp curentă. Dar dacă obiectivul dvs. este "practicând" și funcționează bine pe proiecte tipice, tehnologiile web vor fi cu siguranță capabile să ajute.

Am totul pe asta. Dezvoltare mobilă de succes!

PLUSE PHONEGAP.

• Procesul de creare cât mai mult posibil pentru dezvoltarea unei aplicații web;
• Tehnologie unică de stivă (HTML / CSS / JavaScript);
• Intrare de prag scăzut, rezultate rapide;
• Acoperirea tuturor platformelor mobile populare (iOS, Android, Windows Phone);
• Costul scăzut al dezvoltării unei cereri;
• Suport mai ieftin;
• Abilitatea de a utiliza JS-evoluții;

Consul telefonului

• Performanțe mai mici în comparație cu aplicațiile native;

dezvoltare web

Cadrul de sus pentru dezvoltarea web în 2018

Lumea nu va fi niciodată aceeași pentru că avem dezvoltarea web. Una dintre cele mai importante sfere ale activității umane asupra relevanței, influenței și gradului de implicare. Și part-time este unul dintre cele mai importante profiluri ale companiei noastre. Prin urmare, am decis să facem o mică revizuire a celor mai populare cadre din 2018. Țineți în curs de dezvoltare web și urmați tehnologiile moderne.

Angular.js.

Unghiul este un cadru JavaScript de la Google, conceput special pentru a crea aplicații web dinamice. Se bucură de o mare popularitate de aproape zece ani. Lucrul cu unghiular, puteți crea aplicații de interfață fără a fi nevoie să utilizați alte pluginuri sau cadre.

Structura sa include un număr de funcții interesante. Iată câteva dintre ele:

• Folosind șabloane, puteți afișa informații din model și controler.
• Unghiul suportă arhitectura MVC. Ca rezultat, dezvoltatorul poate împărți pur și simplu aplicația pe componentele MVC. Orice altceva va fi controlat de cadru.
• Toate expresiile sunt similare cu fragmentele de cod închise în paranteze curbate. Nu folosesc cicluri și expresii condiționate. Dimpotrivă, aplicați la formatarea și afișarea datelor.

Toate aceste caracteristici fac parte din platformă, care vă va permite să construiți un site web minunat. Iată câteva exemple de site-uri proiectate cu acest cadru: Netflix, Freelancer.com, Goodfilms etc.

Ruby pe șine

Acest cadru este construit pe cel mai faimos limbaj de programare Ruby. Care este cipul său principal? Acea reutilizați Radicalul de cod simplifică și accelerează dezvoltarea aplicațiilor web. În plus, această abordare vă permite să adăugați câteva funcții suplimentare. Printre site-urile populare scrise în Ruby pe șine, puteți evidenția Basecamp, Ask.fm, GitHub, 500px, etc.

Ruby on Rails este o comunitate uriașă de dezvoltatori unde puteți găsi cu ușurință ajutor pentru proiectul dvs. Nu putem spune că ROR aparține tehnologiilor ieftine. Cu toate acestea, cadrul oferă o grămadă de chifle. Și mai presus de toate, înțelegem o dezvoltare rapidă, cu mai puține coduri scrise și erori. Printre alte avantaje, am alocat:

• Flexibilitate. Cadrul este potrivit pentru toate industriile de afaceri, indiferent dacă managementul sau construcția de proiecte.
• Viteză. Am scris deja despre acest lucru și repetați din nou: Ruby on Rails reduce timpul de dezvoltare al aplicațiilor web cu aproximativ 30-40%.
• Abilitatea de a face modificări la cod complet dureroase. De aceea, ROR este ideal pentru proiecte de lungă durată. Schimbări clare ale cerințelor sau schimbarea echipei dezvoltatorilor - toate acestea nu vor fi o problemă serioasă.

Yii.

Yii este o platformă open source construită în PHP5. Datorită designului de înțeles și interfață convenabilăAcest cadru oferă o dezvoltare web extrem de simplă și rapidă. Yii este optimizat de performanță, deci poate fi folosit pentru orice proiecte de la mici la mare. În plus, platforma conține o mulțime de instrumente minunate care vă vor ajuta să depanați și să testați aplicația. Un alt plus este o documentație bine dezvoltată.

Caracteristici cheie Yii într-o singură linie:

• Cadrul nu include clase și obiecte până când au nevoie. Aceasta accelerează descărcarea aplicației.
• Utilizați standardele OOP, ceea ce înseamnă fiabilitate și siguranță.
• Toate resursele profesionale sunt absolut gratuite.

Toate aceste caracteristici contribuie la crearea unei structuri de înaltă performanță care vă va permite să dezvoltați site-uri web cool. Iată câteva dintre ele: TASS, CRAFTCMS, HUMHUB și așa mai departe.

Meteor Js.

Acest cadru este scris pe platforma NODE.JS și permite dezvoltatorilor să creeze diferite aplicații web în timp real. Una dintre cele mai tari caracteristici ale Meteor JS este o bază excelentă pentru a crea site-uri personale simple.

Meteor JS este un JavaScript izomorf cu cadru web open source. Despre ce se spune? Faptul că vă permite să încărcați paginile mult mai repede. În plus, datorită stack-ului JavaScript integrat, care se extinde de la baza de date la ecranul de utilizator final, puteți efectua în 10 linii de cod ceea ce este de obicei întins la 1000 de linii.

O altă caracteristică interesantă este că puteți utiliza același cod atunci când vă dezvoltați sub iOS, Web, Android sau Desktop. De asemenea, puteți utiliza diferite cadre populare și instrumente și concentrați-vă pe crearea de funcții în loc să scrieți împreună componentele împrăștiate.

Express.js.

Și un alt cadru pe platforma NODE.JS. Cu siguranta stai sa foloseasca daca doriti sa dezvolta o aplicatii web si API, cat mai repede posibil. De ce? Deoarece Express.js acoperă o serie de funcții importante prin pluginuri. Iar cadrul poate fi utilizat pentru a crea aplicații mobile.

În esență, express.js constă în baza de date unghiulară și mongodb. Aceasta înseamnă că pentru a dezvolta site-uri web, aveți suficientă cunoaștere a HTML, CSS și JavaScript. Și folosind modulele NPM, puteți extinde funcționalitatea aplicației cât doriți.

Express.js este ideal pentru crearea de servicii web simple. Nu portaluri de înaltă încărcare și aplicații care merg " skouring mână.". Dacă aveți nevoie de MVP sau doriți doar să practicați în dezvoltarea web, apucați-vă despre Express.js și nu lăsați-l să plece nicăieri.

Zend.

Zend este un cadru opensource scris în PHP. Se concentrează pe dezvoltarea serviciilor Web moderne, fiabile și securizate.

Zend aplică diverse pachete profesionale PHP care fac dezvoltarea site-urilor web de inalta clasa Mult mai ușor și mai rapid. În plus, cadrul utilizează arhitectura MVC care separă baza de date și logica de afaceri de la nivelul executiv. Deci, obținem un cod mai clar și curat.

Zend se bazează pe concepte de programare orientate pe obiecte, cum ar fi interfețele și moștenirea, care vă ajută să extindeți diferitele componente ale cadrului. De asemenea, rețineți rutarea, care își desfășoară activitatea fără probleme. Ei bine, funcțiile cache-ului. Veți fi surprinși că pot fi necompletați.

Django.

Cel mai popular cadru pentru dezvoltarea web scrisă în Python și folosind arhitectura MVC. Listați caracteristicile cheie ale acestei platforme:

• Viteză. Scopul principal al cadrului este de a ajuta dezvoltatorii să facă o aplicație cât mai repede posibil. În plus, în toate etapele de producție - de la ideea la eliberare. Eficiența și eficiența - așa puteți formula motto-ul Django. Cadrul perfect potrivit pentru dezvoltatorii care au un moment dat.
• Siguranță. Puteți permite chiar și unele erori legate de valori mobiliare. De regulă, ele sunt asociate cu injecții SQL, false de solicitări transfrontaliere și scripting-uri transfrontaliere. Django gestionează eficient toate numele de utilizator și parolele, iar sistemul de autentificare a utilizatorului este cunoscut ca un rol decisiv.
• Scalabilitate. Majoritatea site-urilor de afaceri utilizează Django pentru a satisface rapid nevoile de trafic.
• Carne tocată. Cadrul include diverse opțiuni suplimentare pentru a ajuta la hărțile site-ului, autentificarea utilizatorului, administrarea conținutului, feedurile RSS și multe altele. Fiecare dintre ele oferă asistență substanțială în procesul de dezvoltare web.

Laravel.

Laravel este unul dintre cele mai bune cadre PHP. Cu aceasta, vă puteți dezvolta cu ușurință ca web și aplicatii mobile Pentru site-uri mici și afaceri mari. Laravel are multe caracteristici interesante, cum ar fi tehnicile de autorizare, bibliotecile orientate pe obiecte, suportul MVC, migrarea bazei de date, cererile intersight etc.

Principalele avantaje ale acestui cadru includ:

• Abilitatea de a crește traficul către site. Și da, această tehnologie este aplicabilă oricărui browser și dispozitiv.
• Flexibilitate. Cadrul are o structură modulară care ajută la simplificarea site-ului în sine și a procesului de dezvoltare a acesteia.
• PHP nu are nevoie de modalități speciale de serviciu. Aceasta este conectată la încărcarea automată a obiectului, care este conținută în software.
• Cadrul Laravel poate crea adrese URL unice, deoarece realizează diferite căi cu același nume.

Ieșire

Alegerea cadrului corect este unul dintre punctele-cheie care afectează calitatea situsului viitor. Fiecare dintre tehnologiile descrise poate fi numită completă în toate privințele, așa cum sunt utilizate, atât pentru frontend, cât și pentru dezvoltarea de backend. Prin urmare, sfatul nostru va fi un banal de rușine. Pur și simplu selectați o platformă în funcție de limbile dvs. de programare. Numai tu poți să-ți formulezi propriile cerințe în cel mai bun mod posibil. Și doar vă cunoașteți punctele forte și punctele slabe.

Deși în comparație cu dezvoltarea cross-platformă, nativul oferă la ieșirea unor aplicații mai bune, apar acum multe tehnologii noi de platformă, permițând să creați produse excelente.

Principalele beneficii ale designului nativ sunt foarte productivitate a aplicațiilor și accesul la sistemele operaționale.

Cu toate acestea, în activitatea sa, inginerii se confruntă adesea cu incompatibilitatea instrumentelor native între ele la aproape toate nivelurile, inclusiv limbi de programare, arhitectură, muncă cu biblioteci etc.

Prin urmare, pentru a pune în aplicare aceleași algoritmi și a unui utilizator și (sau) scripturi de afaceri, programatorii trebuie să creeze o cerere pentru mai multe medii în diferite limbi de dezvoltare.

Deci, pentru a scrie o aplicație nativă, compania ar trebui să crească și timpul de lucru, Bugetul și eforturile de menținere a produsului. De asemenea, dezvoltarea nativă necesită prezența unui programator a unui anumit examen. În caz contrar, va fi necesar să se aloce timp suplimentar pentru specialiștii de instruire.

Tehnologiile CrossPlator au apărut pentru a rezolva aceste probleme. În ciuda unor dezavantaje, simplifică foarte mult procesul de scriere a aplicațiilor mobile, reducând costurile forței de muncă și reducerea costurilor clienților.

În prezent, există multe tehnologii de platforme bune care permit crearea de aplicații de înaltă calitate. În acest articol, vom lua în considerare cele mai populare cadre pentru dezvoltarea încrucișată.

PhoneGap.

Adobe PhoneGAP este un cadru cu sursa deschisaVă puteți bucura gratuit. De asemenea, PhoneGAP nu necesită echipament, SDK și compilatoare pentru a crea aplicații mobile.

Până în prezent, PhoneGAP este unul dintre cele mai importante instrumente de dezvoltare încrucișată, cu care programatorii creează soluții pe CSS3, HTML5 și JavaScript. Un alt cadru plus este un set de plug-in-uri gata făcute.

Folosind acest cadru încrucișat, programatorii dezvoltă aplicații care sunt browsere web încorporate și HTML cu o singură pagină.

Deoarece toate elementele de interfață sunt stilizate ca native, nu există acces direct la API. Pentru a accesa funcțiile sistemului, dezvoltatorii asociază pluginurile adăugând metode în browserul web și apoi le legați cu implementarea nativă pe fiecare sistem operațional.

Adobe PhoneGap va fi alegerea perfectă dacă trebuie să dezvoltați o interfață de aplicație sau o aplicație simplă de 10-16 imagini și pentru o audiență mică, de exemplu, o soluție corporativă pentru sarcinile interne ale companiei. Lucrul cu cadrul necesită experiența de a scrie aplicații web cu o singură pagină la JavaScript, CSS și HTML.

Xamarin.

O altă soluție excelentă de platformă care ocupă poziția de lider pe piață și permite dezvoltatorilor să creeze aplicații pentru diferite platforme (iOS, Android și Windows Phone).

Xamarinul include o singură bază partajată de cod C # și oferă posibilitatea de a testa aplicațiile pe mai multe dispozitive utilizând Cloud Xamarin.

Odată cu apariția lui Xamarin 2, cadrul a devenit unul dintre cele mai populare instrumente. Este demn de remarcat faptul că cadrul are o comunitate puternică de parteneriat, care constă în astfel de corporații mari ca Microsoft și IBM. Spre deosebire de PhoneGAP, lucrați cu aceasta necesită abonament plătitDar puteți începe cu o versiune gratuită de încercare.

Xamarin oferă o mulțime de caracteristici utile, cum ar fi propriul său IDE Xamarin Studio și Xamarin.Forms, permițând programatorilor să utilizeze aproape 100% din codul scris o dată pentru toate platformele. Cadrul oferă, de asemenea, acces la API nativ și vă permite să integrați astfel de bacderi ca parse și Microsoft Azure.

Pentru dezvoltarea cross-platformă pe Xamarin, aveți nevoie de experiență în iOS, Android și C #. În plus, ca rezultat, aplicația dvs. va fi complet nativă (deși scrisă în C #) și volumul codurilor de bază nu va fi mai mare de 40%.

Flutter.

Flutter este o platformă încrucișată destul de nouă, lansată de Google pentru o dezvoltare mai rapidă a unor aplicații native de înaltă performanță de înaltă performanță pentru iOS și Android.

Cadrul oferă o bază de date cu un singur cod și utilizează limba de programare Dart creată de Google și având multe în comun cu Java și JavaScript.

Ca și alte cadre populare de platforme, flutter oferă multe caracteristici utile. De exemplu, reîncărcare la cald. Simplifică dezvoltarea UI, implementarea funcționalității și testarea produsului.

Flutter include SDK-uri terță parte, API pentru widget-urile proprii ale designului 2D, animație, materiale și oferă posibilitatea de a reutiliza codul Java existent, SWIFT și Obiectiv-C.

În ciuda faptului că această soluție transfrontalieră este încă foarte tânără, nu are suport Windows și IDE, este posibil să se dezvolte aplicații moderne care sunt foarte productive.

Reacționează nativ.

Reacționarea cadrului nativ "crește" de la React.js, creat de Facebook pentru a vă repara chat-ul. Asamblarea interfeței de la "cuburile" JavaScript și împrumutat de pe web. O abordare adaptivă a designului a fost soluții de succes pe care compania a pornit să reacționeze la platformele mobile. A fost reacționă nativă.

În prezent, reacția nativ este probabil cel mai interesant și mai promitat cadru datorită faptului că este nevoie de cele mai bune din web și reacționează.

Datorită motorului JS, performanța ridicată este oferită comparabilă cu nativul. Pe baza ideii de asamblare a unei interfețe din "cuburi", reacția nativ nu utilizează un browser, nici WebView - numai JavaScript API.

Astfel, programatorii de scriere cod pe JavaScript, care funcționează cu componentele platformei native, transmite astfel avantaje și comoditate de utilizare a reacției. JS de la browser către aplicații mobile.

Avantajul important al reacției native este că procentul de cod comun aici este de până la 90%, ceea ce ajută la scrierea unor aplicații moderne care arată nativ. În același timp, dezvoltarea este mai simplă și convenabilă.

De la programatori lucrează cu cadru necesită cunoștințe JavaScript, Obiectiv-C API și API Java Android. După cum puteți vedea, React Native vă permite să creați soluții de înaltă calitate de înaltă performanță.

Dacă aveți întrebări despre articol, aveți nevoie de ajutor în dezvoltarea sau există o idee pentru viitorul proiect și obțineți o consultare gratuită!

În legătură cu extinderea echipei, invităm și. Oferim un nivel competitiv de remunerare, un program flexibil, de carieră și o creștere profesională. Așteptăm CV-ul dvs.) (Postat pe 06/18/18)

1. Sencha atinge

Sencha Touch este primul cadru HTML5 Mobile Application Web. Sencha Touch salvează aspect Aplicații - Native pentru iOS și Dispozitive Android.. Sencha Touch vă permite să creați cu ușurință aplicații cu interfețe masive multiplayer și un UX excelent. Sencha Touch are cele mai bune suport tehnic Din comanda și documentația Sencha pentru toate detaliile disponibile ca sprijin chiar și pentru mare aplicații software Întreprinderi. Cadrul este ușor de utilizat și dezvoltă o aplicație mobilă. Sencha Touch este baza care vă permite să programați pentru Android, IOS și BlackBerry fără a schimba aspectul aplicației. Sencha Touch poate fi utilizată în colaborarea cu ajutorul aplicațiilor de telefonie care au o apariție corectă a unei aplicații native, dar create cu folosind HTML. / Javascript.

2. Gap de telefon.

Cadrul Gap de telefon se bazează pe HTML 5, care permite dezvoltatorilor de aplicații mobile să facă aplicații native utilizând JavaScript, CSS3 și HTML5. Cea mai bună caracteristică a decalajului de telefon este că poate fi utilizată în colaborare cu alte cadre pentru a le sprijini cu funcțiile pe care nu le au, iar diferența de telefonie le oferă. Într-o perioadă scurtă de timp, diferența de telefonie a devenit cea mai populară dintre majoritatea dezvoltatorilor cu Sencha. Acest lucru permite dezvoltatorilor de aplicații mobile să-și creeze propriile aplicații mobile complete și să le pună în cochilie, astfel încât aplicația poate fi plasată pe Magazin de aplicații., sau piața Android.

3. JQuery Mobile.

JQuery Mobile, un cadru web optimizat cu touch pentru smartphone-uri și tablete. Acesta este unul interfața cu utilizatorulcare rămâne constantă pe toate platformele. Codul este foarte ușor și, prin urmare, este baza preferată pentru dezvoltarea aplicațiilor mobile. Diferitele teme create de designeri pot fi ușor schimbate. În loc să scrieți diferite coduri de diverse sisteme de operare; JQuery vă permite să scrieți un cod simplu pentru a crea o aplicație configurată completă pe un site web.

4. APPLERATORUL TITANIULUI

Titaniul contribuie la combinația de platforme la dezvoltarea aplicațiilor. Aplicațiile create pe titan sunt inițial integrate. Cadrul acționează ca o punte între aplicațiile mobile și platform API., rezultatul căruia este o aplicație care are performanță mai bună. Platforma de Appcelerator Titanium a fost dezvoltată cu o deplasare pentru a ajuta dezvoltatorii web să creeze cu ușurință aplicații mobile și tablete. În ultimul an, platforma a înregistrat o creștere uriașă a dezvoltării, iar funcțiile noi și dispozitive sunt adăugate pentru cadre într-un ritm rapid.