ما هو مطور Full Stack؟ 2022 دليل مهندس الويب الكامل

مطور Full Stack

ما هو مطور Full Stack؟ 2022 دليل مهندس الويب الكامل
ما هو مطور Full Stack؟ 2022 دليل مهندس الويب الكامل

تعد أدوار المطورين كاملة الويب من بين الوظائف الأكثر طلبًا في سوق العمل الحالي.

ولكن ما هو بالضبط تطوير الويب الكامل ، وكيف تصبح مطورًا متكاملًا؟

في هذه المقالة ، ستتعرف أولاً على معنى مصطلح المكدس الكامل.

بعد ذلك ، سترى بعض التقنيات المقترحة للتعلم مصحوبة بمصادر تعليمية لبدء رحلة تطوير الويب الكاملة.

ما هو تطوير الويب الكامل؟

تتكون تطبيقات الويب التي تستخدمها يوميًا من:

  • الواجهة الأمامية ، والمعروفة أيضًا باسم جزء جانب العميل من التطبيق ،
  • والنهاية الخلفية ، والمعروفة أيضًا باسم جزء جانب الخادم من التطبيق.

ما هو تطوير الواجهة الأمامية؟

الواجهة الأمامية هي واجهة مستخدم التطبيق.

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

يتضمن مكونات مختلفة مثل أشرطة التنقل والقوائم المنسدلة والأزرار والروابط.

تتكون الواجهة الأمامية من جميع الأجزاء المرئية المسؤولة عن تجربة المستخدم.

ما هو تطوير الواجهة الخلفية؟

تتكون النهاية الخلفية من خادم يتلقى الطلبات ويعالجها وقاعدة بيانات تستخدم لتخزين البيانات.

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

إنه منطق الأعمال ، والتعامل مع البيانات ومعالجتها ، والخوارزميات.

بشكل أساسي ، هي جميع الأجزاء المخفية التي لا يعرفها المستخدم بشكل مباشر عند عرض صفحة الويب والتفاعل معها. هذه الأجزاء هي عمليات تعمل في الخلفية.

تعتبر النهاية الخلفية هي الجانب المنطقي أو “العقل” لتطبيق الويب.

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

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

دليل مهندس الويب الكامل

عندما تكون مبتدئًا بدأت للتو في رحلة التعلم الخاصة بك ، فقد تقضي وقتًا أطول في البحث عما تتعلمه بدلاً من التعلم الفعلي . وهناك الكثير لنتعلمه عندما يتعلق الأمر بتطوير الويب الشامل – والذي يمكن أن يكون ساحقًا ومخيفًا.

في الأقسام القادمة ، سنناقش الكثير من التقنيات المختلفة التي ستحتاج إلى تعلمها ، وهناك العديد من التقنيات الأخرى التي لم يتم سردها.

من المستحيل أن تتعلم كل شيء دفعة واحدة ، كما أنه من المستحيل أيضًا أن تصبح خبيرًا في كل شيء.

هذا الدليل هو اقتراح ونقطة بداية. يوفر الأساسيات التي يمكنك التوسيع لاحقًا.

تذكر أن الأمر سيستغرق بعض الوقت لتصبح مطورًا مكدسًا كاملًا. قد يتطلب الأمر بعض التجربة والخطأ للعثور على جدول تعليمي وروتين يناسبك ويعمل من أجلك ، حيث قد تكون لديك التزامات مثل رعاية الأسرة أو العمل في وظيفة بدوام كامل أو أي التزامات أخرى في الحياة.

النجاح ليس خطيًا.

لقطة شاشة - 2022-03-31 - الساعة 11.00.45 - صباحًا
رسم تخطيطي من المؤلف والكوميدي ديمتري مارتن 

مفتاح النجاح هو الحفاظ على الثبات والتغلب على التسويف.

ضع خريطة وخصص بعض الوقت كل يوم – سواء كان ذلك لمدة نصف أو ساعة واحدة فقط. ساعة في اليوم أفضل من عدم القيام بأي تشفير على الإطلاق.

تذكر أن تستريح وخذ وقتًا بعيدًا عن الشاشة حتى لا تحرق نفسك في هذه العملية.

الآن ، دعنا نرى بعض التقنيات التي يجب أن تتعلمها لتصبح مطور ويب متكامل في عام 2022.

الفهم الأساسي لكيفية عمل الإنترنت والويب

ستقضي الكثير من الوقت على الإنترنت في تصميم الويب وتطويره.

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

على سبيل المثال ، يعد استخدام وقتك جيدًا في التعلم:

  • ما هو HTTP؟
  • ما هي طرق HTTP المختلفة ، وماذا تعني كل منها وماذا تفعل؟
  • ما هو الفرق بين HTTP و HTTPS؟
  • ما هو عنوان IP واسم المجال و DNS؟
  • فهم العملاء والخوادم وكيفية تفاعلهم باستخدام ما يسمى بدورة الطلب والاستجابة.
  • كيف يعمل الإنترنت ككل.

أساسيات تطوير الويب للواجهة الأمامية

ابدأ في تعلم البرمجة عن طريق ممارسة HTML و CSS.

HTML و CSS لغتان تخدمان غرضًا مختلفًا ولكنهما يجتمعان لإنشاء صفحات ويب ثابتة. لهذا السبب ، غالبًا ما تتعلم كلاهما بالتوازي.

أولاً ، تعلم أساسيات HTML ، وتحديداً HTML5 ، وهو أحدث إصدار من HTML ويدعم العديد من الميزات الأخرى.

ما هو HTML؟

يتم استخدام HTML (التي تعني HyperText Markup Language) لتحديد البنية والمحتوى على صفحة الويب لذا ، فإن الفقرات ، والعناوين ، والقوائم ، والصور ، والنماذج ، والروابط التي تراها على الصفحة ، جنبًا إلى جنب مع التسلسلات الهرمية ، كلها تعليمات برمجية بلغة HTML.

مفاهيم HTML الأساسية التي يجب تعلمها هي:

  • هناك العديد من علامات HTML (في الواقع ، هناك أكثر من مائة) ، لكنك تحتاج فقط إلى تعلم أكثر العلامات استخدامًا والتي سينتهي بك الأمر باستخدامها أكثر من غيرها.
  • تعلم كتابة HTML الدلالية . يصف HTML الدلالي العلامة والمحتوى الذي سيحتفظ به بدلاً من استخدام علامة ليس لها معنى. على سبيل المثال ، إذا كنت تريد إنشاء قسم على صفحة ويب ليضم محتوى معينًا ، فيمكنك استخدام <section>العلامة التي تحدد العلامة وتصفها بدلاً من <div>العلامة التي ليس لها أي معنى خلفها. الكل في الكل ، تجنب استخدام الكثير من <div>العلامات وتعلم البدائل التي يمكنك استخدامها بدلاً من ذلك .
  • ترتبط النقطة المذكورة أعلاه جيدًا بتعلم كتابة HTML مع وضع إمكانية الوصول في الاعتبار. إن التصميم والتطوير مع مراعاة إمكانية الوصول يعني إنشاء مواقع ويب للجميع. يعتمد الأشخاص الذين يعانون من إعاقات بصرية على التقنيات المساعدة مثل قارئات الشاشة لقراءة المحتوى بصوت عالٍ. قد يعتمد الأشخاص ذوو الإعاقات الأخرى على التنقل باستخدام لوحة المفاتيح فقط. لذلك ، فإن تعلم كتابة HTML يمكن الوصول إليه سيقودك إلى إنشاء المزيد من صفحات الويب سهلة الاستخدام.
  • تعرف على كيفية إنشاء نماذج HTML. النماذج موجودة في جميع مواقع الويب تقريبًا. إنها طريقة تسجيل الدخول أو التسجيل والتسجيل في موقع ويب. إنها أيضًا الطريقة التي تجمع بها مواقع الويب المعلومات والبيانات من المستخدمين.

ما هو CSS؟

بعد ذلك ، حان الوقت لتعلم CSS.

CSS (اختصار لـ Cascading Style Sheets) أنماط عناصر HTML. وهي مسؤولة عن تقديم المحتوى بطريقة جذابة بصريًا .

يمكّن كود CSS جميع الألوان والخطوط المختلفة. حجم العناصر وكيفية عرضها على الصفحة. تخطيط الصفحة وكيف يتم ترتيب العناصر بجانب بعضها البعض.

ابدأ في تعلم أساسيات CSS لتطبيق الأنماط على محتوى HTML للنص العادي من خلال تغطية موضوعات مثل:

  • محددات CSS. تعرف على الطرق المختلفة التي يمكنك من خلالها تحديد عناصر HTML ، وكيفية عمل كل منها ، وكيفية اختيار العنصر الذي تريد استخدامه. على سبيل المثال ، يمكنك استخدام محددات بسيطة تحدد عنصر HTML من خلال اسم العلامة أو اسم الفئة أو اسم المعرف. بالإضافة إلى ذلك ، تتمثل إحدى طرق تحديد عناصر HTML في استخدام محددات العناصر الزائفة ومحددات الفئة الزائفة ، على سبيل المثال لا الحصر.
  • تعلم خصوصية CSS. عندما يكون هناك محددان أو أكثر بنفس قواعد CSS المطابقة ، كيف يقرر المستعرض الأنماط التي يتم تطبيقها على عنصر HTML؟
    لكل محدد قيمة خصوصية مختلفة ، لذا فإن التعرف على الخصوصية سيساعدك على تجنب أي ارتباك حول سبب عدم تطبيق الأنماط.
  • تعلم نموذج الصندوق. تعتبر عناصر HTML مربعات ، حيث يتكون كل مربع من المحتوى والحشو والحدود والهامش.
  • تعرف على الطرق المختلفة لوضع العناصر على الصفحة. تعرف على الاختلافات بين خصائص الموضع النسبي والمطلق والثابت والمثبت.
  • تعرف على معلومات حول العرض وكيف blockتختلف العناصر عن العناصر inline.inline-block
  • تعرف على تقنيات التخطيط مثل Flexbox لإنشاء تخطيطات أحادية البعد أو شبكة CSS لإنشاء تخطيطات ثنائية الأبعاد.
  • تعلم استعلامات الوسائط وتصميم الويب سريع الاستجابة. يتم عرض مواقع الويب على العديد من الأجهزة في الوقت الحاضر ، مثل أجهزة الكمبيوتر المحمولة والهواتف المحمولة والأجهزة اللوحية ، ولكل جهاز حجم ودقة مختلفة. من الأهمية بمكان أن يبدو الموقع جيدًا وقابل للاستخدام بغض النظر عن الجهاز.

كيف تتعلم HTML و CSS

أفضل مكان لبدء تعلم HTML و CSS هو الحصول على شهادة تصميم الويب المستجيب لـ freeCodeCamp .

إنه منهج تفاعلي مجاني ومنظم ومدروس جيدًا. تتعلم بطريقة عملية من خلال بناء المشاريع.

سوف تتعلم جميع المفاهيم المذكورة أعلاه (وأكثر) من خلال بناء 15 مشروعًا عمليًا وخمسة مشاريع شهادات.

بمجرد الانتهاء من مشاريع الشهادات ، يمكنك المطالبة بالشهادة وإضافتها إلى ملف تعريف LinkedIn الخاص بك. إنها طريقة لعرض إنجازاتك على شبكتك وأصحاب العمل المحتملين.

تعرف على طريقك حول سطر الأوامر

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

يمكنك تحقيق نفس الأشياء (وأكثر!) كما يمكنك عند استخدام واجهة المستخدم الرسومية (GUI). ولكن باستخدام سطر الأوامر ، ستستخدم التنقل باستخدام لوحة المفاتيح فقط وإدخال أوامر نصية بدلاً من النقر فوق الرموز وسحبها.

يمكنك إنشاء ملفات ومجلدات ، وعرض محتويات الملفات والمجلدات ، ونسخ محتويات ملف أو نقلها إلى ملف آخر ، وحذف الملفات والمجلدات تمامًا ، على سبيل المثال لا الحصر.

تكتب وتدخل الأوامر في نافذة أو CLI (اختصار لـ Command Line Interface).

اعتمادًا على نظام التشغيل الخاص بك ، سيكون هذا تطبيقًا مختلفًا. على جهاز Mac ، يطلق عليه Terminal.app. في نظام Windows ، يطلق عليه موجه الأوامر.

يدير التطبيق قذيفة ، مثل Bash أو Zsh ، تعمل كوسيط بينك وبين نظام تشغيل الكمبيوتر. تكتب الأوامر وتعطي بشكل أساسي الأوامر إلى جهاز الكمبيوتر الخاص بك. يقرأ الغلاف الذي يعمل في CLI الأوامر ويوجه نظام التشغيل. يقوم نظام التشغيل بتنفيذ التعليمات.

بغض النظر عن نظام التشغيل الذي تستخدمه ، سواء كان MacOS أو Microsoft Windows ، كمطور مكدس كامل ، فسوف يساعدك إذا تعلمت Linux. يعمل Linux على تشغيل غالبية الخوادم على الإنترنت.

تتمثل إحدى طرق بدء استخدام Linux في تثبيته على نظام التشغيل الخاص بك.

يمكنك القيام بذلك عن طريق إعداد Virtual Machine. يعمل الجهاز الظاهري كجهاز كمبيوتر منفصل داخل جهاز الكمبيوتر الخاص بك.

بمجرد إعداد Virtual Machine ، يمكنك تثبيت أحد توزيعات Linux ، مثل Ubuntu ، وهو إصدار من Linux.

فيما يلي بعض الموارد المفيدة للبدء:

تعلم كيفية استخدام محرر التعليمات البرمجية

لبدء تطوير مشاريعك محليًا ، ستحتاج إلى مكان مخصص لكتابة التعليمات البرمجية.

لا يُنصح بالتشفير باستخدام معالج كلمات مثل محرر مستندات Google أو Microsoft Word ولكن بدلاً من ذلك قم بإعداد محرر كود لكتابة التعليمات البرمجية المصدر.

هناك الكثير للاختيار من بينها ، ومن أشهرها Atom و Sublime Text و Visual Studio Code. يستخدم العديد من المطورين أيضًا محرر نصوص سطر أوامر يسمى VIM. لا ينصح به للمبتدئين نظرًا لوجود منحنى تعليمي حاد.

يعد Visual Studio Code هو المحرر المفضل للعديد من المطورين ، والذي ستراه أيضًا يشار إليه باسم VS Code.

إنه مجاني ومفتوح المصدر وبه العديد من الميزات المتاحة.

يحتوي VS Code على أدوات وميزات قوية تشبه IDE (والتي تعني بيئة التطوير المتكاملة).

عند استخدام Visual Studio Code ، يمكنك كتابة التعليمات البرمجية المصدر وتحريرها ، وتوفير الوقت مع الإكمال التلقائي للتعليمات البرمجية ، واستخدام مصحح الأخطاء المدمج والمحطة الطرفية. يمكنك تجميع وتشغيل التعليمات البرمجية المصدر ، كل ذلك تحت سقف واحد.

بالإضافة إلى ذلك ، من السهل تخصيص مساحة العمل الخاصة بك باستخدام الملحقات المختلفة المتوفرة في Visual Studio Code Marketplace لتعزيز إنتاجيتك بشكل أكبر.

فيما يلي روابط لتنزيل Visual Studio Code لنظام التشغيل الخاص بك ولتعلم كيفية استخدامه:

تعرف على نظام التحكم في الإصدار

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

أكثر أنظمة التحكم في الإصدارات شيوعًا هو Git ، وهو مجاني ومفتوح المصدر.

يمكنك عرض محفوظات المشروع بالكامل وتتبع جميع التغييرات. إذا لزم الأمر ، يمكنك أيضًا الرجوع إلى إصدار سابق منه.

Git ليس عمليًا فقط لمشاريعك الشخصية ، ولكنه ضروري عندما تكون جزءًا من فريق.

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

  • يمكنك تنزيل (أو استنساخ) نسخة عمل من كود مصدر كود المشروع بأكمله على جهازك المحلي. يشير Codebase إلى جميع المجلدات والملفات التي يتكون منها المشروع.
  • يمكنك البقاء على اطلاع دائم من خلال سحب جميع التغييرات الأخيرة التي حدثت في قاعدة البيانات.
  • يمكنك إجراء التغييرات بأمان ، دون التأثير على مصدر البرنامج الأصلي ، عن طريق إنشاء ما يعرف باسم الفرع. تسمح لك الفروع بالعمل على أخطاء أو ميزات محددة.
  • يمكنك مراجعة التعديلات التي أجريتها ودمجها مع المحتوى الموجود في قاعدة التعليمات البرمجية الأصلية.

الآن ، ربما تكون قد سمعت بمصطلح GitHub وقد تكون مرتبكًا بشأن الاختلافات بين Git و GitHub.

Git هي أداة تقوم بتثبيتها محليًا لإدارة مشاريعك ، بينما GitHub هي خدمة استضافة عبر الإنترنت. يسهل GitHub استخدام Git وهو مكان لك ولفريقك لتحميل الكود.

الآن بعد أن أصبحت على دراية بسطر الأوامر و Git و GitHub ، يمكنك نشر صفحة ويب HTML و CSS ثابتة ونشرها على الإنترنت. يمكنك القيام بذلك باستخدام صفحات GitHub أو Netlify .

تعلم لغة برمجة

تعمل لغات البرمجة كمترجم بين البشر والآلات.

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

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

من ناحية أخرى ، فإن اللغة المنطوقة / الطبيعية مثل اللغة الإنجليزية ، تترك مجالًا كبيرًا للغموض والتفسيرات المختلفة من أشخاص مختلفين. مع لغات البرمجة ، ليس لديك هذا الغموض.

كيفية جعل صفحات الويب ديناميكية باستخدام JavaScript

ربما لاحظت أنني استخدمت كلمة static لوصف نوع صفحات الويب التي تم إنشاؤها عند استخدام HTML و CSS فقط.

لإضافة سلوكيات ديناميكية وتفاعلية إلى صفحات الويب ، تحتاج إلى استخدام JavaScript جنبًا إلى جنب مع HTML و CSS.

JavaScript هي لغة برمجة نصية مصممة للتشغيل في المتصفح. يضيف ميزات تفاعلية إلى صفحات الويب الثابتة.

بعض الميزات التفاعلية التي تضيفها JavaScript هي:

  • خريطة بالموقع الحالي للمستخدم
  • رسالة تظهر للمستخدم بمجرد وصوله إلى الصفحة
  • تغيير في الصفحة بناءً على مدخلات المستخدم
  • رسم متحرك عندما ينقر المستخدم على زر
  • تأثير تمرير سلس عندما يكون هناك زر للتمرير للخلف إلى أعلى الصفحة.

لبدء تعلم JavaScript ، ابدأ في دراسة الصيغة الأساسية ، أو ما يعرف باسم Vanilla JavaScript.

هناك الكثير من المفاهيم التي يجب تعلمها ، وهذه ليست قائمة كاملة ، ولكن بعض الموضوعات التي يجب الانتباه إليها هي:

  • أنواع البيانات
  • المتغيرات والنطاق
  • عبارات شرطية
  • الحلقات
  • التكرارات
  • المهام
  • أشياء
  • التلاعب في DOM
  • شبيبة Async
  • التعامل مع الحدث
  • بناء جملة ES6
  • المصفوفات
  • طرق المصفوفة
  • معاودة الاتصال
  • وعود

لبدء تعلم JavaScript ، يمكنك الحصول على شهادة خوارزميات JavaScript وهياكل البيانات الخاصة .

ستبدأ بالأساسيات والتقدم إلى مواضيع أكثر تقدمًا مثل البرمجة الشيئية وهياكل البيانات.

في النهاية ، ستقوم ببناء خمسة مشاريع شهادات ، بعضها يتضمن مدقق رقم الهاتف ومحول الأرقام الرومانية.

هناك طريقة أخرى ممتعة لصقل مهاراتك في JavaScript وهي بناء الألعاب.

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

قبل الانتقال إلى تقنيات مختلفة ، يجب أن تكون مرتاحًا لمفاهيم JavaScript الأساسية. خذ وقتك في التدريب وبناء بعض المشاريع باستخدام اللغة.

بعد ذلك ، يمكنك تعلم إحدى مكتبات أو أطر عمل JavaScript.

توفر مكتبات وأطر عمل JavaScript تعليمات برمجية مكتوبة مسبقًا تنفذ وظائف محددة. إنها تساعدك على تطوير تطبيقات الويب بشكل أسهل وأسرع مع مزيد من التناسق عبر الأجزاء المختلفة من خلال إنشاء ما يعرف باسم مكونات واجهة المستخدم.

مكتبة JavaScript الأكثر شيوعًا والأكثر استخدامًا للتعلم هي ReactJS.

لمعرفة React ، إليك بعض الموارد المفيدة لمساعدتك على البدء:

لغات البرمجة النصية من جانب الخادم

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

هناك الكثير للاختيار من بينها ، مثل PHP و Ruby و Java ، على سبيل المثال لا الحصر.

ومجرد ملاحظة حول JavaScript – يتم استخدامه على نطاق واسع في تطوير الواجهة الأمامية ، ولكن في السنوات الأخيرة بدأ العديد من المطورين في استخدامه لتطوير الواجهة الخلفية أيضًا.

كل هذا بفضل NodeJS (بيئة تشغيل JavaScript) مما يجعل ذلك ممكنًا من خلال توفير وظائف الخلفية.

من خلال إقران NodeJS بإطار عمل الويب من جانب الخادم ExpressJS ، يمكنك الآن إنشاء تطبيقات ويب كاملة المكدس.

للتعرف على Node JS و Express JS ، تحقق من الموارد التالية:

معرفة SQL وقواعد البيانات العلائقية

بصفتك مطورًا مكدسًا كاملًا ، ستحتاج إلى معرفة كيفية التفاعل مع قواعد البيانات.

تنقسم قواعد البيانات إلى فئتين ، علائقية وغير علائقية.

تقوم قواعد البيانات العلائقية (يشار إليها أيضًا بقواعد بيانات SQL) بتخزين البيانات بتنسيق منظم ومنظم وجدولي.

هناك علاقات محددة بوضوح بين نقاط البيانات ، مما يجعل البحث عن البيانات أمرًا سهلاً.

تتضمن بعض قواعد البيانات العلائقية:

  • MySQL
  • Postgresql
  • Oracle
  • Microsoft SQL Server
  • SQLlite

تتمثل طريقة التواصل مع قواعد البيانات العلائقية والتعامل مع البيانات المخزنة في الاستعلام عنها باستخدام لغة استعلام مثل SQL (اختصار لـ لغة الاستعلام الهيكلية).

يساعد على فهم كيفية عمل قواعد البيانات العلائقية و SQL. 

سوف تتعلم قواعد البيانات العلائقية من خلال البرامج التعليمية التفاعلية والمشاريع باستخدام SQL و PostgreSQL.

قواعد البيانات غير العلائقية (يشار إليها أيضًا بقواعد بيانات NoSQL) لا تخزن البيانات في الجداول.

بدلاً من ذلك ، يقومون بتخزين البيانات بطريقة أقل تنظيماً ، ولا ترتبط العناصر ببعضها البعض ، مما يسمح بمزيد من المرونة.

قاعدة البيانات غير العلائقية الأكثر شيوعًا هي MongoDB.

تعد MongoDB ، جنبًا إلى جنب مع بعض التقنيات المذكورة في الأقسام السابقة ، جزءًا من حزمة MERN. مكدس MERN عبارة عن مجموعة من الأدوات المستخدمة لتطوير تطبيقات الويب كاملة المكدس.

إذن ، بتجميعها معًا ، هذا ما ترمز إليه MERN:M ongoDB هي قاعدة بيانات غير علائقية لتخزين البيانات.

E xpressJS هو إطار عمل ويب من جانب الخادم يتم وضعه فوق Node JS.

R eactJS هي مكتبة ويب من جانب عميل JavaScript لبناء واجهات المستخدم

N odeJS هي بيئة وقت تشغيل JavaScript لتشغيل JavaScript على الخادم وليس المتصفح فقط.

خاتمة

نأمل أن تكون قد وجدت هذه المقالة مفيدة ، ولديك الآن فهم أفضل لما يستلزمه تطوير الويب الكامل.

في هذه المقالة ، راجعنا تعريف تطوير الويب الكامل ، ورأيت مسارًا تعليميًا مقترحًا لتبدأ في تطوير الويب الكامل.

المصدر

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *