2018 هو عام تطبيقات الهاتف المحمول. وهذه الحقيقة لا يمكن إنجائها. ولكن إذا كنت تعتقد أنه مع تطوير تطبيقات الهاتف المحمول، فقد انخفضت شعبية الأطر لتطوير تطبيقات الويب، فأنت مخطئ. يكفي الاتصال بشركة تطوير تطبيقات الويب وسوف تتعلم عن الأدوات المذهلة التي تستخدم فقط لإنشاء مواقع الشركات، ولكن أيضا لبناء صفحات ويب منزلية بسيطة.

ومع ذلك، عندما يتعلق الأمر بإنشاء تطبيقات الويب، تحتاج إلى تذكر المنافسة من أجهزة محمولة وتطوير تطبيق حديث ومرن. إذا لزم الأمر، يجب عليك الاتصال بالشركة التي تقدم خدمات تطوير مواقع الويب الخاصة التي تلبي الاحتياجات الخاصة بك. ولكن قبل القيام بذلك، دعونا نتعرف على بعض الأطر الشائعة التي يمكن استخدامها لإنشاء موقعك. وبالتالي،

1. node.js.

من لحظة ظهورها في عام 2011، كانت Node.js منصة مفضلة بين مطوري الويب. بفضله، يتم إنشاء برامج سريعة وقابلة للتطوير بسهولة. وكل ذلك لأن المؤلف Node.js، أعطى Ryan، خلق إطارا بهذه الطريقة التي يمتلكها المطور القدرة على إدارة اتصالات متعددة في نفس الوقت. أيضا، يسمح لك الإطار بإنشاء أدوات الشبكة وخوادم الويب باستخدام جافا سكريبت وحجزها المسؤولة عن الوظائف الأساسية المختلفة.

2. reput.js.

reput.js المدعومة جنبا إلى جنب مع مجموعة من المبرمجين، أيضا فيسبوك IT-GAIT. React.js هي مكتبة من البرامج النصية Java مع فتح مصدر الرمزوالتي تتيح للمطورين إنشاء تطبيقات ويب ضخمة فقط. يمكن أن تستهلك هذه التطبيقات كميات كبيرة من البيانات، ويمكنك تغييرها دون الحاجة إلى إعادة تشغيل الصفحة. السبب في أن شركات تطوير المواقع المهنية توصي هذا الإطار في عام 2018 هو ما يوفر قابلية التوسع والبساطة والسرعة. يمكنك استخدام هذه المكتبة جنبا إلى جنب مع أطر أخرى أو مكتبات JavaScript.

3. الزاوي.

الزاوي - إطار عمل جافا سكريبت آخر. يمكنك إضافته إلى رمز WebPage HTML من خلال العلامة. هذا يسمح لك بتوسيع قدرات HTML باستخدام التوجيهات. إذا كنت ترغب في إنشاء تطبيقات ويب ديناميكية، فإن الزاوي يحتوي على هيكل مثالي لهذا الغرض. بالإضافة إلى ذلك، يسمح لك باستخدام HTML ككلغة قالب. نظرا لملزمة البيانات ومرفق التبعيات، يمكنك إجراء ترميز ضخم تحت السيطرة.

4. Express.js.

هذا هو الإطار المثالي لأولئك الذين يعتقدون أن الأصغر أفضل! هذا هو الأمر كذلك إذا كنت تبحث عن بيئة مرنة ومصدر مفتوحة مرنة، ثم Express.js هو ما تحتاجه. المطورين يحبونها للبساطة والمرونة في التنمية. باستخدام وحدات NPM، يتيح لك هذا الإطار تحسين وظائف موقع الويب الخاص بك. والأكثر إثارة للاهتمام هو أن العمل معه يمكنك الاستمتاع بالمعرفة الأساسية ب HTML و CSS و JavaScript وفهم قليلا في MongoDB. نظرا لأن Express.js يدعم الرمز الديناميكي، فلن يكون رمز التطبيق معقدا للغاية.

5. Laravel.

وفي النهاية، وليس آخرا، فإن الأمر يستحق القول عن الإطار الأكثر شعبية لتطوير PHP - Larvel. إنه عالمي للغاية، يمكن للمطورين استخدامه لإنشاء تطبيقات الويب والهاتف المحمول. إنه يوفر العديد من المزايا ليس فقط لأصحاب الطلبات، ولكن أيضا للمطورين. يحتوي Larvel على وظيفية واسعة إلى حد ما، بما في ذلك ترحيل قاعدة البيانات، و BCREPT Hashing، ودعم MVC، وكلمة المرور والأمن. إذا كنت تبحث عن إطار موثوق للغاية ومرن يزيد من MVC، فإن Larvel هو ما تحتاجه في عام 2018.

تستخدم الشركات المشاركة في تطوير تطبيقات الويب العديد من المنصات الأخرى، ولكن في رأينا، فإن الأطر التي وصفتها هنا هذا العام ستصبح قادة معينة في مجالهم.

الهدف ج، سويفت أو جافا سكريبت

سأقول الحق، يتم جر خادمك المتواضع من العديد من منتجات شركة Apple، ولكن هذه القائمة لا تتضمن. كان لدي العديد من محاولات تكوين صداقات معه، لكن الصداقة لم تذهب بطريقة أو بأخرى. أنا لا أعرف، إنه لا يحبني وهذا هو ذلك. يمكن قول الإصدار السريع تصحيح الوضع، ولكن طالما هو في مرحلة التطوير النشط وطحنه. لا يريد تطبيقه في المشاريع الحقيقية.

ومضونة حول مزايا وسلبيات جميع تقنيات تطوير دائرة الرقابة الداخلية المتاحة، قررت البقاء على جافا سكريبت الحبيب. إذا لم يكن هناك ضرورة حيوية في الرقائق الأصلية C، وعلى الكتفين هناك خبرة في JavaScript، فلماذا لا تبدأ قهر منصات متنقلة منه؟

وخاصة غالبا ما تنشأ المشاريع المتاح (دون مزيد من الدعم) ولهم للدراسة بجدية ج موضوعية. simpar لا. على الأقل أنها مكلفة وطويلة. بمجرد أن أسقط مشروعا لتطوير تطبيق لمتجر شركات عبر الإنترنت. مهمة الحقيقة يمكن التخلص منها - نقوم بتبسيط مشتري الحياة وإرسال الطلب إلى سباحة مجانية.

في مثل هذه الحالات، أريد حل المهمة بسرعة الحد الأدنى التكلفةوبعد "الرصاصة الفضية" في هذا المجال قد تأسست منذ فترة طويلة نفسها phonegap.وبعد يولد إطار التطبيق المستقبلي ويساوي عملية إنشاء تطبيقات محمولة على موقع نموذجي. لذلك اتضح أنه في وجود المعرفة المتوسطة HTML / CSS / JS من واقعية للغاية لجمع تطبيق لائق.

برنامج phonegap. يوفر كل ما تحتاجه لإنشاء تطبيقات، لكن المدلاة المصممة في إجازة حسب تقديرنا. التحدث تقريبا، لذلك فقط تأخذ وجمع تطبيق مع واجهة قريبة من الإعدام الأصلي - لن يعمل. دون جذب التقنيات الإضافية، ليس هنا.

"boatstrap" لمنصات المحمول

يسمع مطورو الويب الحديث بشكل فريد عن قوة وإخماد إطار Bootstrap. يسمح لك بإنشاء "عجائب" وفي دقائق لإنشاء نماذج أولية لتطبيقات الويب الحديثة. Framework7 هو نوع من bootstrapولكن تهدف إلى منصات المحمول. كما يتم جمع إطار جيد، يتم جمع جميع أنواع الحاجيات والمكونات التي تتيح لك إنشاء تطبيق قدر الإمكان إلى الأم.

في البداية، F7 متخصص بحتة على منصة IOS. تركز موضوع التصميم القياسي على نظام التشغيل iOS 7 ومقارنة مع المنافسين المخصصين بأداء الواجهة. في الآونة الأخيرة، أعلن المطورون عن صيانة التصميم المادي من Google، وبالتالي إضافة منصات Android المدعومة إلى القائمة.

حاول مطورو المشاريع إحضار النظام تحت غطاء محرك السيارة واترك الأشياء اللازمة حقا فقط. نتيجة لذلك، أشياء مألوفة مثل مكتبة مدمجة jQuery.، f7 غير موجود. بدلا من ذلك هو متاح خفيف الوزن DOM7.وجود أكثر الميزات ضرورية.

لخص F7. – هذا هو إطار JS / CSS مع جميع عناصر UI اللازمة.صنع في مواطن على نمط منصة المحمول. سأقول بصدق، كانت هذه الأطر تتوهج بالفعل في غثيب، لكن F7 يختلف بشكل إيجابي عن الكثيرين: إنتاجية وتنفيذ العديد من رقائق UX الأصلية. على سبيل المثال، فإن أولئك المألوف لمستخدمي iOS مثل سحب التحديث (يسحب إلى التحديث)، وسحب، والظهر الخلفي والعديد من الآخرين متاحون من المربع ولا يتطلب برمجة إضافية.

في هذا، فإن نقاط القوة في F7 ليست محدودة. لن أذهب إلى التفاصيل، ولكن فقط تشترك قليلا في انطباعاتي الشخصية. سأبدأ بأهم سمة لمشروع عالي الجودة - وثائق. نتوقع ظهور الكتب حول هذه الأشياء المبكرة بلا معنى - أثناء كتابة ذلك، سيكون الإطار بالتأكيد وسوف يفقد النص الأهمية. كل الأمل في مثل هذه المشاريع للوثائق. ما هو أكثر وأفضل عرضة - أفضل. في F7 مع هذا النظام الكامل. كما بدا لي، تم توثيق معظم المشروع، وحيث لا يكون النص كافيا، فإن المطورين أمثلة التعليمات البرمجية.

لقد ذكرت بالفعل عن الأداء المذهل. يتحقق في المقام الأول بسبب النظام الغذائي الضيق واستخدام ذات الصلة الفرص الحديثة جافا سكريبت.وبعد بالنسبة لاستبدال jQuery على DOM7، فإنه لا يستحق القلق. يتم تنفيذ الأساليب الرئيسية الموجودة في نفس الطريق. اسم أساليب النوع نفسه، يتم حفظ ترتيب المعلمات بالكامل. وبالتالي، لن تنشأ مشاكل الإدمان.

يقدم الموقع الرسمي للمشروع الرسوم البيانية المختلفة التي تؤكد أداء F7، ولكن لا تتناولها بشكل خاص معهم، لأن أنا أثق بتصورك أكثر. بعد تطوير أول مشروع حقيقي، راجعت وقت الاستجابة بشكل مستقل. في هذا الأخير نماذج iPhone (5، 5S، 6) هو قبل كل شيء أنواع الثناء. كل شيء يعمل بشكل طبيعي ومألوف.

من الكعك اللطيف الآخر لأنفسهم، لاحظت تطبيق لغة أقل لوصف الأنماط. عند تطوير تطبيقات الويب باستخدام هذه التكنولوجيا، من الضروري أن تواجه باستمرار، وبالتالي فإن الشياطين لطيفة أن المهارات التي يمكنك استخدامها بأمان على منصات الهاتف المحمول.

نحاول في الممارسة العملية

التكنولوجيا تحل محل بعضها البعض بانتظام، ولكن واحد لا يزال دون تغيير، أفضل طريقة للتعرف عليهم بقايا - ممارسة. لإظهار عمل F7، قررت كتابة تطبيق مفيد مفيد بالضرورة لجميع قارئنا - قارئ الأخبار من موقع المجلة المفضلة. نظرا لأن التنفيذ الحالي لموقعنا، فلا يوجد واجهة برمجة تطبيقات كاملة للحصول على مواد، فسوف نستخدم بروتوكول RSS القديم الجيد (http://xakep.ru/rss).

إنشاء قارئ قراءة HTML / CSS / JS / F7 / PhoneGap بسيط جدا. بالنظر إلى أن البرنامج المساعد وظيفي إلى حد ما قد تم إنشاء بالفعل للعمل مع RSS. خلاف ذلك، سيتم تخفيض العمل لكتابة عدة عشرات من صفوف HTML الفاسدة. إنه ممل جدا، لذلك أخذت الشجاعة لإضافة الصخور الصغيرة والفة. سيبقى المثال هو نفسه، لكننا سنكتبه في نمط MVC. نتيجة لذلك، سنحصل على نوع من الإطار الجزئي بالعين في المستقبل. وبعبارة أخرى، سنقوم بإنشاء إطار عالمي للتطوير اللاحق للتطبيقات الموسعة بشكل جيد.

لخص الأفكار المذكورة أعلاه، نحصل على مثل هذه الخطة الإجراءات تقريبا. بادئ ذي بدء، نقوم بإعداد الأساس للمشروع باستخدام المكدس الفعلي للتكنولوجيات، ثم قم بإنشاء واجهة تطبيق F7 وفي الخطوة الأخيرة التي نسكبها هذا الخليط السام في PhoneGap. ستركز التطبيقات على نظام التشغيل iOS، فإن الفروق الدقيقة لتنمية أندرويد ستتركك كواجب منزلي.

هناك عدة طرق لتنظيم نمط MVC في جافا سكريبتلكننا سوف نستخدم الخيار من فيليب شوربيك. كان بسيطا للغاية وكان بالفعل حان الوقت لمحاولة (مع بعض التعديلات) في مشاريعه الحقيقية. بالنسبة للمكون / المكتبات الإضافية، بالإضافة إلى F7، سنحتاج:

• يحتاج.js. - واحدة من أفضل الحلول لتنظيم نهج Defitition غير المتزامن)؛
• المقاود. - واحدة من أسرع أجزاء من جافا سكريبت؛
• hBS. - مقهى بسيط للمحتاج.
• text.js. - مكون إضافي آخر ل Reuire.js، والذي يسمح لك بتحميل موارد نصية؛

لا يمكننا النظر في جميع إمكانيات المكونات المدرجة، وداخل مثالنا أن تفعل مع دم أصغر. اسمحوا لي أن أذكرك، هدفنا ليس فقط التعرف على إطار F7، ولكن أيضا للحصول على إطار التطبيق لمزيد من الاختبارات.

هيكل التطبيق

وظيفة تطبيقنا بسيطة للغاية - تشديد شريط RSS المحدث وتزويد المستخدم بإمكانية قراءة مريحة. الراحة لا يمكن تصورها إذا قمت بتحميل أخبار النص الكامل، لذلك سنلتزم بسطحية. أول عرض العناوين، و النسخة الكاملة يمكن للمستخدم قراءة بعد النقر عليه.

لقد قررت اللحظات التنظيمية الممتازة تصميم هيكل التطبيق المستقبلي. خيارات كما هو الحال دائما عدة، لكنني أركز على الفور أن تطبيق الويب المكتمل سوف يطعم phonegap، لذلك سيكون الخيار الأكثر مثالية:

• cSS - لتخزين أنماط التصميم الخاصة بك. كل ما يتجاوز أو يتم تنقيحنا، وضعت في هذا الدليل.
• img - الصور.
• jS - جميع عميل جافا سكريبت. هنا نضع سيناريوهاتنا فقط، وليس المكتبة. في جذر الدليل، لدينا برنامج نصي للأغراض العامة والنموذج. يجب تحديد وحدات تحكم وتقديم الطلبات في الدلائل الفرعية من نفس الاسم. نحن ننظر إلى المثال، بالنسبة إلى وحدة التحكم "حول"، سنقوم بإنشاء المجلد "JS / حول".
• libs - المكتبات وجميع الكعك الإضافي الممكن. على سبيل المثال، قررت توصيل "الخط الرائع" الرائع - رميها هنا.

في الدليل الجذر للمشروع، سيتم نشر ملفين فقط - app.js.js. و index.htmlوبعد الملف الأول سيكون نقطة البداية للتطبيق. سيقوم بتكوين المكتبات المساعدة وتهيئة F7.

إطارات الطبخ

نقوم بتنزيل المكتبات المدرجة (BOWER، GIT) وشربها وفقا للدلائل ذات الصلة. بعد ذلك، في جذر المشروع، قم بإنشاء ملف app.js وتكوين المكون الإضافي.

سرد 1. التكوين يحتاج.js

Contain.config ((Urlargs: "وهمية \u003d" + (تاريخ جديد). GetTime ()، المسارات: (المقود: "Libs / المقاود"، النص: "Libs / Text"، HBS: "Libs / HBS")، Shim : (المقود: (الصادرات: "المقود"))))؛

يتم وصف التكوين للمحتاج .js في القائمة الأولى. هنا نربط مكتبات إضافية. نظرا لأن المقاود غير مزينة بأسلوب AMD، يتم إجراء الاتصال عبر Shim. من حيث المبدأ، المكون الإضافي لقراءة آر إس إس نتمكن من الاتصال بالضبط بهذه الطريقة، ولكن نظرا لأن تطبيقنا لا يمكن أن يكون موجودا بدونها، فسنقوم بتهيئة الأمر بالطريقة القديمة، من خلال فهرس ملف Starter.html.

ينطوي تطوير تطبيق مظاهرة على الإدخال المستمر لجميع أنواع التعديلات والتصحيحات، لذلك يحدد فورا على طلب شهية التخزين المؤقت. معلمة منفصلة لهذا غير موجود، ولكن يمكنك الحصول على التأثير الضروري باستخدام خاصية Urlargs.

مبدأ بسيط - إلى كل عنوان URL المضافة المحددة في وسيطة الملكية مع قيمة معينةوبعد للتخلص من التخزين المؤقت، من الضروري تحديد قيمة فريدة للوسيطة. الجميع يحل هذه المهمة بطريقته الخاصة، ولكن من أجل التفرد أحصل على الوقت الحالي:

Urlargs: "وهمية \u003d" + (تاريخ جديد ()). الحزن ()

قائمة 2. وحدة التطبيق

حدد ("التطبيق" ("التطبيق"، [ صحيح))؛ العودة (F7: F7، Mainview: Mainview، جهاز التوجيه: جهاز التوجيه،)؛)؛

في القائمة الثانية، يتم إعطاء رمز الوحدة النمطية "التطبيق". في ذلك، نقوم بتهيئة نظام التوجيه (Router.js) والإطار نفسه. وصف جميع وحدة النموذج AMD. يتم استخدام طريقة تحديد () لإعلان الوحدة النمطية. في المعلمة الأولى، نحيل اسم الوحدة النمطية، في الثانية، نحن قائمة التبعيات، والثالث يصف جسد الوحدة النمطية. انظر الوثائق للمحاطات .js في التفاصيل.

يبدأ جسم الوحدة بتهيئة وحدة التوجيه (انظر ملف JS / Router.js). سيقوم جهاز التوجيه بتدمير الطرق وتشغيل طريقة التحكم المقابلة. يتم تنفيذ توجيه نفسه ببساطة (انظر القائمة 3): في الإدخال، نحصل على اسم وحدة التحكم ومحاولة الاتصال به طريقة INIT () المحددة مسبقا. ليس من الصعب تحديد المسار إلى وحدة التحكم (ملف) - في بنية تطبيق هيكل التطبيق، وافقنا على حفظها في مجلد / وحدة تحكم / وحدة تحكم / namecontroller.js.

سرد 3. توجيه

تحميل الدالة (تتطلب (تتطلب (تتطلب (["[" ["[" / "التحكم في" التحكم + "التحكم" / "التحكم" + "+" (تحكم "(تحكم .init (الاستعلام)؛)؛

بعد الانتهاء من التوجيه، انتقل إلى تهيئة Framework7. في أبسط القضية، يكفي إنشاء مثيل لكائن Framework7.() ونفرح في الحياة. على سبيل المثال، هذا يكفي، ولكن بشكل عام، عندما يتلقى المصمم كائلا مع الإعدادات. هناك الكثير منهم، ويتم وصفها جميعا بالتفصيل في الوثائق. الاهتمام الأكثر اكتشافا: fastclicks، ذاكرة التخزين المؤقت، التخزين المؤقت، المواد).

فيما يلي تهيئة منطقة العرض. في سياق F7، ضمن منطقة العرض (عرض)، يتم ضمنه على جزء مرئي منفصل من التطبيق. تتميز كل منطقة رأية بإعداداتها ولوحة التنقل وعدد من العناصر الأخرى.

من الضروري فقط تهيئة مجالات التقديم التي تحتاج إلى الملاحة. في حالتنا، هذا هو عرض. التهيئة نفسها يأتي إلى استدعاء الأسلوب AddView (). يسألنا عن اثنين من المعلمات: منطقة عرض محدد وكائن الكائن.

أنا قهر RSS.

نحن جميعا جاهزون لتطوير واجهة التطبيق. يصف الجزء الرئيسي منه في ملف index.html، الموجود في جذر المشروع (يجب إنشاؤه). نص الترميز ( رمز HTML) تحسين، لذلك لن أقوم بنسخه هنا، لكنني سأرسل لك إلى قسم وثائق تخطيط التطبيقات الأساسية. بجرأة تأخذ من هناك مصدر HTML المصدر بأكمله، ونسخ الملف المعد والاستعداد لجعل العديد من التعديلات. دعنا نبدأ مع قسم اتصال البرنامج النصي. نحضرها إلى الأنواع التالية:

يجب أن نحتاج إلى توصيل إطار Freeds نفسه والمكون الإضافي (للعمل مع RSS). في النهاية، بما في ذلك مكتبة المحتاجات. التالي، نص التمرير قليلا وابحث عن الكتلة:

ستعرض هذه المنطقة محتويات بعض العروض. نخطط لفكرة واحدة واحدة، لذلك لن نزعج حركة طفيفة من يدك، سأضيف دعما وظيفية "الحاضر والتحديث". للقيام بذلك، نقوم بإنشاء فئة محتوى إضافية من أجل التحديث في الوحدة والحصول على ما يلي:

ستقوم الخطوة التالية بتوصيل أنماط إضافية في الرأس ( framework7.feeds.min.css.) ثم انتقل إلى إنشاء وحدة تحكم. لم أكن أركز على تغيير عنوان التطبيق، وإضافة نص إضافي - يمكنك القيام بكل مستحضرات التجميل هذه بنفسك.

تقنيات نمط MVC

سيتطلب مشروعنا وحدة تحكم واحدة واحدة، اتصل به فهرس وإعداد دليل منفصل في المجلد / JS. إنشاء العديد من الملفات الموجودة على الفور:

• indexcontroller.js - تحكم مباشرة؛
• indexview.js، index.hbs - عرض تقديمي ونمط؛

لن نحتاج إلى نموذج، ولكن على سبيل المثال، تم إنشاء FeedModel.js filedel.js فارغة في جذر دليل JS. إذا لزم الأمر، صف بها نموذجا واحصل عليه من وحدة التحكم.

دعونا نلقي نظرة على محتويات وحدة التحكم (سرد 4). أول شيء يندفع إلى العين هو تنسيق إعلان. تعتبر وحدة التحكم لدينا أكثر من وحدة نمطية عادية بها One INIT، تلقي جزءا من الوكلاء.

بعد طلب صفحة الفهرس، سيتم استدعاء طريقة تحكم INIT. كذلك كل هذا يتوقف على المهمة. يمكننا الحصول على أي بيانات ونقلها إلى الفكرة، يمكننا معالجة شيء ما، إلخ. في كل شيء لدينا يقتصر على تشكيل العرض التقديمي. للقيام بذلك، اتصل بطريقة Render (). يمكن أن يكون نقل البيانات من وحدة التحكم إلى التمثيل من خلال المعلمة الوحيدة. لا نحتاج إلى نقل أي شيء، لذلك سنقدم الكائن ببساطة كائن.

بعد أن تشكل عرضا تقديميا، سيتم تجديد DOM مع العقد الجديدة ويمكننا القيام بشيء مفيد معهم. على سبيل المثال، لتهيئة البرنامج الإضافي للخلاصات. للقيام بذلك، حدد المحدد للإخراج والكائن مع الإعدادات. من الإعدادات الحاجة

المسار إلى تغذية RSS وطريقة العرض (على الصفحة، في النافذة). تبدو التفاصيل في القائمة الرابعة.

قائمة 4. رمز تحكم

حدد ([[التطبيق "، app.f7.feeds ("تغذية"، (عنوان URL: "http: //localhost/feed.xml"، Openin: "الصفحة"))؛) العودة (INIT: INIT)؛)؛)؛

يظهر رمز العرض في القائمة الخامسة. في تنظيم التعليمات البرمجية، كل شيء يشبه وحدة التحكم. نفس الوحدة ووظيفة واحدة واحدة. الانتباه إلى استخدام المتغير $. هذه ليست مكتبة مسج، ولكن DOM7. العديد من أساليبهم متطابقة، ولكن في DOM7 ليس هناك كل شيء، لذلك كن حذرا.

سرد 5. رمز العرض

حدد ([ ((النموذج: Params.model)))؛) العودة (تقديم: تقديم))؛

سرد 6. أداء المحتوى

سوف نتلقى بيانات للإخراج من أشرطة RSS، لذلك يحتوي قالب العرض التقديمي على HTML قياسي. تجدر الإشارة إلى إيلاء الاهتمام بإضافة سحب لتحديث وظيفية (الحاضر والتحديثات). في وقت سابق، أضفنا الفئة المناسبة في Index.html، وفي عرض الانتهاء فقط بدأت بدأت. رمز طلب الشريط المحدث غير مطلوب، لأن يدعم المكون الإضافي لإعلانات RSS من المربع سحب وظيفة التحديث.

اكتمال هذا في هذا التطبيق. يمكنك اختباره باستخدام خادم ويب محلي (على سبيل المثال، المضمن في بلب).

نحن نستعد phonegap.

تطبيق الويب جاهز ولا يزال الآن فقط لجمعه باستخدام منصة PhoneGap. لتثبيت PhoneGap، نحتاج إلى تثبيتها في نظام Node.js. إذا كنت لا تتخلف عن الاتجاهات الحديثة، فربما يتم تثبيت Noda بالفعل في نظامك. إذا لم يكن الأمر كذلك، فارجع إلى الموقع الرسمي واتبع التعليمات.

$ sudo nmp install -g phonegap

ممتاز، ولكن واحد phonegap لا يكفي. بدون أدوات سطر الأوامر Cordova، أيضا، لا تفعل ذلك:

$ sudo npm install -g cordova

من أداة مساعدة أخرى لأتمتة عملية التجميع - النملة. تثبيت مكافحة يمكن تثبيتها بعدة طرق. أسهل طريقة للقيام بها مع مدير الحزمة. لنظام التشغيل X هناك العديد منهم، لكنني حصلت على البيرة (http://brew.sh/). يعمل بثبات ويحتوي عدد كبير من حزم. تثبيت nomebrew بسيط بما فيه الكفاية. نحن تجنيد الفريق في المحطة:

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

مباشرة بعد اكتمال التثبيت، متابعة النملة:

تحديث $ تحديث $ الشراب تثبيت النمل

ستكون الخطوة التالية هي تثبيت XCode. قبض على الصبر وتثبيت الإصدار الفعلي من AppStore. بعد التثبيت، نحن بالتأكيد أطلقنا عليه وقبول اتفاقية الترخيص. إذا لم يتم ذلك، فلن يتمكن PhoneGap من جمع المشروع.

جمع تطبيق المحمول الخاص بك

لا تغادر بعيدا عن وحدة التحكم وإنشاء مشروع جديد لتطبيقات الهاتف المحمول. ندخل في وحدة التحكم:

$ phonegap إنشاء xakeprssreader $ cd xakeprssreader

ممتاز، الشغل الأساسي جاهز - يمكنك المتابعة إلى نقل تطبيق الويب الخاص بنا. انتقل إلى دليل WWW وإزالة جميع المحتويات منه. ثم انسخ جميع الملفات والمجلدات للتطبيقات التي أنشأتها الولايات المتحدة. نتيجة لذلك، يجب وضع مشروعنا بأكمله في مجلد WWW. أعود إلى وحدة التحكم والمضي قدما في التجمع. أولا، نحدد منصة المحمول للجمعية (في حالتنا iOS)، ثم إطلاق نشر المشروع:

منصة $ cordova إضافة iOS $ cordova بناء ios

في غياب الأخطاء في وحدة التحكم، سيتم عرض نقش "Building النجاح". لا يزال فقط لفتح ملف XakePrsSreader.xcodeprof من النظام الأساسي / JS في Xcode وتشغيل عملية التجميع (اضغط على زر التشغيل). إذا كان كل شيء يدرك بنجاح (ويجب أن يكون هذا)، فبعد بضع ثوان ستبدأ نافذة المحاكاة (في حالتي iPhone 6).

بناء الانتهاء

اجمع تطبيق هاتفك المحمول بمساعدة صديق للتكنولوجيا لكل مبرمج ويب في الممارسة العملية، فقد اتضح أنه ليس صعبا للغاية. إذا نظرت إلى Appstore، فإن معظم تطبيقات الشركات ليست أكثر من بث محتوى / خدمة محددة من الموقع الرسمي للشركة. هل من الممكن إنشاء أشياء مماثلة دون اللجوء إلى التقنيات الأصلية؟ قطعا نعم.

يرى المطورون احتمالات الويب في البيئة المتنقلة وحاول نقلها إليها أكبر عدد ممكن من تكنولوجيات الاتجاه. يبدو أن Fravorki مراعاة في مقالة اليوم، وتؤكد مرة أخرى - ليس هناك مستحيل. يستمر أداء الأجهزة المحمولة في النمو وهذه الحقيقة فقط تباعد نقل التقنيات المعتادة في بيئة جديدة.

بالطبع، يجب ألا تطعم أوهام غير ضرورية والتخلي عن دراسة التقنيات الأصلية (الهدف C، SWIFT). إذا قمت بتكوينه بجدية للتطوير تحت منصات متنقلة، فلن نتمكن من القيام بتكنولوجيات ويب واحدة. على أي حال في المرحلة الزمنية الحالية. ولكن إذا كان هدفك "يمارس" وعمل بشكل جيد حول المشاريع النموذجية، فإن تقنيات الويب ستكون قادرة بالتأكيد على المساعدة.

لدي كل شيء على هذا. تنمية الهواتف المحمولة الناجحة!

بالإضافة إلى phonegap.

• عملية إنشاء أكبر قدر ممكن من تطوير تطبيق ويب؛
• تقنية مكدس واحدة (HTML / CSS / JavaScript)؛
• دخول العتبة المنخفضة، نتائج سريعة؛
• تغطية جميع المنصات المتنقلة الشعبية (iOS، Android، Windows Phone)؛
• انخفاض تكلفة تطوير الطلب؛
• دعم أرخص
• القدرة على استخدام JS-Developments؛

سلبيات phonegap.

• أداء أقل مقارنة بالتطبيقات الأصلية؛

تطوير الشبكة

إطار أعلى لتطوير الويب في عام 2018

العالم لن يكون هو نفسه أبدا لأن لدينا تطوير الويب. واحدة من المجالات الرائدة للنشاط البشري على أهمية وتأثير ودرجة المشاركة. وبدوام جزئي هي واحدة من الملفات الشخصية الرائدة لشركتنا. لذلك، قررنا تقديم مراجعة صغيرة للأطر الأكثر شعبية لعام 2018. امسك مسار تطوير الويب واتبع التقنيات الحديثة.

الزاوي.

الزاوي هو إطار جافا سكريبت من Google، مصمم خصيصا لإنشاء تطبيقات الويب الديناميكية. تتمتع بشعبية كبيرة منذ ما يقرب من عشر سنوات. العمل مع الزاوي، يمكنك إنشاء تطبيقات واجهة دون الحاجة إلى استخدام الإضافات أو الأطر الأخرى.

هيكلها يشمل عددا من وظائف مثيرة للاهتماموبعد هنا بعض منهم:

• باستخدام القوالب، يمكنك إظهار المعلومات من النموذج والتحكم.
• الزاوي يدعم بنية MVC. نتيجة لذلك، يمكن للمطور تقسيم التطبيق ببساطة على مكونات MVC. سيطر كل شيء آخر من قبل الإطار.
• تشبه جميع التعبيرات شظايا التعليمات البرمجية المرفقة بين قوسين مجعدين. أنها لا تستخدم دورات التعبيرات والتعبيرات المشروطة. على العكس من ذلك، تنطبق على تنسيق البيانات وعرضها.

كل هذه الميزات هي جزء من النظام الأساسي، والذي سيسمح لك ببناء موقع ويب رائع. فيما يلي بعض الأمثلة على المواقع المصممة لهذا الإطار: Netflix، Freelancer.com، Goodfilms، إلخ.

روبي على القضبان

تم بناء هذا الإطار على لغة برمجة روبي الأكثر شهرة. ما هي شريحةه الرئيسية؟ الذي - التي إعادة استخدام الرمز الراديكالي يبسط وسرعات تطوير تطبيقات الويب. بالإضافة إلى ذلك، يسمح لك هذا النهج بإضافة بعض الوظائف الإضافية. من بين المواقع الشعبية المكتوبة في روبي على القضبان، يمكنك تسليط الضوء على Basecamp، Ask.fm، Github، 500 بكسل، إلخ.

Ruby On Rails هو مجتمع مطور ضخم حيث يمكنك بسهولة العثور على مساعدة لمشروعك. لا يمكننا القول أن ROR ينتمي إلى تقنيات رخيصة. ومع ذلك، يوفر الإطار مجموعة من الكعك. وقبل كل شيء، نعني التطور السريع مع عدد أقل من التعليمات البرمجية والأخطاء. من بين مزايا أخرى، نحن نخصص:

• المرونة. الإطار مناسب لجميع صناعات الأعمال، سواء كانت إدارة المشروع أو البناء.
• سرعة. لقد كتبنا بالفعل عن هذا وتكرار مرة أخرى: تقلل روبي على القضبان وقت تطوير تطبيقات الويب بحوالي 30-40٪.
• القدرة على إجراء تغييرات على الكود غير مؤلم تماما. هذا هو السبب في أن ROR مثالي لمشاريع طويلة اللعب. التغييرات الحادة للمتطلبات أو تغيير فريق المطورين - كل هذا لن يكون مشكلة خطيرة.

يي.

YII هي منصة مفتوحة المصدر المدمجة في PHP5. شكرا لتصميم مفهومة و واجهة مريحةيوفر هذا الإطار تطوير ويب بسيط للغاية وسريع. تم تحسين YII عن طريق الأداء، لذلك يمكن استخدامه لأي مشاريع من صغيرة إلى كبيرة. بالإضافة إلى ذلك، تحتوي النظام الأساسي على الكثير من الأدوات الرائعة التي ستساعدك في تصحيح التطبيق واختبار التطبيق. بالإضافة إلى آخر هو وثائق متطورة.

الميزات الرئيسية يي في خط واحد:

• لا يشمل الإطار الفئات والأشياء حتى يحتاجون إليها. هذا يسرع التطبيق تنزيل.
• استخدام معايير OOP، مما يعني الموثوقية والسلامة.
• جميع الموارد المهنية مجانية تماما.

جميع هذه الميزات تسهم في إنشاء هيكل عالي الأداء سيسمح لك بتطوير مواقع الويب الرائعة. إليك بعضهم: Tass، CraftCms، Humhub وهلم جرا.

نيزك JS.

يتم كتابة هذا الإطار على منصة Node.JS ويسمح للمطورين بإنشاء تطبيقات الويب المختلفة في الوقت الفعلي. واحدة من أروع ميزات METEOR JS هي أساس ممتاز لإنشاء مواقع شخصية بسيطة.

Meteor JS هو JavaScript Isomorphic مع إطار عمل مفتوح المصدر. ماذا يقول؟ حقيقة أنه يسمح لك بتحميل الصفحات بشكل أسرع بكثير. بالإضافة إلى ذلك، بفضل كومة JavaScript المدمجة، والتي تمتد من قاعدة البيانات إلى شاشة المستخدم النهائي، يمكنك إجراء في 10 خطوط من التعليمات البرمجية ما هو عادة امتدت إلى 1000 خطوط.

ميزة أخرى مثيرة للاهتمام هي أنه يمكنك استخدام نفس الرمز عند التطوير ضمن نظام التشغيل iOS أو WEB أو Android أو Desktop. يمكنك أيضا استخدام الأطر والأدوات الشائعة المختلفة والتركيز على إنشاء وظائف بدلا من كتابة مكونات متناثرة معا.

Express.js.

وإطار واحد آخر على المنصة node.js. يمكنك بالتأكيد أن تستخدمه إذا كنت ترغب في تطوير تطبيق ويب و API، في أسرع وقت ممكن. لماذا ا؟ لأن Express.js يغطي عددا من الوظائف المهمة عن طريق الإضافات. ويمكن استخدام الإطار لإنشاء تطبيقات الهاتف المحمول.

في جوهرها، يتكون Express.JS من قاعدة بيانات الزاوي والأغلبية. هذا يعني أنه لتطوير مواقع الويب، لديك معرفة كافية من HTML و CSS و JavaScript. واستخدام وحدات NPM، يمكنك توسيع وظائف التطبيق بقدر ما تريد.

Express.js مثالية لإنشاء خدمات ويب بسيطة. ليس بوابات عالية الجودة، والتطبيقات التي تسير هزل اليد". إذا كنت بحاجة إلى MVP أو كنت ترغب فقط في التدريب في تطوير الويب، والاستيلاء على Express.js ولا تدعه يذهب إلى أي مكان.

zend.

Zend هو إطار عمل مفتوح مكتوب في PHP. يركز على تطوير خدمات الويب الحديثة والموثوقة والآمنة.

تنطبق zend على حزم PHP المهنية المختلفة التي تجعل تطوير المواقع الإلكترونية من الدرجة العالية أسهل بكثير وأسرع. بالإضافة إلى ذلك، يستخدم الإطار بنية MVC يفصل قاعدة البيانات ومنطق الأعمال من المستوى التنفيذي. لذلك نحصل على رمز أوضح ونظيف.

يعتمد ZEND على مفاهيم البرمجة الموجهة للكائنات، مثل الواجهات والميراث، مما يساعدك على توسيع مكونات الإطار المختلفة. لاحظ أيضا التوجيه، مما يؤدي عمله بلا عيوب. حسنا، وظائف ذاكرة التخزين المؤقت. سوف تفاجأ بأنهم يمكن أن يكونون غير مرتبطين.

django.

الإطار الأكثر شعبية لتطوير الويب المكتوبة في بيثون واستخدام هندسة MVC. نحن سرد الميزات الرئيسية لهذا النظام الأساسي:

• سرعة. الهدف الرئيسي من الإطار هو مساعدة المطورين على جعل التطبيق، في أسرع وقت ممكن. علاوة على ذلك، في جميع مراحل الإنتاج - من الفكرة إلى الإفراج. الكفاءة والكفاءة - هذه هي الطريقة التي يمكنك صياغة الشعار django. الإطار مناسب تماما للمطورين الذين لديهم توقيت.
• أمان. يمكنك حتى تحمل بعض الأخطاء المتعلقة بالأوراق المالية. كقاعدة عامة، ترتبط مع حقن SQL، وهمية من الطلبات عبر الإنترنت والبرمجة النصية عبر الموقع. يدير Django بشكل فعال جميع أسماء المستخدمين وكلمات المرور، ومن المعروف أن نظام مصادقة المستخدم يلعب دورا حاسما.
• قابلية التوسع. تستخدم معظم مواقع الأعمال Django لإرضاء احتياجات المرور بسرعة.
• اللحوم المفرومة الكاملة. يتضمن الإطار خيارات إضافية مختلفة للمساعدة في خرائط الموقع ومصادقة المستخدم وإدارة المحتوى وإدارة RSS وأكثر من ذلك بكثير. يوفر كل واحد منهم مساعدة كبيرة في عملية تطوير الويب.

Larvel.

Larvel هو واحد من أفضل أطر PHP. مع ذلك، يمكنك بسهولة تطوير كويب و تطبيقات الهاتف الجوال للمواقع الصغيرة والأعمال الكبيرة. يحتوي Larvel على العديد من الميزات المثيرة للاهتمام، مثل تقنيات التفويض، المكتبات الموجهة للكائنات، دعم MVC، ترحيل قاعدة البيانات، طلبات المعترف بها، إلخ.

تشمل المزايا الرئيسية لهذا الإطار:

• القدرة على زيادة حركة المرور إلى الموقع. ونعم، تنطبق هذه التكنولوجيا على أي متصفح وجهاز.
• المرونة. يحتوي الإطار على هيكل وحدات يساعد على تبسيط موقع الويب نفسه وعملية تنميته.
• PHP لا يحتاج إلى طرق خاصة للخدمة. هذا متصل بالتحميل التلقائي للكائن، والذي يرد في البرنامج.
• يمكن لإطار Laravel إنشاء عناوين URL فريدة من نوعها، حيث أنه يدرك الطرق المختلفة بنفس الاسم.

انتاج |

يعد اختيار الإطار الصحيح أحد النقاط الرئيسية التي تؤثر على جودة الموقع في المستقبل. يمكن استدعاء كل تقنيات موضحة كاملة في جميع النواحي، حيث يتم استخدامها، سواء بالنسبة إلى الواجهة الأمامية، وتطوير التراجع. لذلك، ستكون نصيحتنا بن عتال لإزعاجها. ما عليك سوى اختيار منصة وفقا لغات البرمجة الخاصة بك. فقط يمكنك صياغة المتطلبات الخاصة بك بأفضل طريقة ممكنة. وفقط أنت تعرف نقاط القوة والضعف الخاصة بك.

على الرغم من أنه مقارنة بالتنمية عبر المنصات، إلا أن الأم يعطي في إنتاج تطبيقات أفضل، والآن تظهر العديد من التقنيات الجديدة عبر المنصات، مما يسمح بإنشاء منتجات ممتازة.

الفوائد الرئيسية للتصميم الأصلي هي إنتاجية للغاية للتطبيقات والوصول إلى النظم التشغيلية.

ومع ذلك، في عملها، غالبا ما يواجه المهندسون عدم توافق الأدوات الأصلية فيما بينهم جميع المستويات تقريبا، بما في ذلك لغات البرمجة، والهندسة المعمارية، والعمل مع المكتبات، إلخ.

لذلك، من أجل تنفيذ نفس الخوارزميات والمستخدم و (أو) البرامج النصية التجارية، يجب على المبرمجين إنشاء تطبيق لعدة بيئات بلغات تطوير مختلفة.

لذلك، لكتابة تطبيق أصلي، يجب أن تزيد الشركة وقت العملوالميزانية والجهود المبذولة للحفاظ على المنتج. أيضا، يتطلب التنمية الأصلية وجود مبرمج لضمان معين. خلاف ذلك، سيكون هناك حاجة إلى تخصيص وقت إضافي لتدريب المتخصصين.

نشأت تقنيات Contplator لحل هذه المشكلات. على الرغم من بعض العيوب، فإنهم يبسطون بشكل كبير عملية كتابة تطبيقات الهاتف المحمول، مما يقلل من تكاليف عمالة الشركة وتقليل تكاليف العملاء.

في الوقت الحالي، هناك العديد من التقنيات الجيدة عبر المنصات التي تسمح بإنشاء تطبيقات عالية الجودة. في هذه المقالة، سننظر في الأطر الأكثر شعبية للتنمية عبر المنصات.

phonegap.

Adobe PhoneGap هو إطار مع مفتوح المصدريمكنك الاستمتاع مجانا. كما لا يتطلب PhoneGap معدات و SDK والتركيبات اللازمة لإنشاء تطبيقات محمولة.

حتى الآن، تعد PhoneGAP واحدة من أدوات تطوير المنصات الرائدة، حيث يقوم المبرمجون بإنشاء حلول على CSS3 و HTML5 و JavaScript. إطار زائد آخر هو مجموعة من المكونات الإضافية الجاهزة.

باستخدام هذا الإطار عبر المنصات، يقوم المبرمجون بتطوير التطبيقات التي تعد متصفحات الويب المضمنة و HTML من صفحة واحدة (صفحة واحدة).

نظرا لأن جميع عناصر الواجهة منمق مثل الأصل، فلا يوجد وصول مباشر إلى API. للوصول إلى وظائف النظام، إضافة المكونات الإضافية المطورين أساليب إلى متصفح الويب ثم ربطها بالتنفيذ الأصلي على كل نظام تشغيلي.

سيكون Adobe PhoneGap هو الخيار الأمثل إذا كنت بحاجة إلى تطوير واجهة تطبيق أو تطبيق بسيط من 10-16 لقطات الشاشة وجمهور صغير، على سبيل المثال، نوع من حل الشركات لمهام الشركة الداخلية للشركة. يتطلب العمل مع الإطار تجربة كتابة تطبيقات الويب ذات الصفحة الفردي إلى JavaScript و CSS و HTML.

زمرين.

آخر حل ممتاز عبر منصة يحتل المركز الرائد في السوق والسماح للمطورين بإنشاء تطبيقات لمختلف المنصات (iOS، Android و Windows Phone).

يشتمل Xamarin على قاعدة كود C # مشتركة واحدة ويوفر القدرة على اختبار التطبيقات على أجهزة متعددة باستخدام سحابة Xamarin.

مع ظهور Xamarin 2، أصبح الإطار أحد أكثر الأدوات شعبية. تجدر الإشارة إلى أن الإطار لديه مجتمع شراكة قوي، وهو ما يتكون من الشركات الكبيرة مثل Microsoft و IBM. على عكس phonegap، العمل معه يتطلب اشتراك مدفوعولكن يمكنك البدء في نسخة تجريبية مجانية.

يوفر Xamarin الكثير من الميزات المفيدة، مثل Xamarin Studio IDE IDE و Xamarin.forms، مما يسمح للمبرمجين باستخدام ما يقرب من 100٪ من التعليمات البرمجية ذات التصنيف مرة واحدة لجميع المنصات. يوفر الإطار أيضا إمكانية الوصول إلى API الأصلية ويسمح لك بدمج هذه التراجع مثل تحليل و Microsoft Azure.

للتطوير عبر المنصات على Xamarin، تحتاج إلى خبرة في IOS و Android و C #. بالإضافة إلى ذلك، نتيجة لذلك، سيكون تطبيقك أصليا تماما (على الرغم من كتابة C #) ولن يكون حجم الرموز الأساسية أعلى من 40٪.

رفرفة.

Flutter هو عبارة عن منصة عرضية جديدة مفتوحة إلى حد ما، أصدرتها Google لتطوير أسرع للتطبيقات الأصلية ذات الأداء العالي الأداء ل IOS و Android.

يوفر الإطار قاعدة بيانات شفرة واحدة ويستخدم لغة برمجة DART التي تم إنشاؤها بواسطة Google وتواجه الكثير من القواسم المشتركة مع Java و JavaScript.

مثل الأطر الشعبية الشعبية الأخرى، تقدم رفرفة العديد من الميزات المفيدة. على سبيل المثال، تحديث الساخنة. يبسط تطوير واجهة المستخدم، وتنفيذ الوظيفة واختبار المنتج.

يشتمل رفرفة على SDK لجهة خارجية، واجهة برمجة تطبيقات ثنائية الأبعاد، والرسوم المتحركة، والحاجيات الخاصة بتصميم المواد وتوفر القدرة على إعادة استخدام رمز Java الموجود، SWIFT والهدف-ج.

على الرغم من حقيقة أن هذا الحل عبر النظام الأساسي لا يزال شابا جدا، إلا أنه ليس لديه دعم Windows و IDE، فمن الممكن تطوير التطبيقات الحديثة مثمرة للغاية.

رد فعل مواطن.

رد فعل الإطار الأصلي "ينمو" من React.js، الذي تم إنشاؤه بواسطة Facebook لإصلاح الدردشة الخاصة بك. تجميع الواجهة من جافا سكريبت "مكعبات" واستعارة من الويب. وكانت نهج تكيف التصميم حلولا ناجحة جدا التي تستغرق الشركة التي تتفدد على منصات متنقلة. كان رد فعل مواطن.

في الوقت الحالي، ردا على ذلك هو الإطار الأكثر إثارة للاهتمام واعدة بسبب حقيقة أن الأمر يتطلب الأمر أفضل من الويب والرد.

بفضل محرك JS، يتم توفير أداء عالي مماثل للولايات الأصلية. بناء على فكرة تجميع الواجهة من "المكعبات"، لا يستخدم الرد الأصلي المستعرض أو WebView - فقط JavaScript API.

وبالتالي، يكتب المبرمجون رمز على جافا سكريبت، والذي يعمل مع مكونات النظام الأساسي الأصلي، وبالتالي نقل مزايا وراحة استخدام React.js من المتصفح إلى تطبيقات الهاتف المحمول.

الميزة المهمة للتفاعل الأصلية هي أن النسبة المئوية للمزدئة المشتركة هنا تصل إلى 90٪، مما يساعد على كتابة التطبيقات الحديثة التي تبدو أصلا. في الوقت نفسه، التطوير أبسط ومريح.

من العمل المبرمجين مع الإطار يتطلب معرفة JavaScript، API API و Android Java API. كما ترون، تتيح لك الرد الأصلي إنشاء حلول عالية الجودة عالية الجودة.

إذا كان لديك أي أسئلة حول المقالة، فأنت بحاجة إلى مساعدة في تطوير أو هناك فكرة عن المشروع المستقبلي، والحصول على استشارة مجانية!

فيما يتعلق بتوسيع الفريق، نحن ندعو و. نحن نقدم مستوى تنافسي من المكافآت والجدول الزمني المرن والمواهد المهنية والنمو المهني. نحن في انتظار سيرتك الذاتية.) (نشرت على 06/18/18)

1. سينشا تاتش

Sencha Touch هو أول إطار تطبيقات الويب HTML5 للهاتف المحمول. Sencha Touch Saves. مظهر خارجي التطبيقات - الأصل ل iOS و أجهزة أندرويدوبعد يتيح لك Sencha Touch إنشاء تطبيقات بسهولة مع واجهات متعددة اللاعبين ضخمة و UX ممتازة. Sencha Touch لديه الأفضل دعم فني من الأمر Sencha والوثائق لجميع التفاصيل المتاحة كدعم حتى بالنسبة ل تطبيقات برمجية الشركات. الإطار سهل الاستخدام وتطوير تطبيقات محمولة. Sencha Touch هو الأساس الذي يسمح لك ببرنامج Android و iOS و BlackBerry دون تغيير مظهر التطبيق. يمكن استخدام Touch Sencha في التعاون مع تطبيقات صنع فجوة الهاتف التي لديها مظهر دقيق للتطبيق الأصلي، ولكن تم إنشاؤه باستخدام HTML. / جافا سكريبت.

2. فجوة الهاتف.

يعتمد إطار Gap Phone على HTML 5، والذي يسمح لمطوري تطبيقات الهاتف المحمول بإجراء تطبيقات أصلية باستخدام JavaScript و CSS3 و HTML5. أفضل ميزة في فجوة الهاتف هي أنه يمكن استخدامه بالتعاون مع أطر أخرى لدعمها مع الوظائف التي ليس لديهم، ويزودها فجوة الهاتف. في فترة زمنية قصيرة، أصبحت فجوة الهاتف الأكثر شعبية بين معظم المطورين مع Sencha. يسمح ذلك بمطوري تطبيقات الهاتف المحمول بإنشاء تطبيقات محمولة كاملة مميزة ووضعها في قذيفة، لذلك يمكن وضع التطبيق على متجر التطبيقات.أو سوق أندرويد.

3. جيس موبايل

JQuery Mobile، ولمس إطار الويب الأمثل للهواتف الذكية والأجهزة اللوحية. هذا واحد واجهة المستخدمالتي لا تزال ثابتة على جميع المنصات. الرمز خفيف جدا، وبالتالي، هو الأساس المفضل لتطوير تطبيقات الهاتف المحمول. يمكن بسهولة تغيير المواضيع التي تم إنشاؤها بواسطة المصممين بسهولة. بدلا من كتابة رموز مختلفة من مختلف أنظمة التشغيل؛ يتيح لك JQuery كتابة رمز بسيط واحد لإنشاء تطبيق تم تكوينه كامل المواصفات على موقع ويب.

4. التيتانيوم appcelerator.

يساهم التيتانيوم في مجموعة من المنصات عند تطوير التطبيقات. يتم دمج التطبيقات التي تم إنشاؤها على التيتانيوم في الأصل. يعمل الإطار كجسر بين تطبيقات الهاتف المحمول و منصة API.، النتيجة التي هو تطبيق لديه أداء أفضلوبعد تم تطوير منصة Titanium Appcelerator مع إزاحة لمساعدة مطوري الويب على إنشاء تطبيقات الأجهزة المحمولة والكمبيوتر اللوحي بسهولة. خلال العام الماضي، شهدت المنصة زيادة كبيرة في التنمية، والوظائف الجديدة، تتم إضافة الأجهزة للأكلاء في وتيرة سريعة.