أهم المُصطلحات في مجال البرمجة من خلال تجربتى الشخصية (مُحدثة بإستمرار)

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

⚠ عادى جدا إنك تفهم فقط 50% من هذه المُصطلحات ولكن بعد الإنتهاء من أول كورس في مجال البرمجة (أي كان الكورس) ستصبح قادر على فهم 100% من هذه المُصطلحات

1 Web designer

مُصمم الويب هو الشخص الذي يَفهم متطلبات الموقع من العميل وعلى هذا الأساس يقوم بعمل تصميم الموقع على برامج التصميم مثل ال Photoshop او برنامج Adobe XD يعنى في النهاية الموقع بيكون عبارة عن صور وبالتالي هذا الشخص لا يكتب أي أكواد

2 Front-end developer

مُطور الواجهة الأمامية للموقع وهو الشخص الذي يقوم بتحويل الموقع من مجرد صور الى اكواد برمجية. وأحيانا هو الذي يتخيل الموقع ويقوم مباشرة بكتابة الاكواد

3 Back-end developer

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

4 Full-stack developer

الُمطور البرنس 😎 هو شخص يحب البرمجة جدا لأنه يقوم بمهام ال Front-end developer + Back-end developer

5 Responsive website

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

6 Static website

هو موقع لا يتغير مُحتواه الا عندما يقوم المبرمج بالتعديل عليه؛ فهو يحتوي على محتوى ثابت مثل مواقع السيرة الذاتية

7 Dynamic website

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

8 Open-source website

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

9 SEO friendly website

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

10 E-commerce website

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

11 PWA website

PWA هي اختصار ل Progressive Web Apps وترجمتها تطبيقات الويب التقدمية واذا وجت موقع يحتوى على هذه الميزة مثل موقعنا courses4arab.com فستلاحظ الاتي : 1- ان الموقع يعمل بدون الاتصال بالإنترنت (جرب كده تقفل النت وتتصفح الموقع ؟ ☺) 2- عند تصفح الموقع من الهاتف فتلاحظ انه يظهر لك رسالة هي (هل ترغب بإضافة الموقع للشاشة الرئيسة؟) وعندما تضغط على (نعم) ستلاحظ إضافة الموقع على الهاتف مثل التطبيقات الأخرى على الهاتف. ويوجد العديد من المميزات التي تحتاج الى مقال كامل للتحدث عن ال Progressive Web Apps

12 Domain

عندما تنتهى من تصميم الموقع و كتابة الاكواد الخاصة به فيجب عليك شراء domain لموقعك. ولكل موقع domain خاص به مثلا ال domain الخاص بموقعنا هو courses4arab.com وهذا ال domain يمكن شراءه من مواقع مثل namecheap.com و GoDaddy
وموقع namecheap هو افضل موقع بناءاً على خبرتى الشخصية. وهو أفضل كثيرا من موقع جودادى

13 URL

ال domain جزء من ال URL بمعنى ال domain الخاص بموقعنا هو courses4arab.com ولكن ال URL الخاص بنا هو https://www.courses4arab.com/

14 Web hosting service

خدمة استضافة المواقع. فبعد الانتهاء من كتابة الاكواد الخاصة بموقعك ف إنك تحتاج الى 1- شراء domain خاص بالموقع 2- نقل هذه الاكواد الى شركة استضافة تُقدم خدمة استضافة المواقع لديها والتي تقوم ب اتاحة الموقع الخاص بك الى المستخدمين عن طريق إضافة WWW . قبل الدومين الخاص بك لكي يمكن الوصول الى موقعك من جميع انحاء العالم
وشركة namecheap.com تقوم بتقديم خدمة شراء الدومين والاستضافة

15 Server السيرفر او الخادم

باختصار شديد ال server عبارة عن جهاز كمبيوتر زي الى عندك كده بالضبط. لان الموقع عبارة عن ايه؟ عبارة عن مجموعة من الملفات البرمجية. والملفات دي بنحطها فين؟ اكيد على جهاز كمبيوتر ولكن هذا الجهاز له مميزات عن الجهاز العادي مثل:
انه مُتصل بالإنترنت 24 ساعة طول السنة؛ تفتكر ليه؟ لان عند اغلاق هذا الجهاز لن يُصبح موقعك متاح لان لا يوجد سيرفر يَستضيف ملفاتك البرمجية الخاصة بموقعك.
يعنى من الاخر كده شركات الاستضافة عبارة عن ايه؟ عبارة عن كمبيوترات كتير مُتصلة بسرعة انترنت عالية جدا 24ساعة طول أيام السنة.

16 Deploy website

نشر الموقع. هي عملية نشر الموقع الخاص بك على الانترنت لكي يكون متاح للجميع لزيارته. مثلا عند الانتهاء من برمجة الموقع ولا تعرف كيف تنشره على الانترنت ف إنك ببساطة تذهب الى اليوتيوب وتكتب ( How to deploy a website )

17 Dark mode

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

18 Case Sensitive

Sensitive يعنى حساس او دقيق جدا ف Case Sensitive تعنى ان a ليس A . وسوف تسمع هذا المصطلح كثيرا في لغة ال Python لأنها Case Sensitive . مثال اخر على لغة HTML وهى كلمة DOCTYPE وهى ليست Case Sensitive وبالتالي يمكن كتابتها DocType او Doctype او doctype او DOCTYPE ولن يحدث خطا برمجي.

19 Bug

خطأ برمجي. هي ظهور خطا غير متوقع من البرنامج. ف مثلا انا متوقع ان لون الخط في الموقع هو الأبيض ولكن ظهر اللون باللون الأحمر وهذا يسمى Bug

20 Cashe

المخزن المُؤقت في المُتصفح. فربما لاحظت أنك بعد إزالة المتصفح وتحميلة من جديد ان بعض المواقع عندما تزورها لأول مره تكون بطيئة ثم عندما تزورها مره أخرى تكون أسرع وهذا بسبب ال Cache الموجود في المتصفح الذي يَعمل على تخزين بعض بيانات المواقع مثل الصور ف بالتالي عند زيارته مره أخرى يكون أكثر سرعة لأنه بالفعل تم تخزين بعض بيانات الموقع بواسطة ال Cache .