ما هي البرمجة؟ دليل شامل للمبتدئين

 

أحد اهم الوظائف في المستقبل هي الوظائف المتعلقة بالبرمجة وأحد هذه الوظائف هي الوظائف المتعلقة بالمواقع (web developer) فهي من الوظائف التي يتزايد الطلب عليها يوما بعد يوم

ينقسم تطوير المواقع الي قسمين أساسيين هما تطوير الواجهة الامامية (Front end developer) وتطوير الواجهة الخلفية (Back end developer)

إذا ما الفرق بينهما 

مطورين الواجهة الامامية

 هم من يهتمون بواجهة التطبيق من ازرار وتنسيقات النصوص (حجم الخط و لون الخط وغيره) احجام الفقرات و الصور فهم من يصنعون وجهات تسجيل الدخول و الصفحات الرئيسية و كل شي تجده داخل المواقع تقريبا و لكن يوجد مشكلة الا و هي بعد ما تم عمل الازرار و واجهة تسجيل الدخول و  غيرها تصبح لدينا مشكلة و هي ان هذه الازرار لا تعمل، مثلا هناك مطور واجهات امامية قد صنع واجهة تسجيل الخول و لكن عند الضغط علي زر تسجيل الدخول لا تجد شيء يحدث و هذا بسبب ان هذه الازرار و الحقول التي في واجهة تسجيل الدخول  لم يتم ربطها باي قاعدة بيانات و لم يتم برمجتها، هنا يكمن دور مطورين الواجهة الخلفية  back end developers.

مطورين الواجهة الخلفية Back end developers

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

في هذا المقال سوف نتحدث عن مطورين الواجهة الامامية (Front end developers)

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

أولا يجب ان تعرف بعض الأشياء مثل

1.  ما هو الانترنت

2.  ما هو المتصفح وكيف يعمل

3.  ما الفرق بين http ,https

4.  ما هو DNS

5.  ما هي الاستضافة وما هو الدومين

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

تعلم HTML

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

تعلم CSS

لغة CSS هي لغة وصفية تمكنك من إضافة اللمسة الجمالية للموقع الخاص بك فيمكن من خلالها ان تضع الألوان للصفحة و التنسيقات للفقرات و اشكال الازرار و الاحجام و الانيميشن و ..الغ وهنا تأتي المشكلة الثانية وهي ان الموقع سوف يكون ثابت أي نعم يوجد في الموقع بعض الأجزاء المتحركة ولكن الموقع ليس حيوي يفتقر للحياة وهنا يأتي دور java script (JS)

تعلم java script (JS)

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

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

مكتبة CSS

ما هي مكتبات CSS

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

علي سبيل المثال

• Bootstrap
•  Water.css
•  Magic.css 

 سوف نقوم بنشر مقال لنتحدث عن اهم المكتبات في المستقبل

إطار عمل JS

 ما هي اطارت عمل جافا سكربت

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

مثال علي إطار عمل جافا سكربت

• React
• Angular
• Vue 

 

تعديل المقال