7

BACKBONE JS + LARAVEL = 2 MUCH FUN :)

السلام عليكم

من اكثر المواضيع التي تعملتها مؤخراً هو مكتبة الجافا سكربت BACKBONE JS وبدمج هذا الفريم ورك الاكثر من رائع مع الـ RESTFUL RESOURCES للفريم ورك LARAVEL فالامور اصبحت رهيبة ورائعة وسهلة للغايه لتطوير مواقع انترنت ليتم تحميلها في صفحة واحدة فقط وتغير المحتوى دون الحاجه لإعاده تحميل الصفحة (نفس فكرة GMAIL) - او ما يطلق عليه ONE PAGE APPLICATION

هذه الموضوع فقط لتبادل الخبرات أو المعرفة عن هذا الدمج الرهيب الرائع بين ال BACKBONE JS + LARAVEL.

ارجو من جميع المبرمجين المهتمين بهذا الدمج الرائع أن يحكي أو يشارك بخبرته لنستفيد جميعا من هذا الموضوع الرهيب الذي سيغير فكر مواقع الانترنت بل فكر الموبايل ابلكيشنز باستخدام الويب فيو :) رغم اعتراضي الشديد على استخدام الويب فيو :( لتجربتي المريرة السابقة معه وخصوصا الـ PHONEGAP

هذا المثال الذي قمت بعمله مؤخرا كتطبيق تجريبي وهو عبارة عن ثلاث صفحات في صفحة واحدة فقط

1- صفحة انشاء مقال جديد

2- صفحة تعديل مقال موجود بالفعل

3- صفحة لعرض جميع المقالات بجدول

تم استخدام LARAVEL + BACKBONE JS + BOOTSTRAP

http://projects-usama-ahmed...
يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

3
wgh أضف ردا

جميل :)

شخصياً افضل AngularJS على Backbone

لتطوير مواقع انترنت ليتم تحميلها في صفحة واحدة فقط وتغير المحتوى دون الحاجه لإعاده تحميل الصفحة

لكن الا تعتقد ان هذا يسبب مشاكل لمحركات البحث ؟ اي من ناحية ال SEO ؟ خصوصاً اذا كان الموقع بلاساس هو موقع محتوى, وليس تطبيق يقوم بمهمة ما.

0
uusa35 أضف ردا

صراحة انا كنت مجبر على تعلم الـ BACKBONE JS رغم بدايتي مع ال ANGULAR JS لكن كوني استخدام TITANIUM FRAMEWORK FOR MOBILE APPLICATION وهو يستخدام مكتبة BACKBONE JS لاستيراد جميع المعلومات من قواعد البيانات عن طريق الـ RESTFUL API مما اجبرني على تعلم الـ BACKBONE JS فقط واضطررت للاستغناء عن الدخول في عالم ANGULAR وصراحة الـ BACKBONE JS قوي جدا جدا جدا وسريع جدا جدا جدا لكن معقد إلى حد ما في البدايه لكن لا استطيع نقد الـ ANGULAR JS لان بدايتي فيه كانت سطحية ولم اتعمق فيه.

0
uusa35 أضف ردا

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

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

0
mohamed akef أضف ردا

كيف تستخدمها مع تيتانيوم هل تفتح ويب فيو فيه و تقوم ببرمجه التطبيق اون لين ؟

0
uusa35 أضف ردا

التيتنيوم يتيح لك استخدام ويب فيو لتحميل موقع بالكامل داخل الويب فيو والتفاعيل مع مكتبات جافا سكربت محملة مع البرنامج بالفعل لكن لا استخدمه بهذه الطريقة.

اقوم باستخدام TITANIUM ALLOY وهو عبارة عن MVC وعليه يستخدم الموديل لاستيراد جميع البيانات عن طريق BACKBONE لان التيتنيوم يفرض عليك استخدام التيتنيوم عن استخدام TITANIUM ALLOY CONCEPT وايضا يفرض عليك استخدام TSS

0
mohamed akef أضف ردا

تمام انا عملت عل التيتانيوم من قبل لكن لم اقابل استخدام مكتبه BACKBONE فيه

لكني لم استخدم الموديل الخاصه به لان كل المشاريع التي قمت بها كانت web services فكان عملي كلو في الview و ال controller

1
alsadi أضف ردا

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

لكن backbone ليس أفضل خيار. هناك angular من غوغل وهناك ember. إليك هذه المقالة

أنا شخصيا اكتفيت بمجرد محرك قوالب مثل handlebars

0
mohamed akef أضف ردا

المشكله الحقيقيه فعلا في ال SEO دائما هناك مشاكل و اظن اغلبها يحدث لان الروابط لا يتم ارشفتها عل جوجل

لكني انوي ان تكون كل لوحات التحكم التي اقوم بها بعد الان مبنيه عل ANGULAR JS فهي فعلا رائعه

0
abdulaziz noor أضف ردا

تجربتي كانت AngularJS + expressJS

كانت ولا تزال رائعة

حاولت تجربة Backbone ولكن AngularJS نالت على اعجابي اكثر وربما كانت اقل تعقيداً للامانة

0
it-pro أضف ردا

يعني هل ترى أن البداية مع Angular ستكون أسهل من Backbone.js ؟

0
abdulaziz noor أضف ردا

بالنسبة لي كات اسهل واجمل

0
ahmedsaoud31 أضف ردا

السلام عليكم

حقيقاً موضوعات شيقة, سيتم الإطلاع عليها في وقت لاحق

  • ما أستخدمه حالياً هو كائن AJAX الخاص بمكتبة jQuery ولإستخدامعه مع Laravel أقوم بتوجيه الطلب القادم من كائن الـ AJAX من خلال المحول Route إلى صفحة لجلب البيانات بصيغة JSON للتعامل معها ضمن الصفحة, المشروع الحالي قارب على الإنتهاء ربما المشروع القادم أستخدم محرك قوالب للغة javaScript لسهولة توليد المحتوى (الأجاكسي^__^).

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