Програм хангамжийг хөгжүүлэх хамгийн сайхан Android хүрээ. Хөндлөн платформ хөгжүүлэх шинэчилсэн шийдэл: PhoneGap, Xamarin, Flutter, React Native Continuation одоо оролцогчдод боломжтой боллоо.

Objective-C, Swift болон JavaScript?

Би чамд шууд хэлье, таны даруухан үйлчлэгч алимны компанийн баялаг бүтээгдэхүүнд татагддаг ... гэхдээ тийм биш. Зорилго-C. Би түүнтэй харилцах гэж хэд хэдэн оролдлого хийсэн ч зуун настнууд хөгжөөгүй юм шиг байна. За, энэ нь надад тохирохгүй байна, тэгээд л болоо. Суллах Хурдан, бид нөхцөл байдлыг засч залруулсан боловч идэвхтэй хөгжүүлэлт, өнгөлгөөний үе шатанд байгаа гэж хэлж болно. Би түүнийг бодит төслүүдэд оролцуулахыг үнэхээр хүсэхгүй байна.

IOS үйлдлийн систем дээр ашиглах боломжтой бүх технологийн давуу болон сул талуудын талаар эргэлзэж, би өөрийн дуртай JavaScript дээр найдахаар шийдсэн. Уугуул Objective-C чип чухал хэрэгцээ байхгүй бөгөөд бид JavaScript-ийг хөгжүүлсэн туршлагатай тул гар утасны платформуудыг тэндээс эхлүүлж яагаад болохгүй гэж? Хамгийн гол нь, нэг удаагийн төслүүд (цаашаа урамшуулалгүйгээр) энэ ертөнцөд ихэвчлэн гарч ирдэг бөгөөд тэдний хувьд Objective-C-ийг нухацтай сурах нь утгагүй юм.

Практикаас авсан жишээ: Би нэг удаа корпорацийн онлайн дэлгүүрт програм хангамж хөгжүүлэх төсөл дээр ажиллах шаардлагатай болсон. Баримтуудын цаад үнэн нь нэг удаа: "Бид худалдан авагчдаас амьдралаа хөнгөвчлөх, далайгаас нэмэлт орлого олохыг хүсэх болно." Ийм нөхцөлд та хамгийн бага зардлаар хамгийн сайн шийдэлд хүрэхийг хүсч байна. Энэ салбарт "срибна куля" гэдгээрээ удаан хугацаанд бий болсон PhoneGap. Энэ нь шинэ хөтөлбөрийн хүрээг бий болгож, стандарт вэбсайт үүсгэх гар утасны програмыг бүтээдэг. HTML/CSS/JS-ийн тодорхой дундаж мэдлэгийн хувьд та үнэхээр сайн үр өгөөж авах боломжтой болж байна.

PhoneGap платформ нь програм бүтээхэд шаардлагатай бүх зүйлийг өгдөг боловч дизайны нарийн ширийн зүйлийг бидний үзэмжээр үлдээдэг. Товчхондоо, Wicon-ийн төрөлх интерфэйстэй ойрхон нэмэлтийг авч, цуглуулах нь тийм ч хялбар биш юм. Үүнийг нэмэлт технологи ашиглахгүйгээр хийх боломжгүй юм.

Гар утасны платформд зориулсан "Bootstrap"

Өнөөгийн вэб хөгжүүлэгчид Bootstrap хүрээний хүндрэл, чадваргүй байдлын талаар сонсож байна. Энэ нь танд гайхамшгийг бүтээж, өвчнийг эмчлэхэд зориулагдсан одоогийн вэб нэмэлтүүдийн эх загварыг бүтээх боломжийг олгодог. Framework7 нь нэг төрлийн Bootstrap боловч гар утасны платформд зориулагдсан. Тохиромжтой хүрээний хувьд F7 нь төрөлх програмтай аль болох төстэй програм үүсгэх боломжийг олгодог бүх виджет, бүрэлдэхүүн хэсгүүдийг агуулдаг.

Эхлээд F7 нь iOS платформ дээр мэргэшсэн. Стандарт дизайны сэдэв нь iOS 7-д чиглэсэн байсан бөгөөд өрсөлдөгчидтэй нийцүүлэн бүтээмжтэй интерфейсийг чиглүүлсэн. Саяхан жижиглэн худалдаачид Google-ээс Материалын дизайныг дэмжиж байгаагаа зарлаж, дэмжигдсэн Android платформуудын жагсаалтад нэмж оруулав.

Төслийн хөгжүүлэгчид бүрээсний доор дэг журмыг сэргээж, шаардлагагүй яриаг арилгахыг оролдсон. Үүний үр дүнд суулгасан jQuery номын санд хэрэгтэй зүйлс F7 дээр олдохгүй байна. Солих нь хүртээмжгүй бөгөөд амархан чухал юм Дом7, энэ нь шаардлагагүй олон боломжууд байна гэсэн үг юм.

За, нэгтгэн дүгнэхэд. F7 нь гар утасны платформд тохирсон хэв маягаар хийгдсэн, шаардлагатай бүх UI элементүүдтэй JS/CSS хүрээ юм. Үнэнийг хэлэхэд ижил төстэй хүрээнүүд GitHib дээр аль хэдийн гарч ирсэн боловч F7 нь өндөр бүтээмжтэй, баялаг UX функцуудыг хэрэгжүүлдгээрээ тодорхой ялгагдана. Жишээлбэл, iOS хэрэглэгчдэд зориулсан "Сэргээхийн тулд татах", "Шуудрах", "арын мөр" болон бусад олон чухал функцууд нь хайрцагнаас гарах боломжтой бөгөөд нэмэлт програмчлал шаарддаггүй.

F7-ийн давуу тал үүгээр дуусахгүй. Би дэлгэрэнгүй ярихгүй, гэхдээ дайснуудынхаа заримыг хуваалцах болно.

Миний хувьд тодорхой төслийн хамгийн чухал шинж чанар болох бичиг баримтаас эхэлье. Ийм хурдан ярианаас ном гарч ирэхийг хүлээх нь утгагүй юм - тэдгээрийг бичиж дуустал хүрээ нь уянгалаг шинэчлэгдэж, текст нь хамааралгүй болно. Ийм төслүүд нь баримт бичигт ихээхэн тулгуурладаг. Илүү их мэдээлэх тусам сайн. F7 нь илүү өндөр дараалалтай. Төслийн нэлээд хэсгийг баримтжуулсан бөгөөд текст нь тодорхойгүй газарт мэргэжилтнүүд код нэмсэн байна.

Би чимээгүй бүтээмжийн талаар аль хэдийн мэддэг байсан. Энд бид маш хатуу хоолны дэглэм болон хамгийн сүүлийн үеийн JavaScript-н боломжуудыг сонгох боломжтой. Хэрэв та jQuery-г Dom7-ээр солих талаар санаа зовж байгаа бол санаа зовох хэрэггүй. Үүний үндсэн аргуудыг ижил аргаар хэрэгжүүлдэг. Нэг төрлийн аргуудын нэрс, параметрийн дарааллыг бүхэлд нь хадгалсан. Хөөх, чи дуугарсан ч хамаагүй.

Төслийн албан ёсны вэбсайт дээр F7-ийн бүтээмжийг баталгаажуулсан янз бүрийн графикуудыг танилцуулсан бөгөөд ийм бүтээгдэхүүнээр би төхөөрөмждөө илүү итгэдэг. Эхний бодит төслийг боловсруулсны дараа би интерфейсийг өөрөө шалгасан. Үлдсэн iPhone загварууд дээр (5, 5S, 6) илүү хүчтэй магтаал байдаг. Бүх зүйл бүрэн байгалийн болон байгалийн байдлаар ажилладаг.

Өөртөө зориулж бусад тавтай морилно уу, би хэлнийхээ зогсонги байдлыг хэлж байна Багахэв маягийн тайлбарын хувьд. Энэ технологиор вэб нэмэлтүүдийг боловсруулахдаа аажмаар буцаах шаардлагатай байдаг тул үндсэн мэдээллийг устгаснаар гар утасны платформ дээр хялбархан ашиглаж болно.

Үүнийг практик дээр туршиж үзье

Технологи нь байнга нэг нэгээр нь өөрчлөгддөг ч үүнтэй зэрэгцэн өөрчлөгддөггүй байдлаа алддаг: тэдгээрийг мэдэх хамгийн сайн арга бол дадлага хийх явдал юм. F7 роботыг үзүүлэхийн тулд би өөрийн дуртай сэтгүүлийн вэбсайт дахь мэдээ уншигч болох бүх уншигчдад зориулсан сайхан хөтөлбөр бичихээр шийдсэн. Одоогийн хэрэгжилтийн хувьд манай сайтад материал олборлох бүрэн API байхгүй, бид хуучин сайн протоколыг ашигладаг.

HTML/CSS/JS/F7/PhoneGap стек дээр уншигч үүсгэх нь тийм ч хэцүү биш бөгөөд та RSS-тэй ажиллахын тулд функциональ залгаасыг аль хэдийн ашиглаж болно. Тэгэхгүй бол олон арван эгнээ ялзарсан HTML бичих ажил багасна. Энэ уйтгартай тул би зориг гарган бага зэрэг рок-н-ролл нэмсэн. Яг энэ зүйлээс болж өгзөг нь алдагдах болно, MVC стильтэй ale mi yogo pisatimemo. Үүний үр дүнд бид Майбутон руу чиглэсэн өөрийн микрофрэймворкийг харж байна. Өөрөөр хэлбэл, бид хялбархан өргөжүүлж болох дагалдах хэрэгслийг цаашид хөгжүүлэх уусдаг бүх нийтийн хүрээ юм.

Бидний бодлын хураангуй дээр үндэслэн бид дараахь үйл ажиллагааны төлөвлөгөөг ойролцоогоор дүгнэж болно.

Өргөтгөл нь оролцогчдод боломжгүй болсон

Сонголт 1. "Сайт" руу орж сайт дээрх бүх материалыг уншина уу

Зориулалтын хугацаанд бүрэн гишүүнчлэлтэй байх нь танд Хакерын БҮХ материалд хандах боломжийг олгож, хувийн хуримтлалыг нэмэгдүүлж, мэргэжлийн Xakep онооны үнэлгээг хуримтлуулах боломжийг олгоно!

Хэдийгээр эх хувилбар нь платформ хоорондын хөгжүүлэлттэй хослуулан тодорхой программуудыг гаргадаг ч өвөрмөц бүтээгдэхүүн бүтээх боломжийг олгодог олон шинэ платформ технологиуд байдаг.

Төрөлхийн хөгжлийн гол давуу тал нь дагалдах хэрэгслийн өндөр бүтээмж, үйлдлийн системийн чадавхид нэвтрэхэд оршдог.

Хугацаа нь үүнээс дутахгүй, програм хангамжийн инженерүүд өөрсдийн ажилдаа компьютерийн програмчлал, архитектур, номын сантай ажиллах гэх мэт бараг бүх түвшинд уугуул хэрэглүүрийн үл нийцэлтэй тэмцдэг.

Тиймээс, ижил алгоритм, арилжааны болон (эсвэл) бизнесийн хувилбаруудыг хэрэгжүүлэхийн тулд програмууд нь хэд хэдэн хэл хөгжүүлэх орчинд нэмэлтүүдийг бий болгох ёстой.

Тиймээс, уугуул програм бичихийн тулд компани ажлын цаг, төсөв, бүтээгдэхүүнийг дэмжих хүчин чармайлтаа нэмэгдүүлэх ёстой. Мөн уугуул технологи нь дуулах чадварыг харуулах боломжийг олгодог. Үгүй бол та фахивт эхлэхийн тулд нэмэлт цаг харах шаардлагатай болно.

Хөндлөн платформ технологи нь хамгийн чухал асуудлыг шийдэж чадсан. Тэдний өдрүүдэд үл хүндэтгэдэг тэд гар утасны програм бичих, компанийн хөдөлмөрийн зардлыг өөрчлөх, орлогч дээр мөнгөө хурдан үрэх үйл явцыг уучлах болно.

Одоогийн байдлаар тодорхой програмуудыг бий болгох боломжийг олгодог олон сайн кросс-платформ технологиуд байдаг. Энэ нийтлэлд бид платформ хоорондын хөгжүүлэлтийн хамгийн алдартай хүрээг авч үзэх болно.

PhoneGap

Adobe PhoneGap бол ямар ч зардалгүйгээр ашиглах боломжтой нээлттэй эх код бүхий фрэймворк юм. Мөн PhoneGap нь гар утасны програм үүсгэхэд програм хангамж, SDK эсвэл хөрвүүлэгч шаарддаггүй.

Өнөөдөр PhoneGap нь платформ хоорондын хөгжлийн тэргүүлэх хэрэгслүүдийн нэг бөгөөд үүнээс гадна програмууд нь CSS3, HTML5 болон JavaScript дээр шийдлүүдийг бий болгодог. Хүрээний өөр нэг давуу тал бол бэлэн залгаасуудын дутагдал юм.

Vikorist-ийн хөндлөн платформ хүрээ, програмууд нь вэб хөтчүүд болон нэг хуудас HTML-ээр хэрэгждэг програмуудад хуваагддаг.

Интерфейсийн бүх элементүүд нь төрөлх байдлаараа загварчлагдсан тул API руу шууд хандах боломжгүй. Системийн функцэд хандахаас татгалзахын тулд хөгжүүлэгчид вэб хөтөч дээр JS аргуудыг нэмдэг залгаасуудыг багцалж, дараа нь тэдгээрийг арьсны үйлдлийн систем дээрх үндсэн хэрэгжүүлэлттэй холбодог.

Adobe PhoneGap нь жижиг үзэгчдэд зориулсан програмын интерфейс эсвэл 10-16 дэлгэцийн энгийн нэмэлт, жишээлбэл, компанийн дотоод хэлтэст зориулсан корпорацийн шийдэл боловсруулах шаардлагатай үед хамгийн тохиромжтой сонголт байх болно. Хүрээтэй ажиллахын тулд JavaScript, CSS болон HTML дээр нэг талт вэб програм бичиж дуусгах шаардлагатай.

Хамарин

Зах зээлд тэргүүлэгч байр суурийг эзэлдэг өөр нэг хүчирхэг хөндлөн платформ шийдэл нь хөгжүүлэгчдэд янз бүрийн платформ (iOS, Android болон Windows Phone) програмуудыг бий болгох боломжийг олгодог.

Xamarin нь нэг C# кодын бааз болон Xamarin Cloud вики ашиглан програмуудыг олон төхөөрөмж дээр турших чадварыг агуулдаг.

Xamarin 2-г нэвтрүүлснээр хүрээ нь хамгийн алдартай хэрэгслүүдийн нэг болсон. Энэ нь уг хүрээ нь Microsoft, IBM зэрэг агуу корпорацуудтай хүчтэй түншилдэг гэсэн үг юм. PhoneGap-г ашиглахын тулд робот төлбөртэй захиалга шаарддаг, эсвэл та үнэгүй туршилтын хувилбараас эхэлж болно.

Xamarin нь хүчирхэг Xamarin Studio IDE болон Xamarin.Forms зэрэг олон хүчирхэг функцуудыг санал болгодог бөгөөд энэ нь программистуудад бүх платформ дээр нэг удаа бичсэн кодын бараг 100% гаргах боломжийг олгодог. Энэхүү хүрээ нь уугуул API-д хандах боломжийг олгодог бөгөөд Parse болон Microsoft Azure зэрэг арын хэсгийг нэгтгэх боломжийг олгодог.

Xamarin дээр хөндлөн платформ хөгжүүлэхийн тулд та iOS, Android болон C# дээр ажиллах хэрэгтэй. Үүний үр дүнд таны програм бүрэн эх байх болно (C# хэл дээр бичигдсэн ч гэсэн) бөгөөд үндсэн код нь 40% хямд байх болно.

Чичирхийлэл

Flutter нь iOS болон Android-д зориулсан үзэсгэлэнтэй, өндөр хүчин чадалтай уугуул програмуудыг илүү хурдацтай хөгжүүлэх зорилгоор Google-ээс гаргасан хаалттай эх код бүхий платформ хоорондын шинэ шийдлүүдээр нэмэгддэг.

Энэхүү хүрээ нь нэг кодын баазыг ашигладаг бөгөөд Google-ийн бүтээсэн Dart-ийн өмчийн програмчлал дээр суурилсан бөгөөд Java болон JavaScript-ээр баялаг юм.

Бусад алдартай кросс платформ хүрээнүүдийн нэгэн адил Flutter нь маш олон үндсэн функцуудыг санал болгодог. Жишээлбэл, халуун дахин ачаалахБи UI-г хөгжүүлэх, функциональ байдал, бүтээгдэхүүнийг турших ажлыг хөнгөвчлөх болно.

Flutter нь гуравдагч талын SDK, 2D-д зориулсан API, хөдөлгөөнт дүрс, Материалын дизайны виджетүүд, мөн Java, Swift, Objective-C кодыг дахин боловсруулах чадварыг агуулдаг.

Энэхүү кросс платформ шийдэл нь маш залуу хэвээр байгаа хэдий ч Windows болон IDE-д ямар ч дэмжлэг байхгүй тул та өндөр бүтээмжтэй өдөр тутмын програмуудыг хөгжүүлэх боломжтой.

React Inative

React Native хүрээ нь Facebook-ийн чатыг засах зориулалттай React.js-ээс "өсдөг". JavaScript "шоо" бүхий интерфэйсийг нугалж, интернетийг дизайнд дасан зохицох арга барилд ашиглах нь маш амжилттай шийдэл болж, компани React-ийг гар утасны платформд шилжүүлсэн. Тэгэхээр энэ бол React Native юм.

Одоогийн байдлаар React Native бол интернетээс хамгийн их олж авдаг React.js-ийн хамгийн үнэ цэнэтэй, баялаг цогц бүтэц юм.

Тиймээс JS хөдөлгүүр нь уугуул хөдөлгүүртэй тэнцэхүйц өндөр бүтээмжтэй байх болно. "Шоо" -оос интерфэйс бүтээх санаан дээр үндэслэн React Native нь хөтөч эсвэл WebView дээр тулгуурладаггүй - зөвхөн JavaScript API.

Тиймээс програмууд нь платформын үндсэн бүрэлдэхүүн хэсгүүдтэй ажилладаг JavaScript код бичдэг бөгөөд ингэснээр React.js-ийн давуу тал, ашиглахад хялбар байдлыг хөтчөөс гар утасны програм руу шилжүүлдэг.

React Native-ийн чухал давуу тал бол хуваалцсан кодын хэмжээ нь 90% хүртэл байдаг бөгөөд энэ нь танд эх мэт харагдах өдөр тутмын нэмэлтүүдийг бичихэд тусалдаг. Энэ тохиолдолд технологи нь илүү энгийн бөгөөд гарын авлага юм.

Хүрээтэй робот програмууд нь JavaScript, Objective-C API болон Android Java API-ийн мэдлэг шаарддаг. Таны тэмдэглэснээр React Native нь танд өндөр бүтээмжтэй шийдлүүдийг бий болгох боломжийг олгодог.

Хэрэв танд бичих материал байгаа бол, боловсруулахад тусламж хэрэгтэй байгаа эсвэл шинэ төслийн санаа байгаа бол үнэ төлбөргүй зөвлөгөө аваарай!

Бид өргөтгөсөн тушаалуудын холбоосыг асууж байна. Бид дарсны хотын өрсөлдөх чадвар, хатуу цагийн хуваарь, карьер, мэргэжлийн өсөлтийг харуулдаг. Бид таны анкетыг шалгаж байна.) (06/18/18 нэмсэн)

Өчнөөн олон фреймворк, номын сан байдаг... Та төсөлдөө хамгийн ирээдүйтэйг нь хэрхэн сонгох вэ?

Багийнхан танд зориулж цуглуулсан 2018 оны Front-end хөгжүүлэлтийн шилдэг фрэймворкууд.

Энэхүү нийтлэл нь таны үнэтэй захиалга болж, таныг хүрээний далайд живүүлэхгүй гэж найдаж байна. Явцгаая!

Ale, эхлээд онолын хувьд тийм ч их биш:

Хүрээ- энэ бол зохиолчдод нэмэлт бичих үндэслэлийг өгдөг платформ юм. Ангиуд, чиг үүргийг тодорхойлж хэрэгжүүлдэг. Мөн тодорхой даалгавруудын хувьд та үүнийг хүрээнд нэмэхээс өмнө нэмэлт код нэмж болно.

Хүрээний гол давуу талууд:

Ашигтай байдал

Ихэнх нь f. - використаны үнэгүй, нээлттэй эх код. Энэ нь програм бүтээх ажлыг ихээхэн хурдасгадаг бөгөөд энэ нь вэб програмын үнийг бууруулдаг нь ойлгомжтой.

Бүтээмж

F. үйл явцыг аль болох оновчтой болгохын тулд бүтээмж, бүх зүйлийг ихээхэн сайжруулдаг. Учир нь vikorist f илүү хялбар байдаг. Оновчлол, сайн бүтэцтэй загваруудын тусламжтайгаар та хэдэн зуун мөр код бичих шаардлагагүй болно.

Аюулгүй байдал

Тренд болж буй JavaScript фреймворкууд нь GitHub дээр маш их алдартай төдийгүй ашигтай хамгаалалтын системээрээ сайрхаж чадна.

Тиймээс, 2018 онд хамааралтай Front-end Dev-ийн ТОП 10 хүрээ, номын сангуудыг харцгаая.

2013 онд Instagram болон Facebook дээр гарсан дэвшилтэт JavaScript хүрээ. Використын хувьд та нарийн төвөгтэй, том хэмжээний динамик програмуудыг хялбар бөгөөд хялбархан үүсгэж чадна. Ихэнхдээ энэ нь хэрэглэгчийн интерфэйс үүсгэхэд ашиглагддаг. GitHub дээр энэ хүрээ 89 мянга гаруй үнэтэй. од

Давуу тал:

React-ийн уриа: "Нэг удаа бич, дахин бич"

Үнэгүй, нээлттэй эх сурвалж

Та мөн кодыг використоор бичиж болно

Виртуал DOM функцийг дэмждэг

Сул тал:

Virtual DOM алгоритм нь алдаатай, алдаатай байна

Сервертэй ажиллах цагийн хувьд илүү төвөгтэй асинхрон програмчлал шаардлагатай

AngularJS нь Google дээр вэб программ боловсруулахад зориулагдсан хүрээ юм. Динамик вэб хуудсуудад тохиромжтой, статик вэб хуудсанд зориулсан HTML викитэй. Зөвхөн програм хангамж хөгжүүлэгчид төдийгүй дизайнеруудад зайлшгүй шаардлагатай хүрээ. AngularJS, Angular 2 болон Angular 4 нь шаардлагатай хүрээнүүдийн дунд нягт таарсан.

Давуу тал:

Гарах код

Цаашид хөгжүүлэх зорилгоор кодын хэсгүүдийг хадгалах

Хөгжүүлэгчид цөөн тооны програмуудыг ашиглах бөгөөд тэдгээрийн зарим нь Angular элементүүдтэй холбоотой байх болно.

Төрөл бүрийн MVC элементүүдийг дэмждэг

Agile орчинд сайн ажиллаж байна

Туршилт хийх хэрэгслийн масс


Сул тал:

Эхлэгчдэд зориулсан нугалах

Vue нь архитектурын хувьд илүү хялбар байдаг

Angular API нь илүү том бөгөөд судлах олон ойлголт байдаг


Энэ нь мөн хэрэглэгчийн интерфэйсийг бий болгоход ашиглагддаг. Илүү их зогсонги байдалд орохын тулд эхнээс нь хөгжүүлэх. Үзүүлэн дээр голчлон анхаардаг хүртээмжтэй үндсэн номын сан, нэг талын том нэмэлтүүдийн нарийн төвөгтэй байдлыг даван туулахад тусалдаг номын сангийн экосистемээс бүрдэнэ. GitHub дээр энэ төсөл 84 мянга гаруй олсон байна. од

Давуу тал:

Хөрвүүлэгчид залилан хийсэн гэж төлбөр авдаггүй,

Хөгжлийн явцад номын сангаас хүрээ рүү шилжих

Нэг талын програмуудыг удирдах

Унших чадвар, кодыг хадгалах чадвар, кодыг өөрөө бичих хоёрын хооронд сайн тэнцвэр

Сул тал:

Загваруудын ажиллах цагийн сонголтууд

React-ийн бүрэлдэхүүн хэсгийн арга барил нь төвөгтэй юм


Хамгийн алдартай MVC JavaScript хүрээнүүдийн нэг. 2011 онд нууц кодоор гарч ирсэн. Энэ тусламжтайгаар та нэг талт вэб программуудыг хялбархан үүсгэж, өгөгдлийг хоёр талт холбох боломжтой болно. Виконує серверийн талд DOM рэндэрлэх тал дээр нэгдүгээр зэрэглэлийн робот. Discourse, Groupon, LinkedIn, Vine дэмждэг

Давуу тал:

Намайг уучил

Хэрэглэгчийн гайхалтай интерфейсүүд шатаж байна

Мэдээллийн хоёр талын холболт

Сул тал:

Zhorstka төслийн бүтэц

UI элементүүдийн стандарт багц байхгүй

Энэ бол хамгийн эртний бөгөөд хамгийн алдартай хэдий ч бүрэн хэмжээний хүрээ биш, номын сан биш юм. jQuery болон JavaScript нь удаан хугацааны туршид нягт холбоотой байсан. MIT лицензийн дагуу энэхүү номын сан нь хөгжүүлэгчдэд өмнөхөөсөө илүү хурдан богино код бичих боломжийг олгодог. DOM манипуляцийг дэмжих, CSS-тэй хослуулах нь илүү сайн гүйцэтгэлд хүрэхэд тустай.

Давуу тал:

Шведийн загвар нь өргөн vikorized байна

Бүх хөтчүүд ижил үйлдэлтэй

Энгийн программуудад нэн тохиромжтой

Сул тал:

Роботыг DOM-тэй ажиллахад хялбар болгодог хувийн бус функц аль хэдийн хэрэгжсэн


Энэ нь танд хялбар бөгөөд хурдан програм үүсгэх боломжийг олгодог. Suchasny, энгийн, shvidky болон төрийн бус блок. GoDaddy болон Paypal нь мөн Node.js-ийг сурталчилдаг алдартай компаниудтай холбоотой байдаг. I/O-тэй холбоотой нэмэлтүүд болон өгөгдөл дамжуулах нэмэлтүүдэд тохиромжтой.

Давуу тал:

Швидкийг уучлаарай

Ийм PP-г олон хост дээр ажиллуулж болно

Шведийн серверүүдийг шинэчилж байна

Сул тал:

"Эдэвхгүй" үйл ажиллагаанд зориулагдаагүй

Node.js тестгүйгээр ажиллахгүй

Бидний өмнө асар том платформ байна. Vin нь ямар ч хөгжүүлэгчд шаардлагатай бүх функцийг урд талын дүрслэл, арын төгсгөлийн хөгжүүлэлт, мэдээллийн баазын менежментэд агуулдаг.

Давуу тал:

Бүрэн стек платформ

Бүрэн ажиллагаатай програмуудыг бий болгох

Реактив програмчлагдаагүй

Швидка обробка хүндэтгэл үзүүлж байна

Нэвтрэх босго бага

Сул тал:

Эхлэгчдэд зориулсан эвхэгддэг интерфейс

Зүгээр л JavaScript-д тохиромжтой хос. Энэ бол жинхэнэ JavaScript хүрээ юм.

Вэб нэмэлт болон өндөр хурдны вэб сайт үүсгэхэд нэн тохиромжтой. CSS сүлжээ, зангуу цэгүүд, API функцууд болон хөтчийн хэв маягийг хэвийн болгох.

Давуу тал:

JavaScript болон CSS-ийн үндэс

Өөр өөр мониторуудад дасан зохицох зураг

Та ямар ч загвар зохион бүтээх боломжтой

Ямар ч хөтчөөр солиордог

Сул тал:

Бусад чиг үүрэг, түүний дотор стандартын хэрэгжилт хангалтгүй байна


JavaScript дээр гар утасны болон ширээний кросс платформ нэмэлтүүдийг үүсгэх платформ (хүргэх HTML+CSS). Энэ бол програм хангамж болон функциональ баялаг программуудыг бий болгоход хэрэгтэй бүх зүйлийг цуглуулах/түгээх гайхалтай платформ юм. Төрөл бүрийн гайхалтай хэрэгсэл, функцуудыг аваарай.

Давуу тал:

Энгийн байдал vikoristannya ta navchannya

У өндөр бүтээмжтэй бүтэц

Ширээний болон гар утасны платформ хоорондын програм хангамжид зориулагдсан

Сул тал:

Titanium SDK нь үйлдлийн системийн SDK-ээс хожуу шинэчлэгддэг

Substance InterfaceBuilder

Бусад чиг үүрэг, түүний дотор стандартын хэрэгжилт хангалтгүй байна


Энэхүү платформыг гар утас болон вэб програмын дараагийн үеийн хүрээ гэж нэрлэж болно.

Аурелиагийн хамгийн сайн зүйл бол энэ нь модуляцлахгүй бөгөөд бие даасан жижиг номын санг агуулдаг. Ингэснээр та хүчирхэг хүрээ үүсгэж, платформ дээр хэрэгжүүлэх боломжтой.

Давуу тал:

Номын сангийн гайхалтай цуглуулга

Платформын дунд хүчирхэг хүрээ бий болгох

Сул тал:

Номын сангийн цуглуулга нь нэмэлт боловсруулалт шаарддаг

Android систем нь янз бүрийн асуудал, асуудлыг шийдвэрлэхийг хүсч буй хөгжүүлэгчдэд хэрэгтэй болно. Төгс төгөлдөр бүтэц гэж байдаггүй бөгөөд бүх зүйл жижиглэнгийн худалдааны тодорхой давуу тал, хэрэгцээ шаардлагаас шалтгаална. Мөн анхлан суралцагчдаас сурах зүйл маш их, түүнчлэн эзэмшсэн шатанд энгийн, төвөгтэй зүйл байдаг. Өнөөдөр бид таны өмнө 2017 оны програмыг хөгжүүлэх шилдэг Android хүрээг танилцуулж байна.

Энэ нийтлэлд танилцуулсан хүрээнүүд нь хэрэв та өөрт шаардлагатай ямар нэгэн тодорхой хүрээний тусгай даалгавар авахыг хүсч байвал төрөл бүрийн нэмэлтүүдийг боловсруулахад нэн тохиромжтой. Бид үнэлгээ нэмэхгүй байхаар шийдсэн боловч хамгийн алдартай гар утасны платформд зориулсан програм хөгжүүлэх шилдэг таван хүрээг сонгон, санамсаргүй байдлаар боловсруулсан бөгөөд Android нь гар утасны үйлдлийн системийн зах зээлийн өндөр хувийг эзэлдэг.

Эдгээр хүрээ нь хамгийн чухал зорилгод хүрэх боломжийг олгодог эсэхээс үл хамааран гар утасны хөгжүүлэлтийн үйл явцыг хялбаршуулах. Танд хялбар болгох үүднээс тайлбар бүрийн доор бид танд нэг юм уу өөр тогтолцоог эзэмшихэд туслах онлайн хичээлүүдийг илгээсэн.

  1. PhoneGap

PhoneGap нь Adobe болон Apache компаниудын хөгжүүлж, дэмжсэн Android үйлдлийн системийн хөгжүүлэлтийн үндсэн суурь юм. Үүний тусламжтайгаар та програмуудыг бодит цагийн горимд судлах боломжтой. Судалгааны үр дүнг судлаачид онцгой үнэлдэг. PhoneGap нь HTML5/CSS болон JavaScript гэсэн үндсэн технологи дээр ажилладаг хөндлөн платформ програм юм. Сонголтоо PhoneGap болгон сайжруулснаар та олон тооны залгаасуудад хандах эрхгүй болох баталгаатай болно. Тэдгээрийн тусламжтайгаар таны чадавхи ихээхэн өргөжиж, та тодорхой эрлийз гар утасны програмуудыг бий болгох боломжтой болно.

  1. CoronaSDK

CoronaSDK – Хөтөлбөр боловсруулахад зориулсан сайхан Android фрэймворкуудын цуглуулга болгон шинэчлэгдсэн. Энэ нь нэмэлт програмуудыг гар утасны хөгжүүлэлтийн хамгийн богино хүрээнүүдийн нэг бөгөөд тэдгээрийг маш өндөр түвшинд бий болгох боломжийг олгодог. Үндсэндээ тэрээр ялалт байгуулж, бусад олон ажлуудаас гайхамшигтайгаар зугтахыг хүсч байна. Корона нь танд хамгийн том гар утасны платформ дээр олон хөтөлбөрийг үзэх боломжийг олгодог. Түүний дахин vikorized кодын гэрэлд Vіn өөрийн ангийн хамгийн тод гэж зүй ёсоор хүндэтгэдэг.

  1. jQuery Mobile

jQuery Mobile бол хамгийн том JavaScript сангуудын нэг jQuery дээр суурилсан багийн HTML5 дээр үндэслэсэн тодорхой хүрээ юм. Бид хөдөлгөөнт болон суурин төхөөрөмжүүдийн аль алинд нь гайхалтай харагддаг нэгдүгээр зэрэглэлийн нэмэлтүүдийг боловсруулахад зориулсан тусгайлан бүтээгдсэн бүтээгдэхүүнүүдтэй. Би юуны түрүүнд ухаалаг гар утас, таблетын аль алиных нь гар утасны төхөөрөмжүүдийн хөгжилд анхаарлаа хандуулахаас зайлсхийхийг хүсч байна. Фреймворкийн хамгийн сүүлийн хувилбарыг албан ёсны вэбсайтаас шинэчилсэн эсвэл татаж авах боломжтой.

2017 онд нэмэлт програмуудыг хөгжүүлэх хамгийн сайхан Android хүрээ

  1. Аппцелератор Титан

Appcelerator Titanium нь гар утасны хөгжүүлэлтийн шилдэг фрэймворкуудын нэг бөгөөд та JavaScript дээр уугуул програм, скрипт кодыг хялбархан үүсгэх боломжтой. Ингэснээр та тодорхой гар утасны платформд зориулж хөгжүүлэхийн тулд тусгай хэл сурах шаардлагагүй болно. Мөн Appcelerator-ийн тусламжтайгаар та мобайл төхөөрөмж дээрх туршилтыг автоматжуулах боломжтой. Та мөн ажлаа хянах, асуудлыг засах, хөтөлбөрийн бүтээмжийг тохируулах боломжтой болно.

  1. Хамарин

2017 онд нэмэлт програмуудыг хөгжүүлэх хамгийн сайхан Android хүрээ.

Өнөөдөр бид HTML5, CSS, JavaScript, C# зэрэг сонгодог програмуудыг ашиглан Android үйлдлийн систем дээр гар утасны хөгжүүлэлтийг бүрэн эзэмших боломжийг олгох олон төрлийн гар утасны хүрээг танилцууллаа. Онлайн сонголтуудаас аль нэгийг нь сонгоод сард 1000 доллар хүртэл орлого олдог жижиглэн худалдаачдын бүлэгт нэгдээрэй. Мэргэжлийн гар утасны жижиглэн худалдаачин болоорой!

Мөн гар утасны хөгжүүлэлтийн талаарх манай бусад тоймыг харна уу.

Олександр бол шинээр эхэлж буй болон интернетийн бизнес эрхлэгчдийг дэмжих зорилготой "Амжилтын вэб лаборатори" вэб сайтын төслийг үндэслэгч юм. Переконани бол ажилдаа дуртай хүн бөгөөд үүний цаана тэрээр онлайн сэтгүүлийн редакцид мэргэжлийн боловсрол эзэмшсэн, төрийн өмчит онлайн дэлгүүрийг бий болгож, удирддаг. Хамгийн гол нь Facebook, Google Adwords-ээр дамжуулан бизнес (онлайн дэлгүүрүүд орно) эхлүүлэх явдал юм. Гол анхаарал: түншлэлийн маркетингийн хэрэгслүүд болон Google Adsense-ээр дамжуулан вэбсайтаас мөнгө олох. Баталгаажсан бичлэгийн онцлог: Сар бүр блогт 3 сая хувь нэмэр оруулдаг.

Гар утасны програмын хувьслын талаар ярих цаг болжээ. Илүү их ашиг тусыг ойлгохын тулд энэ асуудлын талаар гүнзгий мэдлэгтэй байх шаардлагатай. HTML, CSS болон JavaScript хэрхэн ажилладаг талаар олж мэдээрэй. Вэб технологийн тусламжтайгаар өөр программуудын удирдлаган дор өөр өөр платформ дээр ажилладаг программуудыг бий болгодог.

Өнөөдөр бидэнд маш их хүчин чармайлтгүйгээр гар утасны програмыг бий болгоход тусалдаг янз бүрийн хэрэгсэл, бүтэц (хүрээ) байдаг.

Энэ нийтлэлд бид ийм шилдэг 7 хүрээг авч үзэх болно.

IONIC нь HTML 5 дээр суурилсан гар утасны хэрэглээний хамгийн ирээдүйтэй фрэймворкуудын нэг юм. SASS систем дээр тулгуурлан интерактив программ үүсгэх боломжийг олгодог олон тооны UI бүрэлдэхүүн хэсгүүдээр хангадаг. Програмыг ажиллуулахын тулд JavaScript MVVM болон AngularJS хүрээг ашигладаг. Хоёр талын өгөгдөл нэгтгэх, серверийн үйлчилгээ болон API-уудтай харилцах нь AngularJS-ийг нэмэлт үйлдвэрлэгчдийн дунд хамгийн алдартай болгодог. Хөдөлгөөнт төхөөрөмжүүдэд зориулагдсан AngularJS 2.0-ийн шинэ хувилбар гарсны дараа энэ нь илүү алдартай болно гэдэгт эргэлзэхгүй байна.

IONIC-ийн эмч нарын баг удахгүй бүтээсэн IONIC нэмэлтүүдэд зориулсан шинэ хэрэгслийг “IONIC creator” нэрээр танилцуулах болно. Тун удахгүй зарлал гарах бөгөөд урам зоригтой ухралт гарах бөгөөд энэ нь нэмэлтүүдийг бий болгох ажлыг ихээхэн хурдасгах болно.

IONIC-ийг илүү сайн мэдэхийн тулд та Firefox үйлдлийн систем дээр суурилсан мобайл програмуудыг ашиглаж эхлэх, тоглоом хөгжүүлэх тухай нийтлэлүүдийг уншиж болно.

Mobile Angular UI нь интерактив мобайл программ үүсгэхэд зориулагдсан Bootstrap 3 болон AngularJS-ийг хослуулсан HTML 5 дээр суурилсан хүрээ юм.

Mobile AngularUI-ийн гол онцлогууд нь:

  • Ачаалагч 3
  • AngularJS
  • Bootstrap 3 гар утасны бүрэлдэхүүн хэсэг, тухайлбал зохион байгуулалт, давхарласан программууд, хажуугийн самбарууд нь анхны ачаалах системд байдаггүй.
  • AngularJS модулиуд нь angular-route, angular-touch болон angular-animate.

Танаас дуртай медиа програмууддаа нэмэлт медиа нэмэхийг хүсэх бөгөөд та зөвхөн хэрэгтэйг нь сонгох боломжгүй болно. Mobile Angular UI нь jQuery-ээс хамааралгүй тул мобайл апп үүсгэхийн тулд танд хэрэгтэй зүйл бол AngularJS заавар юм.

Mobile Angular UI ажиллаж байгааг харахын тулд демо тал руу очно уу. Мөн бид танд Mobile Angular UI-г хэрхэн эхлүүлэх зааврыг уншихыг зөвлөж байна.

Intel XDK нь Intel-д зориулсан олон платформын шийдэл юм. Түүнтэй ажиллахад хялбар, та зүгээр л Linux, Windows, Mac зэрэг үнэ төлбөргүй програмуудыг ашиглах хэрэгтэй. Ажил эхлэхэд зориулсан загвар байхгүй бөгөөд Twitter bootstrap, jQuery Mobile, Topcoat зэрэг UI хүрээг дэмждэг.

Intel XDK нь холбогдсон төхөөрөмж дээрх бодит цагийг урагш харах боломжийг олгодог тул та бусад хэрэгслийг ашиглах боломжтой.

Бидний бодлоор Intel XDK бол зах зээл дээрх хамгийн энгийн зүйл юм. Використа нь ердийн ажил хийхээс зайлсхийх боломжийг олгодог нарийсал байдаг.

Та Intel XDK-тэй ажиллаж эхлэхэд платформтой ажиллахад зориулсан их хэмжээний үндсэн материалыг олох болно.

Appcelerator Titanium бол өргөн хүрээний гар утасны платформд зориулсан дэвшилтэт програмуудыг бий болгох тархийг өгдөг гар утасны програмын хүрээний цогц нөөц юм.

Титан бол эрлийз мобайл аппликейшн үүсгэхэд хэрэгтэй бүх зүйлийг олж авах өмчийн технологи юм. Титан роботуудын хувьд Titanium studio-г сонгоно уу. Titanium SDK нь мангас шиг ажилладаг API платформууд болон Cloud үйлчилгээнүүдийн цуглуулга юм. Та платформоос хамааралгүй API ашиглах бөгөөд энэ нь мобайл төхөөрөмжид хялбар хандах боломжийг олгоно.

Titanium vikorista Alloy, гар утасны программтай ажиллах ажлыг хурдасгахад зориулагдсан MVC хүрээ. Нэмэлт Alloy модулийг ашиглан бүтээлийг өөр өөр програмуудад хялбархан дахин үүсгэж болох бөгөөд энэ нь ажлын цаг, кодын мөрийг өөрчлөх болно гэсэн үг юм.

Titanium студи нь маш олон код нэмсэн бөгөөд бид удахгүй анхны видеонууд SitePoint дээр гарч ирнэ гэж найдаж байна.

Sencha Touch нь iOS, Android, Blackberry болон бусад платформуудад зориулсан программ үүсгэхэд зориулагдсан HTML 5 хүрээ юм. Аль хэдийн маш олон чулуулаг байдаг, гэхдээ энэ нь сүүлийн үед эрлийз гар утасны програмуудын жижиглэн худалдаачдын дунд түгээмэл болсон.

Sencha Touch нь өөр өөр платформд зориулсан өөр өөр програмуудыг бий болгоход илүү дэвшилтэт, доод бүрэлдэхүүн хэсгүүдтэй байдаг.

Түүнтэй ажиллах нь бас амаргүй ч түүнээс илүү сайн болохын тулд та маш их цаг зарцуулах болно.

Sencha Touch-ийн давуу талыг бүрэн дүүрэн үнэлэхийн тулд албан ёсны вэбсайт дээрх кодуудыг харна уу.

Telerik-ийн Kendo UI - HTML 5 хүрээ нь олон платформ гар утасны програмуудыг бий болгоход зориулагдсан. Kendo UI нь jQuery дээр тулгуурладаг бөгөөд jQuery дээр суурилсан хэд хэдэн виджетүүдийг агуулдаг.

Үүнийг даван туулах нь хэцүү биш юм. JQuery-г мэддэг хүмүүс Kendo UI-тэй ажиллахад хялбар байх болно. Kendo UI нь өргөн хүрээний хэрэгсэл, JavaScript хүрээтэй.

Гэсэн хэдий ч ихэнх өмчлөлийн виджетийг арилжааны лицензээр ашиглах боломжтой хэвээр байна.

Kendo UI ашиглан роботуудын албан ёсны баримт бичгийг шалгана уу. Тэнд та энэ хүрээг сурахад туслах видео хичээлүүдийг олох болно.

PhoneGap нь бидний жагсаалтаас бага зэрэг хасагдсан, учир нь энэ хүрээ нь програм үүсгэх биш, харин савлах, гаргахад зориулагдсан юм. Төлбөртэй PhoneGap програмыг нээлттэй эхийн Cordova төхөөрөмж дээр ашиглах боломжтой бөгөөд Adobe компани ажиллуулдаг. Гар утасны програмын олон жижиглэн худалдаачдын дунд алдартай.

PhoneGap-тай ажиллахын тулд та JavaScript эсвэл UI хүрээний аль нэгийг сонгох боломжтой. jQuery Mobile болон KnockOut.js эсвэл AngularJS-ийн сайн хослолууд. Кодоо бөглөсний дараа PhoneGap таны ажиллаж байгаа платформ дээрх бүх ажлыг дуусгах болно. PhoneGap-ийн тусламжтайгаар бүтээгдсэн программууд нь контент дамжуулахын тулд вэб өгөгдлийг ашигладаг. PhoneGap нь мобайл төхөөрөмжийн чадавхид хандахын тулд хамгийн бага хэмжээний вэб API-уудыг өгдөг бөгөөд ачаалагдсан залгаасуудыг бичих боломжийг олгодог.

Та PhoneGap-аас ашиглалтын зааврыг олох боломжтой.

Бонус

App.js - Гар утасны програм үүсгэх JavaScript. Бусад фреймворктой төстэй биш энэ нь AngularJS-ээс ялгаатай биш юм. Энэ нь хэд хэдэн үндсэн сэдэв, виджетүүдийг өгдөг. Та Vikory эсвэл zepto эсвэл jQuery ашиглан програм бичиж болно.

Висновок

Энэ нийтлэлд бид гар утасны HTML 5 программуудын шилдэг фрэймворкуудыг авч үзсэн. Mobile HTML 5 сайн хөгжиж байгаа бөгөөд өдөр бүр шинэ сонголтуудыг нэвтрүүлж байна. Та ямар хүрээг нэн тэргүүнд тавьдаг вэ? Сэтгэгдэл дээр хуваалцаарай.

Эвхэх