2018 a mobil alkalmazások éve. És ez a tény nem tagadható. De ha úgy gondolja, hogy a mobil alkalmazások fejlesztésével a webes alkalmazások fejlesztésére szolgáló keretek népszerűsége csökkent, akkor téved. Elég kapcsolatba lépni a webes alkalmazásfejlesztő céggel, és megtudhatja a lenyűgöző eszközökről, amelyeket nem csak vállalati webhelyek létrehozására használnak, hanem egyszerű otthoni weboldalakat is építenek.

Mindazonáltal, amikor a webes alkalmazások létrehozásakor emlékezned kell a versenyre mobil eszközök és dolgozzon ki egy modern és rugalmas alkalmazást. Szükség esetén vegye fel a kapcsolatot a megfelelő webes fejlesztési szolgáltatásokkal rendelkező céggel, amelyek megfelelnek az Ön igényeinek. De mielőtt ezt megtennénk, ismerkedjünk meg néhány olyan népszerű keretekkel, amelyek felhasználhatók webhely létrehozásához. Így,

1. Node.js.j.

A 2011-es megjelenés pillanatától a NODE.JS kedvenc platformja volt a webfejlesztők között. Ennek köszönhetően a gyors és skálázható programok könnyen létrehozhatók. És mindenki, mert a szerző node.js, Ryan adta, létrehozott egy keretet oly módon, hogy a fejlesztő képes egyszerre több kapcsolatot kezelni. A keretrendszer lehetővé teszi, hogy hozzon létre hálózati eszközök és a JavaScript használatával és a különböző alapvető funkciókért felelős moduljaival.

2. reagáljon.js.

React.js támogatott egy csoportos programozók, szintén egy IT-óriás Facebook. React.js egy Java parancsfájlok könyvtára nyitott forráskódamely lehetővé teszi a fejlesztők számára, hogy csak óriási webes alkalmazásokat hozzanak létre. Ezek az alkalmazások nagy mennyiségű adatot fogyaszthatnak, és megváltoztathatják őket anélkül, hogy újra kellene indítania az oldalt. Az ok, amiért a szakmai honlapokon fejlesztési társaságok ajánlom ezt a keretet 2018, amit kínál a skálázhatóság, az egyszerűség és a gyorsaság. Ezt a könyvtárat más keretekkel vagy JavaScript könyvtárakkal együtt használhatja.

3. szöglet.js.

Szöglet.js - Egy másik JavaScript keretrendszer. A címkén keresztül hozzáadhatja a HTML weboldal kódjához. Ez lehetővé teszi a HTML-képességek bővítését az irányelvek segítségével. Ha dinamikus webes alkalmazásokat szeretne létrehozni, akkor a szögletes.js ideális struktúrával rendelkezik erre. Ezenkívül lehetővé teszi a HTML sablon nyelvként való használatát. Az adatok kötődése és a függőségek rögzítése miatt egy terjedelmes kódolást tarthat az ellenőrzés alatt.

4. Express.js.

Ez a tökéletes keret azok számára, akik úgy gondolják, hogy minél kisebb a jobb! Ez így van, ha rugalmas és minimalista nyílt forráskódú környezetet keres, akkor az Express.js az, amire szüksége van. A fejlesztők szeretik az egyszerűséget és a fejlesztés rugalmasságát. Az NPM modulok használatával ez a keret lehetővé teszi a webhely funkcionalitásának javítását. És a legérdekesebb, hogy dolgozni vele, élvezheti a HTML, a CSS és a JavaScript alapvető ismereteit, és egy kicsit megérti a MongoDB-t. Mivel az Express.js támogatja a dinamikus kódot, az alkalmazáskód nem lesz túl összetett.

5. LADAVEL

És a végén, de nem utolsósorban érdemes mondani a legnépszerűbb keretet a PHP fejlesztési - Laravel. Elég univerzális, és a fejlesztők használhatják mind a webes, mind a mobil alkalmazások létrehozásához. Számos előnye nemcsak az alkalmazások tulajdonosai, hanem a fejlesztők számára is. Laravel meglehetősen széles funkcionális, beleértve az adatbázis-migrációt, a bcrypt hashing, az MVC támogatást, a jelszót és a biztonságot. Ha rendkívül megbízható és rugalmas keretet keres, amely maximalizálja az MVC-t, Linavel az, amire szüksége van 2018-ban.

A webes alkalmazások fejlesztésében részt vevő vállalatok sok más platformot használnak, de véleményünk szerint az idén leírt keretek bizonyos vezetők lesznek a területükön.

C. célkitűzés, Swift vagy JavaScript

Azt mondom, hogy igaza van, az alázatos szolgáját az Apple cég sok termékéből húzza, de ez a lista nem tartalmazza. Számos kísérlete volt, hogy barátok vele, de a barátság nem valahogy elment. Nem tudom, nem szeret engem, és ez az. A SWIFT kiadás meg lehet mondani a helyzetet, de mindaddig, amíg az aktív fejlődés és csiszolás színpadán van. Nem akarja valós projektekben alkalmazni.

Villogó az összes elérhető iOS fejlesztési technológiák előnyei és hátrányai miatt úgy döntöttem, hogy a szeretett JavaScript-en maradok. Ha nincs létfontosságú szükségesség a C. őshonos zsetonokban, és a vállakon tapasztalat van a JavaScript-ben, akkor miért ne kezdje meg hódítani a mobil platformokat?

Különösen gyakran eldobható projektek (további támogatás nélkül) és számukra komolyan tanulmányozni őket Célkitűzés C. SIMPAR NO. Legalábbis drága és hosszú. Egyszer elesettem egy projektre, hogy dolgozzon ki egy vállalati online áruház iránti kérelmet. A tény feladata eldobható - egyszerűsítjük az életvásárlókat, és elküldjük az alkalmazást szabad úszásba.

Ilyen esetekben gyorsan megoldani szeretném a feladatot minimális költségek. "Ezüst golyó" ezen a területen már régóta létrejött Phonegap. Ez generálja a jövőbeni alkalmazás keretét, és megegyezik a mobil alkalmazás létrehozásának folyamatát egy tipikus webhelyre. Így kiderül, hogy közepes tudás jelenlétében HTML / CSS / JS Elég realisztikus, hogy tisztességes alkalmazást gyűjtsön.

Felület Phonegap Mindent biztosít, amire szükség van az alkalmazások létrehozásához, de a tervezői finomságok a saját mérlegelési jogkörünket hagyják el. Nagyjából beszélve, így csak vegye be és gyűjtsön össze egy alkalmazást egy interfésszel közel a natív végrehajtáshoz - ez nem fog működni. További technológiák vonzása nélkül itt nincs itt.

"Boatstrap" a mobil platformokra

A modern webfejlesztők egyedülállóan hallhatók a bootstrap keretrendszer hatalmáról és zűrzavaráról. Lehetővé teszi, hogy "csodákat" és percekben hozzon létre a modern webes alkalmazások prototípusainak létrehozásához. A keretrendszer egyfajta bootstrapDe a mobil platformokra irányul. Mivel a befits egy jó keretet, mindenféle widgetet gyűjtenek össze, olyan összetevők, amelyek lehetővé teszik, hogy a lehető legnagyobb mértékben hozzon létre egy alkalmazást a natív számára.

Kezdetben az F7 pusztán az iOS platformon szakosodott. A Standard Design téma az IOS 7-re összpontosított, és összehasonlította az interfész teljesítményével kiosztott versenytársakkal. Újabban a fejlesztők bejelentették a Google anyagtervezését, ezáltal a támogatott Android platformokat a listához.

A projektfejlesztők megpróbálták megrendelni a motorháztető alatt, és csak a szükséges dolgokat hagyják el. Ennek eredményeként ismerős dolgok, mint egy beépített könyvtár jquery., Az f7 nem található. Ahelyett, hogy könnyű lenne Dom7.a leginkább szükséges funkciók.

Összesít F7. – ez egy JS / CSS keretrendszer az összes szükséges UI elemmel.a mobil platform stílusú natív. Őszintén szólva azt fogom mondani, hogy ezek a keretek már ragyognak Githib-on, de az F7 kedvezően különbözik a sok natív UX chips termelékenységét és megvalósításától. Például azok, akik ismerik az iOS-felhasználókat, mint például a frissítéshez (frissítéshez húzódó), az ujj, a back-ruda és még sok más elérhető a dobozból, és nem igényel további programozást.

Ebben az F7 erősségei nem korlátozottak. Nem fogok részletekbe menni, de csak egy kicsit megosztom a személyes benyomásaimat. Kezdem a kiváló minőségű projekt - dokumentáció legfontosabb jellemzőjével. Várják, hogy a könyvek megjelenése ilyen korai dolgok értelmetlenül - miközben írásban, a keret minden bizonnyal frissül, és a szöveg elveszíti a relevanciát. Minden remény az ilyen dokumentumok dokumentációjában. Mi több és jobban bemutatott - annál jobb. Az F7-ben ezzel a teljes rendeléssel. Mivel számomra úgy tűnt, a projekt nagy részét dokumentálták, és ahol a szöveg nem volt elég, a fejlesztők LED kód példákat.

Már említettem a lenyűgöző teljesítményt. Elsősorban a szűk táplálék és a releváns felhasználás miatt érhető el modern lehetőségek JavaScript.. Ami a DOM7-ről a jquery cseréjét illeti, nem érdemes aggódni. A fő módszereket ugyanúgy hajtják végre. Ugyanazon típusú módszerek neve, a paraméterek sorrendje teljesen mentésre kerül. Következésképpen a függőséggel kapcsolatos problémák nem merülnek fel.

A projekt hivatalos honlapja különböző grafikonokat mutat be, amelyek megerősítik az F7 teljesítményét, de nem különösebben foglalkoznak velük, mert Bízom benne az észlelésedben. Az első igazi projekt fejlesztése után önállóan ellenőriztem a válaszidőt. Utóbbi iPhone modellek (5, 5S, 6) Ez minden fajta dicséret. Minden természetesen jól működik, és ismerős.

Más kellemes zsemle magukért, megemlítettem a kevésbé nyelv alkalmazását a stílusok leírására. A webes alkalmazások fejlesztése során ezzel a technológiával folyamatosan találkozni kell, így az ördögök szépek, hogy a készségek biztonságosan használhatják a mobil platformokon.

Megpróbáljuk a gyakorlatban

A technológia rendszeresen kicseréli egymást, de az egyik változatlan marad, a legjobb mód Ahhoz, hogy megismerkedjen velük is - gyakorlat. Az F7 munkájának bemutatásához úgy döntöttem, hogy olyan hasznos alkalmazást írok, amely feltétlenül hasznos minden olvasónk számára - a hírek olvasója a kedvenc magazin webhelyéről. Mivel a webhelyünk jelenlegi megvalósításában nincs teljes körű API az anyagok beszerzéséhez, a régi jó RSS protokollt (http://xakep.ru/rss) használjuk.

Hozzon létre egy olvasó olvasót HTML / CSS / JS / F7 / PhoneGap nagyon egyszerű. Tekintettel arra, hogy egy meglehetősen funkcionális plugin már létrejött az RSS-vel való munkához. Ellenkező esetben a munkát csökkenteni fogják, hogy több tucat rothadt html-t írjanak. Ez nagyon unalmas, ezért vettem a bátorságot, hogy hozzáadjam egy kis sziklát és tekercset. A példa ugyanaz marad, de az MVC stílusban írjuk. Ennek eredményeként egyfajta mikro-keretrendszert kapunk szemmel a jövőben. Más szóval, egyetemes keretet fogunk létrehozni a jól bővített alkalmazások későbbi fejlesztéséhez.

A fent felsorolt \u200b\u200bgondolatok összefoglalásával megközelítőleg egy ilyen cselekvési tervet kapunk. Először is előkészítjük a projekt alapját a tényleges technológiák tényleges veremével, majd hozzon létre egy F7 alkalmazási felületet, és az utolsó lépésben öntsük ezt a mérgező keveréket a telefonosgapba. Az alkalmazások az iOS-ra összpontosítanak, az Android-fejlesztési Nuances házi feladatként hagyja el.

Számos módja van a megszervezésére MVC mintázat a JavaScriptbenDe a Philip Shurpik opciót fogjuk használni. Nagyon egyszerű volt, és már ideje volt, hogy megpróbálja (néhány módosítással) az igazi projektjeiben. Ami a kiegészítő alkatrész / könyvtárakat illeti, az F7 mellett, szükségünk lesz:

• igények. - az aszinkron modul defitíciójának megközelítésének egyik legjobb megoldása;
• kormány. - a JavaScript leggyorsabb tempiója;
• hBs. - egyszerű kormány a szükséges igényekhez.js;
• szöveg.js. - egy másik plugin a REUIRE.js számára, amely lehetővé teszi a szöveges erőforrások betöltését;

Nem tarthatjuk figyelembe a felsorolt \u200b\u200bkomponensek összes képességét, és példánkon belül lehetőségük volt kisebb vérrel. Hadd emlékeztessem Önt, célunk nem csak az F7 keretrendszer megismerése, hanem az alkalmazáskeret további tesztekhez is.

Alkalmazási struktúra

Alkalmazásunk funkcionalitása rendkívül egyszerű - húzza meg a frissített RSS szalagot, és biztosítja a felhasználó számára a kényelmes olvasás lehetőségét. A kényelem elképzelhetetlen, ha teljes szöveges híreket tölt be, így ragaszkodunk a minimalizmushoz. Először megjeleníti a címsorokat, és teljes verzió A felhasználó az érintő után olvasható.

Kiváló, a szervezeti pillanatok úgy döntöttek, hogy megtervezik a jövőbeni alkalmazás szerkezetét. Opciók, mint mindig több, de azonnal összpontosítok, hogy a kitöltött webes alkalmazás táplálja a PhoneGapot, így a legoptimálisabb lehetőség lesz:

• cSS - a saját tervezési stílusok tárolására. Minden, ami felülbírálja, vagy kifinomult, tegye be ezt a könyvtárat.
• img - képek.
• jS - Minden ügyfél JavaScript. Itt csak saját forgatókönyvet helyezünk el, nem a könyvtárat. A könyvtár gyökerében általános célú forgatókönyve és modellje van. A vezérlőket és a beadványokat az azonos nevű alkönyvtárakban kell meghatározni. Nézzük a példát, az „A” vezérlő, akkor a mappa létrehozásához „JS / about”.
• lIBS - könyvtárak és minden lehetséges extra zsemle. Például úgy döntöttem, hogy összekapcsolom a csodálatos "Font Awesome" -et - dobd ide.

A projekt gyökérkönyvtárában csak két fájl lesz elterjedése - app.js. és index.html. Az első fájl az alkalmazás kiindulási pontja lesz. Ez konfigurálja a segédkönyvtárakat és inicializálja az F7-et.

Főzéskeretek

Töltsük le a felsorolt \u200b\u200bkönyvtárakat (lower, git), és inni őket az adott könyvtárak szerint. Ezután a projekt gyökerében hozzon létre egy fájlt App.js, és konfigurálja a további összetevőt.

Listázás 1. Konfiguráció szükséges.js

Igénye.config ((Urlargs: "Fake \u003d" + (új dátum). Gettime (), útvonalak: (kormány: "libs / kormánykerékek", szöveg: "libs / text", HBS: "libs / hbs"), Shim : (Kormány: (export: "kormány)))))));

Az igények konfigurációját az első lista írja le. Itt további könyvtárakat kapunk. Mivel a kormányt nem díszített AMD stílusban, a kapcsolatot Shimen keresztül végzik. Elvben az RSS olvasásának pluginja pontosan ilyen módon csatlakozhatunk, de mivel az alkalmazásunk nem létezhetnénk nélküle, akkor régi módon inicializáljuk, a Starter File Index.html.

A demonstrációs alkalmazás fejlesztése magában foglalja az összesféle szerkesztés és korrekció állandó bevezetését, ezért azonnal korlátozza a gyorsítótárazó étvágyat.js. Ehhez külön paraméter nem létezik, de megkaphatja a szükséges hatást az URLARGS tulajdonság használatával.

Az elv egyszerű - az ingatlan argumentumban megadott minden egyes URL-címre bizonyos érték. Ahhoz, hogy megszabaduljon a gyorsítótárazástól, szükség van egy egyedi értékre az érveléshez. Mindenki megoldja ezt a feladatot saját módon, de az egyediségért kapom az aktuális időt:

Urlargs: "Fake \u003d" + (új dátum ()). Gettime ()

Listázás 2. App modul

Határozza meg ("alkalmazás", ["JS / Router"] (router) (router.init (); var f7 \u003d új keret7 (); VAR mainview \u003d f7.addview (". View-Main", (Dynamicnavbar: true)); Visszatérés (F7: F7, Mainview: Mainview, Router: router,);));

A második lista során az "App" modulkód megadása. Ban, inicializáljuk az útválasztó rendszert (router.js) és a keretet. Ismertesse az AMD modul összes formáját. A Define () módszer a modul kijelentésére szolgál. Az első paraméterben a modul nevét továbbítja, a második lista függőséget, és a harmadik leírja a modul testét. Tekintse meg a szükséges dokumentációt.

A modul teste az útválasztó modul inicializálásával kezdődik (lásd a JS / Router.js fájlt). A router elpusztítja az útvonalakat, és futtatja a megfelelő vezérlő módszert. Az útválasztás önmagában meglehetősen megvalósítható (lásd: Listázás 3): A bemeneten megkapjuk a vezérlő nevét, és megpróbáljuk előre meghatározott init () módszert használni. Nem nehéz meghatározni a vezérlő (fájl) elérési útját - az alkalmazásstruktúra alkalmazási struktúráján, megállapodtunk abban, hogy megmentjük őket a JS mappában / vezérlőben / NameController.js néven.

Listázás 3. Útválasztás

Funkcióterhelés (igényel (["[" ["/" + CONTROLNAME + "/" + vezérlés + "vezérlő"], funkció (vezérlő) (Controller.INIT (lekérdezés);))););

Miután befejezte az útválasztást, folytassa a keretrendszer inicializálását7. A legegyszerűbb esetben elegendő egy objektum példányának létrehozása Keret7.() És örülj az életben. Példánkért ez elég, de általában, amikor a tervező egy objektumot kap a beállításokkal. Nagyon sok van, és mindegyikük részletesen ismerteti a dokumentációt. A leginkább észleli a figyelmet: FastClicks, gyorsítótár, gyorsítótár, anyag).

A következő a nézet terület inicializálása. Az F7 keretében a nézet területe (nézet) alatt az alkalmazás külön vizuális részét képezi. Minden nézetterületet saját beállítások, navigációs panel és számos más elem jellemzi.

Csak a navigációhoz szükséges benyújtási területek inicializálása szükséges. A mi esetünkben ez az. Maga az inicializálás leáll az AddView () módszer hívására. Két paramétert kér: \u200b\u200bválasztó nézet terület és objektum objektum.

Meghódítok rss-t

Mindannyian készen állunk az alkalmazás felület kialakítására. Fő része leírja azt az index.html fájlban, amely a projekt gyökérén található (meg kell teremteni). Markup szöveg ( hTML kód) Továbbfejlesztett, így nem fogom másolni ide, de elküldöm Önt az Alapalkalmazás elrendezési dokumentációszakaszhoz. Bátran tegyenek innen a teljes forrásforrás HTML, másolja az elkészített fájlt, és készüljön el, hogy több szerkesztés. Kezdjük a Script Connection részével. A következő fajra hozjuk:

Szükségünk kell csatlakoztatnunk a Freeds keretrendszert és plugint (az RSS-vel való munkához). A végén, beleértve a követelményt.js könyvtárat. Ezután egy kis görgető szöveget, és keresse meg a blokkot:

Ez a terület bemutatja bizonyos reprezentációk tartalmát. Egyetlen ötletet tervezünk, ezért nem fogunk zavarni a kezed enyhe mozgását, támogatást adok a "jelen és frissítés" funkcionális támogatásához. Ehhez további pull-to-fresh-tartalomosztályt írunk elő az egységbe, és a következőket kapjuk:

A következő lépés további stílusokat fog csatlakozni a fejlécben ( keret7.Feeds.min.css.) És folytassa a vezérlő létrehozását. Nem összpontosítottam az alkalmazás címének megváltoztatására, kiegészítő szöveggel - mindezeket a kozmetikumok meg tudod csinálni.

MVC-stílusú technikák

A projektünk egy vezérlőt igényel, hívja az indexet, és készítsen külön könyvtárat a mappában / JS-ben. Azonnal hozzon létre több fájlt benne:

• indexcontroller.js - közvetlenül vezérlő;
• indexview.js, index.hns - prezentáció és minta;

Nem kell modellt, de például egy üres file-dugó feedmodel.js jött létre a JS könyvtár gyökerében. Szükség esetén írja le egy modellt, és hozzáférjen hozzá a vezérlőből.

Nézzük meg a vezérlő tartalmát (4. lista). Az első dolog, ami a szembe rohan, egy hirdetésformátum. A vezérlőnk nem más, mint egy közönséges modul egy init, kap egy viszonteladó részt.

Az indexoldal kérése után az init vezérlő módszerét hívják. További minden a feladattól függ. Minden adatot kaphatunk, és átadhatjuk őket az ötletre, tudunk dolgozni valamit, stb. Mindent csak a prezentáció kialakítására korlátozódik. Ehhez hívja a render () módszert. Az adatkezelőre történő adatátvitel adatait az egyetlen paraméteren keresztül lehet átadni. Nem kell semmit továbbítani, így egyszerűen adunk egy objektumot.

Miután előadást alakítottak ki, a DOM új csomópontokkal tölti fel, és valami hasznos lehet velük. Például, hogy inicializálja a tápanyag-plugint. Ehhez határozza meg a választógombot a kimenethez és az objektumhoz a beállításokkal. A beállítások szükségleteiről

Az RSS-hírcsatornához és a megjelenítési módba (az oldalon, az ablakban). Tekintse meg részleteit a negyedik listában.

Listázás 4. Vezérlő kód

Határozza meg (["App", "JS / Index / indexview", "JS / FEEDMODEL"], FUNCTION (FUNCTION INIT (LCERE) (Indexview.render (Modell: (üzenet: "Teszt"))); var myfeed \u003d app .F7.Feeds ("Feed", (URL: "http: //localhost/feed.xml", OpenIN: "Oldal"));) Visszatérés (init: init);));

A nézetkód az ötödik listában jelenik meg. A kód megszervezésénél minden hasonló a vezérlőhöz. Ugyanaz a modul és egyetlen funkció. Figyeljen a $ változó használatára. Ez nem egy jquery könyvtár, de DOM7. Sok módszerük azonos, de DOM7-ben nincs minden, ezért legyen óvatos.

Listázás 5. Bemutató kód

Határozza meg (["JS / FeedModel", "HBS! JS / INDEX / INDEX"], funkció (index, viewtemplate) (VAR $ \u003d DOM7, funkció render (Params) ($ ("oldal-tartalom"). HTML (ViewTemplate) ((Modell: params.model)));) Visszatérés (render: render)));

Listázás 6. Tartalom teljesítménye

Az RSS-szalagokból származó adatot kapunk, így a prezentációs sablon szabványos HTML-t tartalmaz. Érdemes megfizetni a figyelmet a frissítés funkcionális (jelen és frissítések) frissítésére. Korábban hozzáadtuk a megfelelő osztályt az index.html-ben, és a nézetben csak az elindult. A frissített szalag kérésére vonatkozó kód nem szükséges, mert Az RSS-adagoló bővítmény a dobozból támogatja a frissítési funkciók frissítését.

Ez az alkalmazás befejeződött. Tesztelheti egy helyi webszerver használatával (például a Gulpban).

Elkészítjük a PhoneGap-t

A webes alkalmazás készen áll, és most csak a PhoneGap platform használatával összegyűjti. A PhoneGap telepítéséhez telepíteni kell a Node.js rendszerbe. Ha nem lagolsz a modern trendek mögött, akkor valószínűleg a Noda már telepítve van a rendszerbe. Ha nem, futtassa a hivatalos webhelyet, és kövesse az utasításokat.

$ sudo nmp Install -g PhoneGap

Kiváló, de egy phonegap nem elég. Eszközök nélkül Cordova parancssor is, ne tegye meg:

$ sudo npm Install -g Cordova

Más segédeszközből az összeszerelési folyamat automatizálásához. Az Ant telepítése többféleképpen is telepíthető. A legegyszerűbb módja a csomagkezelővel. Az OS X-hez több közülük vannak, de kaptam homebrew (http://brew.sh/). Stabilan működik és tartalmaz nagyszámú Csomagok. Telepítse a homebrew-t elég egyszerű. Toborozzuk a csapatot a terminálon:

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

Közvetlenül a telepítés befejezése után folytassa az Ant:

$ Brew frissítés $ Brew Install Ant

A következő lépés lesz az XCODE telepítés. Fogási türelem és telepítés tényleges verzió az AppStore-ból. A telepítés után határozottan elindítjuk és elfogadjuk a licencszerződést. Ha ez nem történik meg, a PhoneGap nem tudja összegyűjteni a projektet.

Gyűjtsd össze a mobilalkalmazást

Ne távolítsa el a konzoltól, és hozzon létre egy új mobilalkalmazás projektet. A konzolba lépünk:

$ PhoneGap létrehozása XakeprsSreader $ CD XAKEPRSSREADER

Kiváló, alapvető munkadarab készen áll - folytathatja webes alkalmazásunk átadását. Menjen a www könyvtárba, és távolítsa el az összes tartalmat. Ezután másolja az általunk létrehozott alkalmazások összes fájlját és mappáját. Ennek eredményeképpen az egész projektünket a www mappába kell helyezni. Gyere vissza a konzolba, és folytassa a szerelvényt. Először is meghatározzuk az összeszerelés mobil platformját (a mi esetünkben, iOS), majd indítsa el a projekt telepítését:

$ Cordova Platform Add iOS $ Cordova Build iOS

A konzol hibáinak hiányában megjelenik a "Build Sikered" felirat. Csak a XAKEPRSSREADER.XCOKEPREREADER.XCODEPROF fájl megnyitása az xcode platformok / JS könyvtárából, és futtassa az összeszerelési folyamatot (nyomja meg a lejátszás gombot). Ha minden sikeresen megy (és ennek kell lennie), akkor néhány másodperc elteltével az emulátor ablak elindul (az if-es esetemben iPhone 6).

Építés befejeződött

Gyűjtsd össze a mobilalkalmazást a technológia barátjának segítségével minden webes programozónak a gyakorlatban, hogy nem olyan nehéz volt. Ha megnézed az AppStore-t, a legtöbb vállalati alkalmazás nem más, mint egy adott tartalom / szolgáltatás műsora a vállalat hivatalos honlapján. Lehetséges, hogy hasonló dolgokat hozzon létre anélkül, hogy a natív technológiák igénybe vétele? Határozottan igen.

A fejlesztők látják az internet kilátásait mobil környezet És próbálja meg a lehető legtöbb trend technológiát átutalni. Fravorki úgy tűnik, hogy figyelembe veszi a mai cikkben, ismét megerősíti - nincs lehetetlen. A mobil teljesítmény tovább nő, és ez a tény csak a szokásos technológiák átadását új környezetbe helyezi.

Természetesen nem szabad a felesleges illúziókat táplálnia, és hagyja abba a natív technológiák tanulmányozását (C. célkitűzés, SWIFT). Ha komolyan konfigurálja a mobil platformok alatt történő fejlesztését, akkor nem tudunk egy webes technológiát elvégezni. Mindenesetre az aktuális időpontban. De ha a célod "gyakorló", és jól működik a tipikus projekteken, a webes technológiák biztosan képesek lesznek segíteni.

Minden van rajta. Sikeres mobilfejlesztés!

Pluses PhoneGap

• A lehető legnagyobb mértékű létrehozásának folyamata a webes alkalmazás kifejlesztéséhez;
• Egyetlen kötegtechnológia (HTML / CSS / JavaScript);
• Alacsony küszöbérték, gyors eredmények;
• Minden népszerű mobil platform (iOS, Android, Windows telefon) lefedettsége;
• Az alkalmazás kifejlesztésének alacsony költsége;
• Olcsóbb támogatás;
• A JS-fejlesztések használata;

Hátrányok PhoneGap

• Alacsonyabb teljesítmény a natív alkalmazásokhoz képest;

webfejlesztés

A webfejlesztés legjobb keretei 2018-ban

A világ soha nem lesz ugyanaz, mert webfejlesztésünk van. Az emberi tevékenység egyik vezető része a relevancia, a befolyás és a részvétel mértéke. És a részmunkaidős cégünk egyik vezető profilja. Ezért úgy döntöttünk, hogy a 2018-as legnépszerűbb kereteinek kis áttekintését teszünk. Tartsa be a webfejlesztés folyamatait, és kövesse a modern technológiákat.

Szöglet.js.

A szög a Google JavaScript keretrendszere, kifejezetten dinamikus webes alkalmazások létrehozásához. Közel tíz éve nagy népszerűséget élvez. A szögletes munkával együttműködve interfész alkalmazásokat hozhat létre anélkül, hogy más pluginokat vagy keretet használnánk.

Szerkezete számos számot tartalmaz Érdekes funkciók. Itt van néhány közülük:

• A sablonok használatával információkat jeleníthet meg a modelltől és a vezérlőtől.
• A szögben támogatja az MVC architektúrát. Ennek eredményeként a fejlesztő egyszerűen megoszthatja az alkalmazást az MVC komponensekre. Minden mást a keretszabályozás irányítja.
• Minden kifejezés hasonló a göndör zárójelben lévő kódfragmensekhez. Nem használnak ciklusokat és feltételes kifejezéseket. Éppen ellenkezőleg, alkalmazza az adatok formázására és megjelenítésére.

Mindezek a funkciók a platform része, amely lehetővé teszi, hogy nagy weboldalt építsen. Íme csak néhány példa erre a keretrendszerre: Netflix, Freelancer.com, GoodFilms stb.

Rubin a síneken

Ez a keret a leghíresebb rubin programozási nyelvre épül. Mi a fő chipje? Hogy Újrafelhasználás A kód radikális egyszerűsíti és felgyorsítja a webes alkalmazások fejlesztését. Ezenkívül ez a megközelítés lehetővé teszi néhány további funkció hozzáadását. A Ruby Rails-ben írt népszerű weboldalak közül kiemelheti a Basecamp, ask.fm, Github, 500px stb.

A Ruby on Rails egy hatalmas fejlesztő közösség, ahol könnyen megtalálhatja a projekt segítését. Nem mondhatjuk, hogy a ROR olcsó technológiákhoz tartozik. A keret azonban egy csomó zsemlét biztosít. És mindenekelőtt gyors fejlődést jelentünk kevesebb írásos kóddal és hibával. Az egyéb előnyök között elosztjuk:

• Rugalmasság. A keret alkalmas minden üzleti iparágra, akár projektmenedzsmentre vagy építésére.
• Sebesség. Már írtunk erről, és ismét megismételünk: Ruby on sínek csökkenti a webes alkalmazások fejlesztési idejét kb. 30-40% -kal.
• A kód teljesen fájdalommentes módosításának módja. Ezért a ROR ideális a hosszú távú projektekhez. A követelmények éles változásai vagy a fejlesztők csoportjának megváltoztatása - mindez nem lesz komoly probléma.

Yii.

Yii egy nyílt forráskódú platform, amely PHP5-be épül. Az érthető kialakításnak köszönhetően és kényelmes interfészEz a keret rendkívül egyszerű és gyors webfejlesztést biztosít. Yii optimalizálja a teljesítmény, így bármely olyan projekthez használható, hogy kicsi és nagyszerű. Ezenkívül a platform sok csodálatos eszközt tartalmaz, amelyek segítenek hibakeresésben és tesztelni az alkalmazást. Egy másik plusz jól fejlett dokumentáció.

A legfontosabb funkciók Yii egy sorban:

• A keret nem tartalmaz osztályokat és tárgyakat, amíg szükségük van rá. Ez felgyorsítja az alkalmazás letöltését.
• Használja az OOP szabványokat, ami megbízhatóságot és biztonságot jelent.
• Minden szakmai erőforrás teljesen ingyenes.

Mindezek a funkciók hozzájárulnak a nagy teljesítményű struktúra létrehozásához, amely lehetővé teszi, hogy hűvös weboldalakat dolgozzon ki. Íme néhány közülük: Tass, Craftcms, Humhub és így tovább.

Meteor Js.

Ez a keret a Node.js platformon íródott, és lehetővé teszi a fejlesztők számára, hogy különböző valós idejű webes alkalmazásokat hozzanak létre. A Meteor JS egyik legmenőbb jellemzője kiváló alapon egyszerű személyes webhelyek létrehozásához.

A Meteor JS egy izomorf JavaScript, nyílt forráskódú web kerettel. Mit mond ezről? Az a tény, hogy lehetővé teszi az oldalak sokkal gyorsabb feltöltését. Ezen felül, köszönhetően az integrált JavaScript verem, amely kiterjeszti az adatbázisból a végfelhasználó képernyőn végezheti el 10 sornyi kódot, amit általában feszített 1000 sor.

Egy másik érdekes funkció az, hogy ugyanazt a kódot használhatja az iOS, Web, Android vagy Asztal alatt. Különböző népszerű kereteket és eszközöket is használhat, és a funkciók létrehozására irányulhat, ahelyett, hogy a szétszórt alkatrészek együtt írása lenne.

Expressz.js.

És még egy keret a platform csomópontján. Határozottan használhatja azt, ha webes alkalmazást és API-t szeretne fejleszteni, amilyen gyorsan csak lehetséges. Miért? Mivel az Express.js számos fontos funkciót tartalmaz pluginokkal. És a keretrendszer használható mobil alkalmazások létrehozására.

Lényegében az Express.js szögletes és MongoDB adatbázisból áll. Ez azt jelenti, hogy a weboldalak fejlesztése, elegendő ismerete van a HTML, a CSS és a JavaScript-ről. És az NPM modulok használatával bővítheti az alkalmazás funkcióit, amennyire csak tetszik.

Az Express.js ideális egyszerű webszolgáltatások létrehozásához. Nem nagy betöltött portálok és alkalmazások, amelyek "bekapcsolnak" szemhéj". Ha szüksége van az MVP-re, vagy csak a webfejlesztésben szeretne gyakorolni, megragadja az Express.js-t, és ne hagyja, hogy bárhová menjen.

Zend.

A Zend egy PHP-ben írt opensource keretrendszer. A modern, megbízható és biztonságos webszolgáltatások fejlesztésére összpontosít.

Zend különböző professzionális PHP csomagokat alkalmaz, amelyek weboldalak fejlesztését teszik lehetővé magas színvonalú Sokkal könnyebb és gyorsabb. Ezenkívül a keret az adatbázis és az üzleti logikát elválasztó MVC architektúrát használja az Executive szintről. Tehát világosabb és tiszta kódot kapunk.

A Zend az objektumorientált programozási koncepciókon alapul, mint például az interfészek és az öröklés, amely segít a keret különböző összetevőinek bővítésében. Ne feledje, hogy az útválasztás, amely végrehajtja a munkáját hibátlanul. Nos, a gyorsítótár funkciói. Meglepődsz, hogy nem lehetnek vitathatatlanok.

Django.

A Python-ban írt webfejlesztés legnépszerűbb kerete és az MVC architektúra használata. A platform legfontosabb jellemzőit soroljuk fel:

• Sebesség. A keret fő célja, hogy segítsen a fejlesztőknek, hogy az alkalmazást a lehető leggyorsabban készítsenek. Ráadásul a termelés minden szakaszában - az ötletből a kiadásig. Hatékonyság és hatékonyság - Ez az, hogy megfogalmazhatja a mottó djangót. A keret tökéletesen alkalmas az időzítéssel rendelkező fejlesztők számára.
• Biztonság. Az értékpapírokhoz kapcsolódó hibákat is megengedheti. Általános szabályként az SQL injekciókhoz kapcsolódnak, a keresztsoros kérések és a helyszíni szkriptek hamisítása. A Django hatékonyan kezeli az összes felhasználónevet és jelszót, és a felhasználói hitelesítési rendszerről ismert, hogy döntő szerepet játszik.
• Skálázhatóság. A legtöbb üzleti oldal a Django-t használja, hogy gyorsan kielégítse a forgalmi igényeket.
• Teljes darált hús. A keret magában foglalja a különböző kiegészítő lehetőségek segítve webhely térképek felhasználói hitelesítés, tartalom ügyintézés, RSS-hírcsatornák és még sok más. Mindegyikük jelentős segítséget nyújt a webfejlesztés folyamatában.

LIGEAVEL.

Laravel az egyik legjobb PHP keretrendszer. Ezzel könnyen kialakítható webes és mobil alkalmazások Kisebb helyszínek és nagy üzlet. Laravel számos érdekes funkcióval rendelkezik, mint például az engedélyezési technikák, az objektumorientált könyvtárak, az MVC támogatás, az adatbázis migráció, az interszéles kérések stb.

E keret fő előnyei a következők:

• Képes a forgalom növelésére a webhelyre. És igen, ez a technológia minden böngészőre és eszközre vonatkozik.
• Rugalmasság. A keretrendszernek olyan moduláris szerkezete van, amely segít egyszerűsíteni a webhelyet és a fejlődés folyamatát.
• A PHP-nek nincs szüksége különleges szolgáltatási módokra. Ez kapcsolódik az objektum automatikus terheléséhez, amelyet a szoftver tartalmaz.
• Lyraavel keret létrehozhat egyedi URL-eket, mivel ugyanazt a nevű különböző útvonalakat valósítja meg.

Kimenet

A helyes keret kiválasztása a jövőbeni webhely minőségének egyik legfontosabb pontja. A leírt technológiák mindegyikének minden tekintetben teljesíthető, mivel mind a frontend, mind a backend fejlesztéshez használhatók. Ezért tanácsunk bánális lesz a szégyen. Egyszerűen válasszon ki egy platformot a programozási nyelvek szerint. Csak a saját követelményeit a lehető legjobb módon fogalmazhatja meg. És csak tudod az erősségeidet és gyengeségeit.

Bár a platformfejlesztéshez képest a natív a jobb alkalmazások kimenetén adja meg, most számos új platform technológia jelenik meg, lehetővé téve a kiváló termékeket.

A natív kialakítás fő előnyei az alkalmazások nagy termelékenysége és az operatív rendszerekhez való hozzáférés.

Mindazonáltal a munkájában a mérnökök gyakran szembesülnek az őshonos eszközök összeférhetetlenségével szinte minden szinten, beleértve a programozási nyelveket, az építészetet, a könyvtárakkal való munkát stb.

Ezért ugyanazon algoritmusok és felhasználók és (vagy) üzleti szkriptek végrehajtása érdekében a programozóknak különböző fejlesztési nyelveken számos környezetet kell létrehozniuk.

Szóval, hogy írjon egy natív alkalmazást, a vállalatnak növelnie kell és munkaidőés költségvetés, valamint a termék megőrzésére irányuló erőfeszítések. Emellett a natív fejlesztéshez egy programozó egy bizonyos vizsgálat jelenléte szükséges. Ellenkező esetben szükség lesz az extra időre a képzési szakemberek számára.

A crossplor technológiák felmerültek ezeknek a problémáknak. Néhány hátrány ellenére nagymértékben egyszerűsíti a mobil alkalmazások írásának folyamatát, csökkentve a vállalati munkaerőköltségeket és csökkenti az ügyfélköltségeket.

Jelenleg számos jó platform technológia létezik, amelyek lehetővé teszik a kiváló minőségű alkalmazások létrehozását. Ebben a cikkben figyelembe vesszük a legnépszerűbb keretet a platformfejlesztéshez.

Phonegap

Az Adobe PhoneGap egy keretrendszer nyílt forráskódÉlvezheti ingyenesen. A PhoneGap nem igényel felszerelést, SDK-t és fordítókat mobilalkalmazások létrehozásához.

A mai napig a PhoneGap az egyik vezető kereszt-platform fejlesztési eszköz, melynek a programozók megoldásokat hoznak létre a CSS3, HTML5 és JavaScript. Egy másik plusz keretrendszer egy kész plug-ins.

Ezen a keresztplatform keretben a programozók olyan alkalmazásokat fejlesztenek ki, amelyek beágyazott webböngészők és egyoldalas (egyoldalas) HTML.

Mivel az összes interfészelem őshonként stilizált, nincs közvetlen hozzáférés az API-hez. A rendszerfunkciók eléréséhez a fejlesztők modulinokat adnak hozzá módszerek hozzáadásához a webböngészőhöz, majd megkötik őket az egyes operatív rendszerek natív megvalósításával.

Az Adobe PhoneGap lesz a tökéletes választás, ha alkalmazási felületet vagy 10-16 képernyőképet és egy kis közönséget kell kifejlesztenie, például valamilyen vállalati megoldás a vállalat belső feladatainak. A keretrendszerrel való együttműködés megköveteli az egyoldalas webes alkalmazások írásának tapasztalatait a JavaScript, a CSS és a HTML számára.

Xamarin.

Egy másik kiváló cross-platform megoldás, amely elfoglalja a vezető pozícióját a piacon, és lehetővé teszi a fejlesztőknek, hogy alkalmazásokat különböző platformokon (iOS, Android és Windows Phone).

A Xamarin tartalmaz egy megosztott C # kódalapot, és lehetővé teszi az alkalmazások tesztelését több eszközön a Xamarin Cloud segítségével.

A Xamarin 2 megjelenésével a keret a legnépszerűbb eszközök lett. Érdemes megjegyezni, hogy a keretnek erős partnerségi közössége van, amely olyan nagyvállalatokat tartalmaz, mint a Microsoft és az IBM. Ellentétben a PROUBUGAP-ról, és dolgozik vele fizetett előfizetésDe elkezdhet egy próba ingyenes verzióval.

A Xamarin sok hasznos funkciót kínál, például saját Xamarin Studio IDE és Xamarin.Forms, lehetővé téve a programozók számára, hogy az egyszer írott kódok közel 100% -át használják az összes platform számára. A keret is hozzáférést biztosít a natív API-hez, és lehetővé teszi az ilyen backendek elemzését és a Microsoft Azure-t.

A Xamarin-i keresztplatformfejlesztéshez tapasztalatra van szüksége az iOS, az Android és a C # tapasztalataira. Plusz, ennek eredményeképpen az alkalmazás teljesen natív lesz (bár írva a C #-ban), és az alapkódok mennyisége nem lesz 40% felett.

Csapkod.

A Flutter egy meglehetősen új nyílt forráskódú keresztplatform, amelyet a Google felszabadítja a gyönyörű nagy teljesítményű natív alkalmazások gyorsabb fejlesztését az iOS és az Android számára.

A keret lehetővé teszi egy kód adatbázis és használja a DART programozási nyelv a Google által létrehozott, és amelynek sok közös Java és a JavaScript.

Mint más népszerű platform keretek, a flutter számos hasznos funkciót kínál. Például, forró újratöltés. Egyszerűsíti az UI fejlesztését, a funkcionalitás megvalósítását és a termék tesztelését.

A flutter magában foglalja a harmadik féltől származó SDK, API-t a 2D, animáció, az anyagterv saját widgetjeihez, és lehetővé teszi a meglévő Java kód, a gyors és objektív-C közötti újrafelhasználását.

Annak ellenére, hogy ez a keresztplatformos megoldás még mindig nagyon fiatal, nincs Windows és IDE támogatása, lehetséges, hogy olyan modern alkalmazások alakulnak ki, amelyek nagyon produktívak.

Reagáljon natív.

Reagáljon natív keret "Növekszik" a React.js-től, amelyet a Facebook által létrehozott a csevegés javítása érdekében. Az interfész összeszerelése a JavaScript "kocka" -ból és kölcsönzött az interneten. A tervezéshez való alkalmazkodó megközelítés olyan sikeres megoldás volt, amelyet a vállalat a mobil platformokra reagál. Reagálta natív.

Jelenleg reagálni a natív talán a legérdekesebb és ígéretes keretet, mivel a legjobb, és reagál a webes és reagál.

A JS motornak köszönhetően a nagy teljesítmény a natívhoz hasonlítható. A "kockák" felületének összeszerelésének ötlete alapján reagál a natív, nem használ böngészőt, sem webview - csak Javascript API-t.

Így a programozók írni kódot JavaScript, amely együttműködik a natív platform komponensek, ezáltal továbbítására előnyei és kényelmes használatát react.js a böngésző mobil alkalmazások.

A reagálás fontos előnye, hogy a megosztott kód százalékos aránya akár 90%, ami segít a modern alkalmazások írásához, amelyek natívnak tűnnek. Ugyanakkor a fejlesztés egyszerűbb és kényelmes.

A programozókból a keretrendszerrel a tudás JavaScript, objektív-C API és Android Java API szükséges. Ahogy látható, reagáljon a natív lehetővé teszi, hogy kiváló minőségű nagy teljesítményű megoldásokat hozzon létre.

Ha bármilyen kérdése van a cikkről, segítségre van szüksége a fejlődésben, vagy van egy ötlet a jövőbeni projektre, és kap egy ingyenes konzultációt!

A csapat bővítésével kapcsolatban meghívjuk és. A javadalmazás, a rugalmas ütemterv, a karrier és a szakmai növekedés versenyképes szintjét kínáljuk. Várjuk az önéletrajzát.) (Írta: 06/18/18)

1. Sencha érintés

A Sencha Touch az első HTML5 mobil webes alkalmazási keretrendszer. Sencha Érintse meg a megtakarítást megjelenés Alkalmazások - őshonos iOS és Android eszközök. A Sencha Touch lehetővé teszi, hogy könnyedén hozzon létre alkalmazásokat masszív multiplayer interfészekkel és kiváló UX-vel. A Sencha Touch a legjobb műszaki támogatás A Sencha parancsról és dokumentációról az összes részletre rendelkezésre álló részletekre szoftveralkalmazások Vállalatok. A keretrendszer könnyen használható és mobilalkalmazás fejlesztése. Sencha Touch az alapja, amely lehetővé teszi a program az Android, iOS és a BlackBerry megváltoztatása nélkül a megjelenését az alkalmazás. A Sencha Touch használható a telefonhézaggal való együttműködésben, amelyek olyan alkalmazásokkal rendelkeznek, amelyek pontosan megjelennek egy natív alkalmazás, de létrehozva hTML használatával. / JavaScript.

2. Telefon rés.

A telefon-rés keretrendszere a HTML 5-re alapul, amely lehetővé teszi a mobilalkalmazás fejlesztők számára, hogy a JavaScript, a CSS3 és a HTML5 segítségével natív alkalmazásokat készítsenek. A telefonhiány legjobb tulajdonsága az, hogy más keretekkel együttműködve alkalmazható azoknak a funkcióknak, amelyek nem rendelkeznek, és a telefonhiány biztosítja őket. Rövid idő alatt a telefonhiány lett a legnépszerűbb a legtöbb fejlesztő a Sencha-val. Ez lehetővé teszi a mobilalkalmazás fejlesztők számára saját teljes funkcionalitású mobil alkalmazások létrehozását, és tegye őket a héjba, így az alkalmazás behelyezhető Alkalmazásbolt., vagy Android Market.

3. JQuery Mobile

JQuery Mobile, Touch-Optimalizált web keretek okostelefonokhoz és táblagépekhez. Ez egy felhasználói felületamely állandó marad minden platformon. A kód nagyon könnyű, ezért a mobil alkalmazások fejlesztésének előnyben részesítette. A tervezők által létrehozott különböző témák könnyen megváltoztathatók. A különböző különböző kódok írása helyett operációs rendszer; A JQUIERY lehetővé teszi, hogy egy egyszerű kódot írjon egy weboldalon teljes körű konfigurált alkalmazás létrehozásához.

4. Titán Appcelerator

A titán hozzájárul az alkalmazások fejlesztése során platformok kombinációjához. A titánra létrehozott alkalmazások eredetileg integráltak. A keret a mobil alkalmazások közötti hídként működik platform API., amelynek eredménye olyan alkalmazás, amely rendelkezik jobb teljesítmény. A Titanium Appcelerator kifejlesztett platform egy elmozdulás a segítséget a webfejlesztők létre mobil és tablet alkalmazások könnyedén. Az elmúlt évben a platform hatalmas fejlődést tapasztalt, és új funkciókat és eszközöket adnak hozzá a framewakes gyors ütemben.