- بواسطة x32x01 ||
ما هو الـ Front-end development ؟
إن الـ Front-end الخاص بالموقع هو ما تراه وتتفاعل معه في المتصفح، فهي تمثل واجهة المستخدم من نصوص أو ألوان أو أزرار أو صور. لو أردت مثلا أن تطور موقعا خاصا بمطعم فستضع المعلومات الخاصة بالمطعم سواء كان عنوان المطعم أو صورا للأطباق التي يقدمونها حتى يجذب الموقع العملاء. كل هذا يتم باستخدام تقنيات الـ Front-end.
لغات الـ Front-end
هناك ثلاث لغات أساسية:
HTML : هي لغة بناء هيكل الموقع الذي سيتم عرضه في المتصفح.
CSS : تأتي مع لغة HTML ومنها تقوم بتحديد تنسيق الموقع من ألوان و تصميم وخطوط.
Javascript : هي لغة برمجة تستخدم أكثر في العناصر التفاعلية في الصفحة كالقوائم المنسدلة واستمارت الاتصال.
بالإضافة لهذه اللغات الأساسية توجد بعض الإضافات اللازمة لبناء أي موقع، على سبيل المثال بعض المكتبات الخاصة بـ CSS كمكتبة Bootstrap أو Materialize، بعض أطر العمل الخاصة بلغة Javascript كإطار Angular أو Vue أو React (مع ملاحظة أن React تعتبر مكتبة)، وبعض الإضافات الخاصة بـ CSS أيضا كـ SASS أو LESS
ما هو الـ Back-end development ؟
حتى الآن، ما لديك هو مثال لـ الموقع الثابت Static Website الذي لا يتغير محتواه كثيرا. هذا النوع من المواقع جيد لعرض أشياء كـ أعمال أو مطاعم أو معارض أعمال. لكن إذا أردت أن تجعل موقعك يمكن التفاعل معه من قبل العملاء، ستحتاج إلى أن تعرف أكثر عن ما يدور وراء الكواليس في الموقع.
الـ Back-end هو الجزء الذي لا تراه في الموقع، فهو مسئول عن تخزين وتنظيم البينات والتأكد من أن كل شئ في واجهة الموقع يعمل بشكل جيد. يقوم الـ Back-end بالتواصل مع واجهة الموقع فيقوم بإرسال واستقبال المعلومات ثم يعرضها في الموقع. كلما ملأت استمارة إتصال،كتبت عنوان موقع أو قمت بالشراء، يقوم المتصفح بإرسال طلب إلى الخادم Server، الذي يقوم بإرجاع المعلومات المكتوبة في الاستمارة ليتمكن من التعامل معها.
يحتاج موقعك لقاعدة بيانات لإدارة كل المعلومات الخاصة بالمنتجات والعملاء. تقوم قاعدة البيانات بتخزين المحتوى في هيكل يجعل من السهل استرجاعها وتنظيمها وتعديلها وحفظ البيانات. يتم تشغيلها في حاسوب خارجي يسمى بالخادم Server. هناك العديد من قواعد البيانات المستخدمة على نطاق واسع مثل MySQL, SQL Server, PostgresSQL, MongoDB and Oracle.
الآن يجب بناء موقعك بلغة برمجة تستطيع قاعدة البيانات أن تتعرف عليها. بعض لغات الـ Back-end المعروفة هي Ruby, Java, PHP, Python, ASP .Net and Node.js. هذه اللغات غالبا يتم تشغيلها في أطر عمل تسهل التعامل معاها وتعلمها مثل Rails فهذا إطار عمل للغة Ruby. هنا يأتي "Ruby On Rails" فهذه تكنولوجيا مشهورة لبناء مواقع ديناميكية تقوم بالعمليات بشكل أسرع
إن الـ Front-end الخاص بالموقع هو ما تراه وتتفاعل معه في المتصفح، فهي تمثل واجهة المستخدم من نصوص أو ألوان أو أزرار أو صور. لو أردت مثلا أن تطور موقعا خاصا بمطعم فستضع المعلومات الخاصة بالمطعم سواء كان عنوان المطعم أو صورا للأطباق التي يقدمونها حتى يجذب الموقع العملاء. كل هذا يتم باستخدام تقنيات الـ Front-end.
لغات الـ Front-end
هناك ثلاث لغات أساسية:
HTML : هي لغة بناء هيكل الموقع الذي سيتم عرضه في المتصفح.
CSS : تأتي مع لغة HTML ومنها تقوم بتحديد تنسيق الموقع من ألوان و تصميم وخطوط.
Javascript : هي لغة برمجة تستخدم أكثر في العناصر التفاعلية في الصفحة كالقوائم المنسدلة واستمارت الاتصال.
بالإضافة لهذه اللغات الأساسية توجد بعض الإضافات اللازمة لبناء أي موقع، على سبيل المثال بعض المكتبات الخاصة بـ CSS كمكتبة Bootstrap أو Materialize، بعض أطر العمل الخاصة بلغة Javascript كإطار Angular أو Vue أو React (مع ملاحظة أن React تعتبر مكتبة)، وبعض الإضافات الخاصة بـ CSS أيضا كـ SASS أو LESS
ما هو الـ Back-end development ؟
حتى الآن، ما لديك هو مثال لـ الموقع الثابت Static Website الذي لا يتغير محتواه كثيرا. هذا النوع من المواقع جيد لعرض أشياء كـ أعمال أو مطاعم أو معارض أعمال. لكن إذا أردت أن تجعل موقعك يمكن التفاعل معه من قبل العملاء، ستحتاج إلى أن تعرف أكثر عن ما يدور وراء الكواليس في الموقع.
الـ Back-end هو الجزء الذي لا تراه في الموقع، فهو مسئول عن تخزين وتنظيم البينات والتأكد من أن كل شئ في واجهة الموقع يعمل بشكل جيد. يقوم الـ Back-end بالتواصل مع واجهة الموقع فيقوم بإرسال واستقبال المعلومات ثم يعرضها في الموقع. كلما ملأت استمارة إتصال،كتبت عنوان موقع أو قمت بالشراء، يقوم المتصفح بإرسال طلب إلى الخادم Server، الذي يقوم بإرجاع المعلومات المكتوبة في الاستمارة ليتمكن من التعامل معها.
يحتاج موقعك لقاعدة بيانات لإدارة كل المعلومات الخاصة بالمنتجات والعملاء. تقوم قاعدة البيانات بتخزين المحتوى في هيكل يجعل من السهل استرجاعها وتنظيمها وتعديلها وحفظ البيانات. يتم تشغيلها في حاسوب خارجي يسمى بالخادم Server. هناك العديد من قواعد البيانات المستخدمة على نطاق واسع مثل MySQL, SQL Server, PostgresSQL, MongoDB and Oracle.
الآن يجب بناء موقعك بلغة برمجة تستطيع قاعدة البيانات أن تتعرف عليها. بعض لغات الـ Back-end المعروفة هي Ruby, Java, PHP, Python, ASP .Net and Node.js. هذه اللغات غالبا يتم تشغيلها في أطر عمل تسهل التعامل معاها وتعلمها مثل Rails فهذا إطار عمل للغة Ruby. هنا يأتي "Ruby On Rails" فهذه تكنولوجيا مشهورة لبناء مواقع ديناميكية تقوم بالعمليات بشكل أسرع