السلام عليكم
قبل قليل لفتني موقع تسعة اعشار المقدم من وزارة الموارد البشرية السعودية
كيف يمكنني انشاء واجهة تفاعلية مثلاها
ما اللغة المستخدمة في التحريك
وكيف ربطوا كل هذه المواقع في موقع واحد؟
السلام عليكم
قبل قليل لفتني موقع تسعة اعشار المقدم من وزارة الموارد البشرية السعودية
كيف يمكنني انشاء واجهة تفاعلية مثلاها
ما اللغة المستخدمة في التحريك
وكيف ربطوا كل هذه المواقع في موقع واحد؟
تصميم وتطوير المواقع تنقسم الى قسمين:
1- front end
2- back end
القسم الأول : front end
هذا القسم يعبر عن الاشياء التي تراها في الموقع مثل التصميم والألوان والأشكال والخطوط ومقاسات الموقع ويستخدم فيه ثلاثة لغات أساسية:
1-Html : ليست لغة برمجية بالمعنى المتعارف عليه للغات البرمجة ولكنها طريقة لوصف محتويات الموقع
2-Css: هي لغة توصيفية تقوم بتنسيق الموقع مثل اعطاء الموقع الشكل الجميل كالألوان والمسافات والطول والعرض وشكل الخط وكل الجماليات التي في الموقع ومن خلالها تستطيع اخفاء العناصر وتحركيها دون استخدام لغة javascript
الآن تخيل أن الموقع يشبه السيارة
ما الذي تحتاجه السيارة للتحرك؟ تحتاج لمحرك
المحرك لصفحات الويب هي لغة javascript
3-Javascript: تسختدم لجعل الصفحات أكثر تفاعلية وحركة مثل القوائم المنسدلة
بالاضافة لهذه اللغات الأساسية يوجد المزيد من الاضافات التي تستخدمها
4-Bootstrap: هو مجموعة من الأدوات تسهل عليك تصميم الموقع
javascript تمتلك العديد من المكتبات التي تسهل عليك استخدام هذه اللغة مثل Jquery
وأيضا هناك العديد من أطر العمل التي تمتلكها javascript مثل react , vuejs , angular
القسم الثاني: back end
يعبر عن الاشياء التي تحدث في background حيث أن مستخدم الموقع لا يستطيع أن يرى ما يحدث مثل اضافة مستخدم في قواعد البيانات أو حذفه وأيضا تربط الصفحات ببعضها البعض
هناك العديد من لغات البرمجة التي تستخدم لبرمجة المواقع من أشهرها لغة php التي تمتلك العديد من أطر العمل التي تسهل العمل ومن أشهر أطر العمل laravel
الان صممت الموقع وتريد عرض البيانات بداخله
من أين سوف نأتي بهذه البيانات وأين نحفظها؟
يجب ان يرتبط الموقع بقاعدة بيانات لحفظ البيانات فيها وجلبها وقت الحاجة اليها
تستطيع التعامل مع البيانات من خلال لغة الاستعلامات البنيوية (SQL)
التعليقات