مدونة برمجة وتطوير الويب

مجلة جوملا تتطور بسرعه

noreply@blogger.com (Ahmed Ali) — Sun, 11 Sep 2011 11:56:00 +0000

مجلة جوملا من اشهر واقوي محتويات ادارة المحتوي في العالم اصبحت الان في النسخة 1.7 بعد النسخة 1.6 والتي لم تدم طويلا وقبلها كانت النسخة 1.5 التي دامت لفترة كبيرة جدا وكانت هي النسخة الاشهر لجوملا وامتدت معها 1.5.23 ومن قبلها كان الاصدار جوملا 1.0 والذي تم وقف الدعم له حاليا

ومجلة جوملا هي محتوي لادارة المواقع توفر بيئة قوية جدا لكثير من الاضافات والادوات التي تمكن المبرمجين واصحاب المواقع من عمل اي موقع يريدونه باي حجم واي امكانيات وهي مجانية ومفتوحة المصدر لجميع المبرمجين

نسخة جديدة كل 6 اشهر

بعد الاصدار 1.6 الذي لم يعمر اكثر من 6 اشهر اعلن فريق العمل الخاص بجوملا انهم سيقوموا بعمل نسخة جديدة كل 6 اشهر تشمل تحسينات اكثر واضافات اقوي وتعديلات في الكود البرمجي الخاص بنواة جوملا وسينتهي تطوير النسخة الصادرة بعد شهر واحد من بدء تطوير النسخة الجديدة وسيتم توفير دعم لمن يستخدمها لمدة 15 شهر بعد ذلك ولذلك فأن النسخة 1.8 اقتربت من الظهور لافضل محتوي ادارة موقع يستخدمه حوالي 2.7% من المواقع علي الانترنت

الـ jquery من البداية للاحتراف بأذن الله - الدرس الاول

noreply@blogger.com (Ahmed Ali) — Fri, 09 Sep 2011 14:59:00 +0000

بسم الله الرحمن الرحيم

الحمد لله رب العالمين والصلاة والسلام علي سيدنا محمد وعلي اله وصحبه وسلم اما بعد

قبل البدء:

عليك ان تكون ممن تعاملوا مع لغة الـ HTML و الـ CSS والجافاسكربت وعلي الاقل تجيد المباديء الاساسية ..

مقدمة:

الجي كويري باختصار هي مكتبة من مكتبات لغة الجافاسكربت سريعه وقوية كما هو موجود بالموقع الرسمي يمكن اختصارها بـ اكتب اقل وافعل اكثر (write less, do more) وبالفعل فأن مكتبه الجي كويري يمكنها ان تحول موقعك باكواد بسيطة جدا الي تحفة رائعه واهم ثلاث مميزات لها

حجم المكتبه صغير جدا جدا 31 كيلو بيت
تدعم الـ CSS كما سنري قريبا بأذن الله
تدعم الـ Cross-browser وهي قابلية الموقع بدعم جميع المتصفحات

من يستخدم الجي كويري ؟؟

جوجل
ديل
الوردبرس
الدروبل

وغيرها الكثير من المواقع والتطبيقات البرمجية الشهيرة

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

http://jquery.com/

[فيديو] شرح لاهم اداة لمصممين المواقع firebug

noreply@blogger.com (Ahmed Ali) — Tue, 06 Sep 2011 19:21:00 +0000

بسم الله الرحمن الرحيم

الحمد لله رب العالمين والصلاة والسلام علي النبي الامين والرسول الكريم محمد بلغ الرسالة وادي الامانة ونصح الامه وكشف الله به الغمه وجاهد في الله حق الجهاد حتي اتاه اليقين اللهم اجزه عنا خير ما جزيت به رسولا عن قومه ونبيا عن امته و اسقنا من حوضه واجمعنا به في جنتك يا كريم اما بعد

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

مقدمة في دورة لغة الـ HTML

noreply@blogger.com (Ahmed Ali) — Fri, 02 Sep 2011 06:59:00 +0000

بسم الله الرحمن الرحيم

مقدمة في لغة الـ HTML:

لغة الـ HTML وهي اختصار لـ HyperText Markup Language وهي اشهر واهم لغة ونواة البداية لأي انسان يريد ان يدخل عالم تطوير وتصميم وبرمجة الانترنت فلغة الـ HTML لم تكن يوما لغة برمجة بمعني انها تتكون من اوامر وتستطيع من خلالها تحديد وظائف خاصة للتطبيق الخاص بك وانما هي لغة تنسيق ووصف لشكل الصفحة فهي تتكون من وسوم بالانجليزية Tags تكون دائما بين قوسين <> بهذا الشكل تستطيع من خلالهم تنسيق الصفحة وتعريف الجزء الخاص برأس الصفحة والجزء الخاص بجسم الصفحة كما تستطيع تحديد الفقرات والعناوين والكثير من الاشياء التي نحتاجها في وصف الصفحة كما كنا لوقت قريب نستطيع تحديد لون وحجم ونوع الخطوط وتنسيقها ولكن بأستخدام لغة CSS تم فصل التصميم تماما عن وصف الصفحة واصبحت كل الاشياء الخاصة بالتصميم كالالوان والخلفيات واحجام الخطوط وتحديد اماكن معينه واتجاهات النصوص والعناصر من وظيفة لغة اخري غاية في القوة وشديدة التطور هي الـ CSS كما انك بأستخدام الـ HTML تستطيع عمل الجداول والقوائم وغير ذلك وتطورت الهتمل واصبح عندنا XHTML اكثر دقة وقوة وايضا HTML5 التي قامت بعمل ضجة كبيرة فيما يختص بالـفيديوهات وتعاملها معها

هذة مقدمة بسيطة وسننطلق في عالم الهتمل بأذن الله قريبا ....

مقدمة في الجافاسكربت

noreply@blogger.com (Ahmed Ali) — Fri, 02 Sep 2011 05:37:00 +0000

بسم الله الرحمن الرحيم

الحمد لله رب العالمين، والعاقبة للمتقين، والصلاة والسلام على سيد الأولين والآخرين، وعلى جميع الأنبياء والمرسلين اما بعد.

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

ارجو من الله ان يكون العمل هذا خالصا من اجله لا يوجد فيه لاحد غير الله نصيب فلا اريد به الا رضي الله لعله ينفع احدا فيفعل به شيء يقوم بخدمة الاسلام والمسلمين .. امين

مصادر الدورة حتي الان:

ويكي (جافاسكربت)
دورة الاستاذ عبد الله عيد |علي منتدي (منتدي بي اتش بي)| او |دروس فيديو من هنا|
دورة وجدتها علي موقع زيروجيت
منهج موقع الـ W3Schools

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

لغة الجافاسكربت:

تعريف من ويكي:

جافا سكريبت (بالإنجليزية: JavaScript‏) هي لغة برمجة وتأتي كلمة جافا من الإنجليزية وتعني جزيرة جاوة وهي جزيرة إندونيسية، ولا علاقة لمنشأ اللغة باسمها. طورت جافاسكريبت من قبل شركة نيتسكيب (Netscape) وصن مايكروسيستمز (Sun Micro systems). تختلف الجافا سكريبت عن لغة الجافا من شركة صن مايكروسيستمز والتشابه في الاسم لا يرجع لأنهما مثل بعضهما، وفائدة هذه اللغة هي بثّ الحياة إلى شبكة الإنترنت، حيث تستخدم لإنشاء صفحات إنترنت أكثر تفاعلية (ديناميكية).

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

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

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

الجافاسكربت في سطور:

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

ما الذي يمكن لجافاسكربت فعله؟؟

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

الجافاسكربت تتفاعل مع الاحداث - فيمكن تهيئها لتنفذ مثلا عند حدوث حدث معين مثل عندما تنتهي الصفحة من التحميل او عندما يضغط المستخدم علي عنصر من عناصر الهتمل

الجافاسكربت يمكنها قرأة وكتابة عناصر الهتمل - الجافاسكربت يمكنها قرأة والتعديل علي محتوي عناصر الهتمل
الجافاسكربت يمكن استخدامها للتحقق من صحة البيانات قبل ان ترسل للخادم - هذا يقوم بحماية الخادم من المعالجة الاضافية
يمكن استخدام الجافاسكربت للتعرف علي المتصفح الخاص بالزائر - وعلي حسب المتصفح يقوم بتحميل صفحة خاصة بهذا المتصفح
يمكن استخدامها لعمل cookies - فيمكن استخدامها لحفظ واسترجاع المعلومات من وعلي جهاز الزائر

مفهوم السرفر المحلي وكيفية تنصيبه بويندوز ولينكس

noreply@blogger.com (Ahmed Ali) — Fri, 02 Sep 2011 05:35:00 +0000

اولا مفهوم السرفر:
السرفر بالعربية الخادم هو بأختصار جهاز مركزي يؤدي خدمات كثيرة وله انواع كثيرة فهناك خادم لتسجيل البيانات والتعامل مع قواعد البيانات وهناك خادم يعمل كبروكسي وهناك خادم يستخدم في تحليل الـ DNS للمواقع وايضا هناك خادم لتخزين صفحات الويب وهذا هو ما سنتحدث عنه هنا.

ثانيا مفهوم الخادم والعميل (client - server):
بكل بساطة العميل هو جهاز الكمبيوتر الخاص بك واما السرفر فهو الجهاز المتواجد عليه صفحات الموقع الذي تطلبه.

لكي تقوم بالبدء في استخدام لغه بي اتش بي او اي لغة تتعامل مع السرفر يجب ان تنفذ تلك اللغه اوامرها واكوادها علي سرفر كما يجب ان تتعامل تلك اللغه مع قواعد بيانات لعمل تطبيقات تفاعليه وبما ان وجود سرفر يحتوي علي برامج خاصه للتعامل معه و قواعد بيانات مجهزة لتخزين البيانات شيء غايه في الصعوبه ومكلف فتوجد طريقه ابسط للمبرمجين ومطوري برامج الويب تسمي السرفر المحلي او الـ Local host وهو برنامج متكامل يحتوي علي الادوات الازمه لتجهيز جهازك الشخصي ليعمل كسرفر يمكنه التعامل مع اكواد لغه البي اتش بي بسهوله

تنصيب السرفر المحلي علي ويندوز:

1. بالنسبه لمن يتعاملون بالويندوز يوجد اكثر من برنامج جاهز كالـ wamp server و غيرها من البرامج التي تحتوي علي Apache وهو برنامج لتشغيل جهازك كسرفر و PHP وهي نسخه البي اتش بي التي سنتعامل معها و MySQL وهو خادم قاعده البيانات.

2. كل ما عليك فعله لتنصيب البرنامج هو الدخول علي اللينك التالي

http://www.wampserver.com/en/

3. ثم اضغط علي Download the latest release ومنها اختر النسخه اما ان تكون 32 او 64 بت علي حسب نظام التشغيل الخاص بك.

4. بعد تنزيل البرنامج قم بتحميله

5. ستجد في المسار التالي c:\wamp المجلد www وهذا المجلد سنقوم بوضع كافه تطبيقات البي اتش بي الخاصه بنا فيه

مثال :

سنقوم بعمل ملف اسمه test.php ونضعه في المجلد www ثم بعد ذلك سنضع في هذا الملف كود بي اتش بي

ولكي نشاهد الناتج من الكود سندخل علي المتصفح الخاص بنا مثلا firefox ونكتب

http://localhost/test.php هنا نلاحظ اننا طلبنا الملف test.php الموجود في المجلد www عن طريق العنوان http://localhost/test.php اي ان localhost = www

ملاحظة : في حالة استخدام برامج اخري غير wamp قد تجد المجلد www يحمل اسم اخر مثل public_html

تنصيب السرفر المحلي علي لينكس :

اما في لينكس كحالاتي اذا كنت تتعامل مع ابونتو مثلا فانت بالتاكيد خبير فسأحيلك الي الينك التالي به كل الازم لعمل سرفر محلي علي الجهاز كما توجد طريقة مفصله لتحويل صلاحيات الملفات من المستخدم الجذر الي الـ home

https://help.ubuntu.com/community/ApacheMySQLPHP

البرامج التي نستخدمها في كتابه اكواد البي اتش بي:

اذا كنت تستخدم ويندوز فانصحك باستخدام النوت باد في البدايه للتعامل مع ملفات البي اتش بي وكتابه الاكواد ويمكنك بعد ذلك استخدام برنامج Notepad++ وعلي لينكس ممكن ان تستخدم برنامج Bluefish