عدة استفسارات حول PHP MySql Javascript jQuery

وعليكم السلام ورحمة الله وبركاته

راح احاول اجاوبك ويارب يقدرني اقدر اجاوبهم كلهم وابسطهم لك.

في June 16, 2016 at 23:48, iroyal2016 said:

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

Jquery هي مكتبة جافاسكربت وطريقة استخدامها مثل استخدام جميع مكتبات او ملفات جافاسكربت كل ماعليك هو تضمين ملف المكتبة داخل كود html بواسطة هذا الامر

<script src="js/jquery.js"></script>

لاحظ بعد كلمة src عرفنا مسار الملف داخل مجلدات مشروعك

كما قلت لك مكتبة Jquery هي مكتبة جافاسكربت ويجب ان تعرف اساسيات جافاسكربت ليسهل معك التعامل مع جميع مكتبات هذه اللغة تقدر تستفيد من هالموضوع المميز لمعرفة بعض الاساسيات

في June 16, 2016 at 23:48, iroyal2016 said:

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

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

• HTML وهي مسؤله عن هيكلة شكل الموقع وترتيبه
• CSS وهي خاصه بتنسيق شكل الموقع مثلا ترغب بوضع اطار على صوره او حدود لجدول او تغير لون نص كلها تتم بواسطة CSS
• JavaScript وهي لاضافة التفاعل والمؤثرات للموقع
• PHP او Python او اي من لغات السيرفرات يجب ان تختارلغة واحدة لتعلمها وهي الوسيط بين المتصفح والسيرفر تقوم باستقبال ومعالجة البيانات من المستخدم ثم تخزينها او ارسالها على حسب انت كيف مبرمج مشروعك
• Database قواعد بيانات خاصه بتخزين البيانات بعد معالجتها من قبل PHP او Python يتم تخزين البيانات بها يوجد العديد من قواعد البيانات الاسهل والاكثر انتشارا  هي MySQL 

وهنا مقال للمبدع @Alhazmy13  طريقك لبرمجة الويب تقدر تستفيد منه بامثله جدا واضحه ومبسطه

في June 16, 2016 at 23:48, iroyal2016 said:

" لذلك كنت اظن أنني سأحتاج إلى تعلم html  لكي أبني صفحة انترنت   ثم بدأت بتعلم الجافا سكريبت  لكي اجعل الموقع جميلا ولم أكن أعلم وقتها أن هناك ما يسمى بـ (jQuery)  "

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

في June 16, 2016 at 23:48, iroyal2016 said:

س: ما هو PHP , javascript , jQuery , html, html5؟

وضحتهم فوق

في June 16, 2016 at 23:48, iroyal2016 said:

"  بحثت عن عدة مواقع تقوم بالتعليم للغات السابقة مثل موقع (w3school - codeacademy -treehouse ) وهناك العديد من المواقع الأخرى ... لكن السؤال فعلا ما هي حاجتي الحقيقية .. حيث طرح الأستاذ عبدالله عيد تساؤلا رائعا .. هو أنني هل يجب أن أتعلم كافة اللغات ؟ الإجابة : لا .. إذ يجب أن أحدد ما الذي اريده ثم أتعلم ما أريد فقط ... لذا حددت ما أريد وهو صفحة انترنت تفاعلية تخزن البيانات وتسترجعها متى اردت أن استعلم عنها وتكون صفحة جميلة وتفاعلية وحركية وتخرج لي العديد من التقارير على هيئة pdf  ..."

فعلا تحديد ماتريد يساعدك بالتعلم بشكل اسرع ويبعدك عن التشتت انت اخترت الويب حيث ان لغات وتقنيات الويب كثيره ومترابطه ولكن انا اعطيتك قائمة بالأهم فوق كل ماتحتاجه هو تعلم الاساسيات لكل من HTML و CSS و JavaScript والعمق بواحدة من لغات السيرفرات مثل PHP بالنسبه لقواعد البيانات معرفة بعض الاسس وهي متشابهة باغلب قواعد البيانات مثل MySQL سوف تساعدك في بناء قواعد البيانات وادارتها بمشاريعك ايضا 

في June 16, 2016 at 23:48, iroyal2016 said:

س: ما هو أفضل محرر النصوص ، سمعت انه (NetBeans) ؟

هي تعتمد عليك انت واش اكثر واحد يخدمك وترتاح معه بالنسبة لي انا استخدم SublimeText و PhpStorm

في June 16, 2016 at 23:48, iroyal2016 said:

س: لماذا أحتاج إلى سيرفر محلي إذا أردت تشغيل ملف php ، حيث ذكرتم في أحد الفيديوهات ضرورة تثبيت إحدى البرامج مثل (Xamp) لكي يقوم هو بدوره بتثبيت سيرفر (Apache) و (MySql) ؟

" ما هذه الخرابيط التي ذكرتها أنا قبل قليل ... لماذا أحتاج إلى سيرفر ولماذا لا يعمل مثل html  "

ومن قال لك ان html يعمل مباشره فانت تحتاج الى متصفح مثل كروم وفايرفوكس او سفاري لتشغيل ملفات html بدون المتصفح فان ملفات html لن تعمل حيث ان جميع المتصفحات تدعم تشغيل كل من html و javascript و css مباشره بالنسبة ل php وقواعد البيانات انت تحتاج سيرفر محلي لدعمها بجهازك مثلا ملفات الورد تحتاج لبرنامج مايكروسوفت ورد او اي برنامج يدعم تشغيلها بجهازك لتعمل كذلك php او اي لغة ثانيه انت تحتاج لتثبيت حزم او برامج لدعمها وتبدأ التطوير عليها 

في June 16, 2016 at 23:48, iroyal2016 said:

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

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

في June 16, 2016 at 23:48, iroyal2016 said:

س: ما الفرق بينه وبين لغات البرمجة الأخرى مثل :

C#

C++

Java

اترك الاجابة لغيري لمن برمج بهذه اللغات لكي يجيبك بالمقارنه و الفروقات 

في June 16, 2016 at 23:48, iroyal2016 said:

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

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

السلام عليكم ورحمة الله وبركاته ،،،

جزاك الله خيرا على ردك لي .. فعلا كان الرد زاخر جدا وملئ بالمعلومات المقنعة .. 

بدأت تتكون لدي الصورة بشكل شبه واضح وكامل

تراي تحمست بالحييل .. 

مما جعلني أطرح  أسئلة أخرى متفرعة من الأجوبة السابقة : 

س: كيف يتم إضافة  مكتبة معينة إلى اللغة اللي أنت جالس تتعلم منها ؟ وأين أجد مثل هذه المكتبات ؟ وما المقصود أساساً بالمكتبات ؟ وما حاجتي بها ؟ 

س: لغة php  هل تسمح لي ببناء نماذج جميلة لأدخال البيانات ؟

س: عرفت حتى الآن بعض المصطلحات المستخدمة في برمجة تطبيقات الويب مثل : لغة php , javascript , html, css ،  وكذلك ( المكتبة library )ما هي الأمور الأخرى التي لابد أن ألم بها أو حتى اتقنها لكي أتقن برمجة تطبيقات الويب؟ 

س: كيف يمكن إضافة أكواد جافا سكريبت و php  داخل ملف html ؟ أعني هل يوجد تكامل فيما بينهم ؟ هل بمعنى اخر عندما أعرف متغير في جافاسكرتيب أستطيع استخدامه في php ؟ 

س: مشكلة   PhpStorm أنه ليس مجاني ، فكيف نحصل عليه ، فهو جميل جدا ، وما رأيك بـ Atom ؟

س: ماهو موقع boostrap  ولماذا أحتاجه كما اخبرني أحد الزملاء؟

س: ما هي المواقع الأخرى التي قد تفيدني أثناء برمجتي لتطبيقات الويب ؟ ( من خلال معلوماتك وخبرتك ) .

س: أحتاج إلى مربعات نصوص وأزرار وغيرها إلى صفحتي فأين أجدها وكيف أربطها بالمعلومات لتخزينها ؟

س: حملت xamp  ووجدت فيها MySql هل هو نفسه برنامج قواعد البيانات وهل استطيع استخدامه لإنشاء قواعد البيانات ؟

وفي جعبتي الكثير من الأسئلة .. شكرا لك كثييييرا...

تم الاجابه عن هذه الاسئله هنا

السلام عليكم ورحمة الله وبركاته

اذا كنت تبغى تخلص الموقع في شهرين او ثلاثة فما يمديك تتعلم لغات البرمجة وتبني الموقع من الصفر، بل في رأيي لو انتهيت من الموقع في 6 أشهر فأنت "فلته"!

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

مثل ووردبريس وستجد إضافات كثيرة جدا ستفي باحتياجاتك واكثر.

أكرر إن كنت مستعجل فابدأ بووردبريس وفي اثناء عملك عليه ادرس لغات البرمجة Html و css و javascript و php ففي النهاية ستفيدك في بناء موقع من الصفر وأيضا في عملك على ووردبريس.

وأحب أن افيدك بأن المنصات الجاهزة يستخدمها الجميع من الذي لا يفقه شيْ في البرمجة إلى المحترفين، وستتفاجأ من عدد المواقع التي تستخدم ووردبريس ( ادخل على هذا الرابط والقي نظرة https://wordpress.org/showcase/ )

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

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

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

CSS : بعد فترة من تطور صفحات الويب فضّل المصممون فصل الرسم عن التلوين والتنسيق، فتركوا مهمة الرسم ل Html  وصنعوا لغة جديدة للتنسيق هي CSS ،

فمثلا لنقول للمتصفح ارسم زر  واكتب داخله كلمة login نكتب الامر التالي في ملف Html

<input type="submit" value="Login">

ولنقول للمتصفح اجعل عرضه 80 بكسل ولونه ازرق وبدون حواف "إطار" نكتب الأمر التالي في ملف CSS

input {
  width: 80px;
  background: blue;
  border: none;
}

* لكلا الأمرين تفاصيل لن أخوض فيها هنا

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

بقي أن أقول أن JavaScript يمكن أن تفعل أكثر من ذلك وتقوم بعمليات معقدة أخرى ولكني ذكرت الدور الأساسي لتصميم هذه اللغة

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

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

وهذه اللغة هي أساس المواقع التي يكون فيها تسجيل أعضاء (يعني ذلك تقريبا كل مواقع الإنترنت!)

Python : تعمل عمل ال php وتتميز عنها بأنه يمكنك برمجه تطبيقات لغير الويب بهذه اللغة (لأنها غير متخصصة للويب أساسا مثل php ولكن هناك توجه كبير من مبرمجي الويب على البايثون في الفترة الأخيرة) . وينبغي أن أنوّه هنا أن مصادر تعلم تطبيقات الويب بالبايثون اقل بكثير من php.

*البايثون ليست البديل الوحيد للـ php

المكتبات: عندما نقول مكتبات في البرمجة فإننا نعني برامج أو أكواد صغيرة يتكرر استخدامها بكثرة نضعها في ملفات ونستدعيها عند الحاجة، ستتضح معك عندما تفهم معنى الدوال والكائنات في javascript والـ php

-----------------------------------------------------------

Html : لكتابة المحتوى.

CSS : للمظهر.

JavaScript : للدينامبكبة والتفاعلية في نفس الصفحة.

MySQL : لإدارة قاعدة البيانات نفسها.

php : للربط بين الموقع وقاعدة البيانات.

Python : بديلة للـ php

--------------------------------------------------------------------

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

ارجو أن أكون وفقت في إيصال المعلومة وبالتوفيق في رحلتك البرمجية