السلام عليكم
قبل قليل لفتني موقع تسعة اعشار المقدم من وزارة الموارد البشرية السعودية
كيف يمكنني انشاء واجهة تفاعلية مثلاها
ما اللغة المستخدمة في التحريك
وكيف ربطوا كل هذه المواقع في موقع واحد؟
السلام عليكم
قبل قليل لفتني موقع تسعة اعشار المقدم من وزارة الموارد البشرية السعودية
كيف يمكنني انشاء واجهة تفاعلية مثلاها
ما اللغة المستخدمة في التحريك
وكيف ربطوا كل هذه المواقع في موقع واحد؟
هناك ثلاث لغات أساسية لبرمجة واجهات أي موقع :
1 HTML : هي لغة بناء هيكل الموقع الذي سيتم عرضه في المتصفح.
2 CSS : تأتي مع لغة HTML ومنها تقوم بتحديد تنسيق الموقع من ألوان و تصميم وخطوط وتسمح CSS بالرسوم المتحركة لعناصر HTML دون استخدام JavaScript أي أنك يمكنك تحريك العناصر في الموقع من خلال لغة CSS .
3 Javascript : هي لغة برمجة تستخدم أكثر في العناصر التفاعلية في الصفحة كالقوائم المنسدلة واستمارت الاتصال ويتم إستخدامها بشكل أساسي في الحركات التفاعلية .
بالإضافة لهذه اللغات الأساسية توجد بعض الإضافات اللازمة لبناء أي موقع، على سبيل المثال بعض المكتبات الخاصة بـ CSS كمكتبة Bootstrap أو Materialize، بعض أطر العمل الخاصة بلغة Javascript كإطار Angular أو Vue أو React (مع ملاحظة أن React تعتبر مكتبة)، وبعض الإضافات الخاصة بـ CSS أيضا كـ SASS أو LESS.
تصميم وتطوير المواقع تنقسم الى قسمين:
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)
التعليقات