admin
10-30-2013, بتوقيت غرينيتش 09:48 PM
http://www.dzbatna.com/images/icons/iconrote.gif ط*طµط±ظٹ ظˆظ„ط£ظˆظ„ ظ…ط±ط©طŒ ط*ط§ظپط¸ ط¹ظ„ظ‰ ط¯ط±ظˆط³ظƒ ظ…ظ† ط®ظ„ط§ظ„ ظ…ظˆظ‚ط¹ jsfiddle ط´ط±ط* ط¨ط§ظ„طµظˆط± (http://www.dzbatna.com/t2283290/)
http://upload.dzbatna.net/upfiles/crS00805.png
واجهتني مشكلة كبيرة أثناء تصفحي الدروس في منتديات ديزاد باتنة، والمشكلة عبارة عن عدم توفر معاينة لنتيجة الشرح طريقة، أو أنه تم فقدان الرابط لعدم توفر الموقع المرفوع عليه بعد فترة معينة من الزمن
اليوم حابب أطرح عليكم طريقة حلوة ورائعة جدا جدا، وأنا أستخدمها دائما في جميع دروسي، وهي عالمية تستخدم عند الجميع وغالبا الأجانب
الفكرة تكمن في موقع jsfiddle.net
الفكرة بشكل عام: وهي امكانية انشاء مشروع على الموقع يحتوي على html + css + javascript or jquery ، او لغاء مشابهة أخرى.
كما أنه يمتاز بأنه يمكن لأي شخص التعديل على المشروع والحصول على النتائج، وفي النهاية يحصل على رابط جديد يختلف عن رابط المشروع الأصلي الموجود عند صاحبه.
شرح طريقة الأزرار الرئيسية للموقع:
http://www.dzbatna.com/attachments/696668d1370891553-3.jpg
Run: وهو عند كل كتابة كود code تضغط عليه ليعرض النتيجة مباشرة، دون حفظها.
Save: يتم الضغط على هذا الزر عند الانتهاء من كتابة المشروع بالكامل.
TidyUp: لإعادة ترتيب الكود code، وتوضيحه أكثر.
JSHint: وهو لفحص كود code الجافا، والتحقق من صحة كتابته، أو يحتوي على أخطاء أم لا.
الآن في حالة تم اعتماد المشروع وقمنا بحفظه، سنلاحظ أن القائمة العلوية تغيرت وأصبح فيها أزرار زيادة، كما بالصورة التالية:
http://www.dzbatna.com/attachments/696669d1370891553-4.jpg
http://upload.dzbatna.net/upfiles/z7C02892.jpg : تستخدم لتصحيح أخطاء الموبايل.
Update: في حين قمنا بحفظ المشروع واحتاج لتعديلات، يستخدم الزر Update لحفظ التعديلات، ويتم الحصول على رابط آخر يختلف عن السابق.
Fork: تستخدم لنسخ المشروع مرة أخرى، يصبح برابط جديد ولا علاقة له بالسابق.
Set as Base: تستخدم لجعلها هي المشروع الأساسي، ويحصل على الرابط المباشر.
Share: يمكنك من خلاله مشاركة المشروع سواء على فيس بوك، او تويتر، او مشاركة رابط، او تضمينه خلال موقع (مثلا وورد برس)...
بالنسبة للقائمة اليسرى كما بالصورة التالية:
http://www.dzbatna.com/attachments/696672d1370891579-2.jpg
بخصوص البند External Resources
بمكننا فيه وضع أي مكتبة، سواء جي كويري، او جي كويري ui، أو أي مكتبة جافا سكربت أخرى.
يوفر الموقع لك محرر يتكون من ثلاث أجزاء، والرابع عبارة عن نتيجة العمل، كما بالصورة التالية:
http://www.dzbatna.com/attachments/696671d1370891553-1.jpg
الجزء الأول: html: وفيه يتم وضع أكواد الـ html مباشرة وكأنك تضعها داخل الـ body يعني لا تحتاج لكتابة الـ bod.
الجزء الثاني: css: ويتم فيه وضع كود code التنسيق css.
الجزء الثالث: javascript: ويتم فيه وضع كود code الجافا، والجي كويري، أما طريقة استدعاء مكتبة الجي كويري.
الجزء الرابع: result: وفيه يتم عرض نتيجة العمل.
************************************************** ********
لمن يريد طرح مشكلته بشكل مباشر ويحتاج لشخص آخر أن يقوم بحل المشكلة مباشرة، يمكنه أن يقوم بعمل المشروع، وأن يعطي الرابط لشخص معين يقوم بحل المشكلة، يسمح الموقع للشخص الآخر بالتعديل على المشروع وفي النهاية يقوم بحفظه ويحصل على رابط جديد، ليعيد النتائج لصاحب العمل.
************************************************** ********
أتمنى أن تنال إعجابكم الفكرة، وأن نقوم بتطبيقها والتعامل معها بشكل دائم.
واي استفسار أنا جاهز تحت أمركم
ولكم خالص تحياتي وتقديري لكمـ،،،
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
http://upload.dzbatna.net/upfiles/crS00805.png
واجهتني مشكلة كبيرة أثناء تصفحي الدروس في منتديات ديزاد باتنة، والمشكلة عبارة عن عدم توفر معاينة لنتيجة الشرح طريقة، أو أنه تم فقدان الرابط لعدم توفر الموقع المرفوع عليه بعد فترة معينة من الزمن
اليوم حابب أطرح عليكم طريقة حلوة ورائعة جدا جدا، وأنا أستخدمها دائما في جميع دروسي، وهي عالمية تستخدم عند الجميع وغالبا الأجانب
الفكرة تكمن في موقع jsfiddle.net
الفكرة بشكل عام: وهي امكانية انشاء مشروع على الموقع يحتوي على html + css + javascript or jquery ، او لغاء مشابهة أخرى.
كما أنه يمتاز بأنه يمكن لأي شخص التعديل على المشروع والحصول على النتائج، وفي النهاية يحصل على رابط جديد يختلف عن رابط المشروع الأصلي الموجود عند صاحبه.
شرح طريقة الأزرار الرئيسية للموقع:
http://www.dzbatna.com/attachments/696668d1370891553-3.jpg
Run: وهو عند كل كتابة كود code تضغط عليه ليعرض النتيجة مباشرة، دون حفظها.
Save: يتم الضغط على هذا الزر عند الانتهاء من كتابة المشروع بالكامل.
TidyUp: لإعادة ترتيب الكود code، وتوضيحه أكثر.
JSHint: وهو لفحص كود code الجافا، والتحقق من صحة كتابته، أو يحتوي على أخطاء أم لا.
الآن في حالة تم اعتماد المشروع وقمنا بحفظه، سنلاحظ أن القائمة العلوية تغيرت وأصبح فيها أزرار زيادة، كما بالصورة التالية:
http://www.dzbatna.com/attachments/696669d1370891553-4.jpg
http://upload.dzbatna.net/upfiles/z7C02892.jpg : تستخدم لتصحيح أخطاء الموبايل.
Update: في حين قمنا بحفظ المشروع واحتاج لتعديلات، يستخدم الزر Update لحفظ التعديلات، ويتم الحصول على رابط آخر يختلف عن السابق.
Fork: تستخدم لنسخ المشروع مرة أخرى، يصبح برابط جديد ولا علاقة له بالسابق.
Set as Base: تستخدم لجعلها هي المشروع الأساسي، ويحصل على الرابط المباشر.
Share: يمكنك من خلاله مشاركة المشروع سواء على فيس بوك، او تويتر، او مشاركة رابط، او تضمينه خلال موقع (مثلا وورد برس)...
بالنسبة للقائمة اليسرى كما بالصورة التالية:
http://www.dzbatna.com/attachments/696672d1370891579-2.jpg
بخصوص البند External Resources
بمكننا فيه وضع أي مكتبة، سواء جي كويري، او جي كويري ui، أو أي مكتبة جافا سكربت أخرى.
يوفر الموقع لك محرر يتكون من ثلاث أجزاء، والرابع عبارة عن نتيجة العمل، كما بالصورة التالية:
http://www.dzbatna.com/attachments/696671d1370891553-1.jpg
الجزء الأول: html: وفيه يتم وضع أكواد الـ html مباشرة وكأنك تضعها داخل الـ body يعني لا تحتاج لكتابة الـ bod.
الجزء الثاني: css: ويتم فيه وضع كود code التنسيق css.
الجزء الثالث: javascript: ويتم فيه وضع كود code الجافا، والجي كويري، أما طريقة استدعاء مكتبة الجي كويري.
الجزء الرابع: result: وفيه يتم عرض نتيجة العمل.
************************************************** ********
لمن يريد طرح مشكلته بشكل مباشر ويحتاج لشخص آخر أن يقوم بحل المشكلة مباشرة، يمكنه أن يقوم بعمل المشروع، وأن يعطي الرابط لشخص معين يقوم بحل المشكلة، يسمح الموقع للشخص الآخر بالتعديل على المشروع وفي النهاية يقوم بحفظه ويحصل على رابط جديد، ليعيد النتائج لصاحب العمل.
************************************************** ********
أتمنى أن تنال إعجابكم الفكرة، وأن نقوم بتطبيقها والتعامل معها بشكل دائم.
واي استفسار أنا جاهز تحت أمركم
ولكم خالص تحياتي وتقديري لكمـ،،،
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
