دليل المبتدئين لتطوير المواقع

منذ التسعينيات ، بقيت أشياء قليلة أساسية في المجتمع مثل مسلسل "فرندز" و "بوكيمون" و "بريتني سبيرز" والإنترنت.

بالفعل. لقد جاءت الكثير من الأشياء وذهبت، لكن هؤلاء الأشخاص ظلّوا عالقين، وبقوا مع لكمات عام 2000، واندمجوا في مجتمعنا. (بوكيمون غو أو إقامة بريتني سبيرز فيغاس جديدة ، أتذكرون؟)
ومع ذلك، لم يقل أي شيء "أنا هنا لأبقى" مثل الإنترنت. من الاتصال الهاتفي و ال"أي أو أل" إلى "كروم" و "انترنت الأشياء" ، تسللت الشبكات الداخلية  إلى حياتنا تمامًا.
التعلم عن تطوير الويب يشبه الشرب من خرطوم إطفاء الحرائق.  ابحث على جوجل عن "الترميز" ، وتكون قد قمت بتشغيل الخرطوم على أكمل وجه. يعمل هذا الدليل كتقطير بطيء للتعرف على عالم تطوير الويب وإثارة اهتمامك به. إنه ليس دليلاً شاملاً بأي حال من الأحوال.
في هذا الدليل، سنغطي الأساسيات الرئيسية لتطوير الويب، وعملية إنشاء موقع ويب، وموارد إضافية لأولئك الذين يرغبون في معرفة المزيد عن التطوير - أو أن يصبحوا مطورين بأنفسهم.

بينما يشير تطوير الويب عادةً إلى ترميز الويب والتشفير، فإنه يشمل جميع مهام التطوير ذات الصلة، مثل البرمجة النصية من جانب العميل، والبرمجة النصية من جانب الخادم أي "السيرفر"، وتكوين أمان السيرفر والشبكة، وتطوير التجارة الإلكترونية، وتطوير نظام إدارة المحتوى (CMS).
تعرف على سبب استخدام الآلاف من العملاء CMS Hub لإنشاء موقع ويب محسن يتكامل مع بيانات HubSpot CRM الخاصة بهم ومجموعة التسويق الكاملة.

لماذا تطوير الويب مهم؟
قد تكون صاحب عمل وتوظف مطورًا مستقلاً لبناء موقع الويب الخاص بك، أو مسوقًا تقدم رؤية لفريق التطوير الخاص بك، أو طالبًا يتعلم عن التطوير كمهنة. بغض النظر عن هويتك أو سبب قراءتك لهذا الدليل، فإن فهم أساسيات تطوير مواقع الويب يمكن أن يكون مفيدًا في هذا العالم القائم على التكنولوجيا.
لن يتوقف الإنترنت في أي وقت قريبًا. في الواقع، لقد أصبحت بوابة وطريقة أساسية للبحث والاتصال والتعليم والترفيه في العالم. اعتبارًا من عام 2019، هناك 4.2 مليار مستخدم إنترنت حول العالم. هذا يمثل أكثر من نصف سكان العالم، وهؤلاء الأشخاص يستخدمون الإنترنت لمجموعة متنوعة من الأسباب.
ما هو الشيء الوحيد المشترك بين هذه الأسباب؟ إنهم يحتاجون إلى موقع ويب، ويتطلب كل موقع ويب مطور ويب ماهرًا.
تطوير الويب هو أيضًا صناعة سريعة التوسع. من الآن وحتى عام 2028 ، من المتوقع أن ينمو توظيف مطوري الويب بنسبة 13٪. هذا أسرع بكثير من معظم وظائف التكنولوجيا الأخرى.

الآن بعد أن حددنا تطوير الويب، دعنا نراجع بعض أساسيات تطوير الويب لتعريفك بالموضوع بشكل أفضل.

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

المتصفحات هي برامج كمبيوتر تقوم بتحميل مواقع الويب عبر اتصالك بالإنترنت، مثل "جوجل كروم" أو "ميكروسوفت إدج" ، يُعرف جهاز الكمبيوتر الخاص بك أيضًا باسم العميل.

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

عنوان IP الخاص بـ HubSpot هو 104.16.249.5. يمكنك العثور على عنوان IP لأي موقع ويب من خلال زيارة موقع مثل Site 24x7 أو باستخدام "كومند برومبت" على "ويندوز" أو الدخول إلى أداة الشبكة> مسار التتبع على "ماكبوك".
للعثور على عنوان IP لجهازك ، يمكنك أيضًا كتابة "ما هو عنوان IP الخاص بي" في متصفح البحث.
بينما يمكنك الوصول إلى موقع ويب باستخدام عنوان IP الخاص به، فإن معظم مستخدمي الإنترنت يفضلون استخدام أسماء النطاقات أو بالانتقال إلى محركات البحث.

ماذا يعني HTTP
يربط بروتوكول نقل النص التشعبي (HTTP) بينك وبين طلب موقع الويب الخاص بك بالخادم البعيد الذي يضم جميع بيانات موقع الويب. إنها مجموعة من القواعد (البروتوكول) التي تحدد كيفية إرسال الرسائل عبر الإنترنت. يسمح لك بالقفز بين صفحات الموقع والمواقع الإلكترونية.

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

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

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

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

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

ما هو CMS
نظام إدارة المحتوى (CMS) هو تطبيق ويب أو سلسلة من البرامج المستخدمة لإنشاء محتوى الويب وإدارته. (ملاحظة: أنظمة إدارة المحتوى ليست مثل منشئي المواقع، مثل سكوير سبيس أو ويكس.)

تعرف على سبب استخدام الآلاف من العملاء CMS Hub لإنشاء موقع ويب محسن يتكامل مع بيانات HubSpot CRM الخاصة بهم ومجموعة التسويق الكاملة.
على الرغم من أنه ليس مطلوبًا لإنشاء موقع ويب، فإن استخدام CMS يجعل الأمور أسهل. يوفر اللبنات الأساسية (مثل المكونات الإضافية والإضافات) ويتيح لك إنشاء الهيكل باستخدام التعليمات البرمجية الخاصة بك. تُستخدم أنظمة إدارة المحتوى عادةً في التجارة الإلكترونية والتدوين، ولكنها مفيدة لجميع أنواع مواقع الويب.
ما هو الأمن السيبراني
طالما يوجد الإنترنت، سيكون هناك مستخدمون يتطلعون إلى العثور على نقاط ضعف في مواقع الويب لفضح المعلومات الخاصة وسرقة البيانات وخوادم التعطل. ممارسة الأمن السيبراني أساسي لتأمين البيانات والشبكات وأجهزة الكمبيوتر من هذه التهديدات.
تتطور الأساليب التي يستخدمها المخترقون باستمرار، وكذلك الإجراءات الأمنية المتخذة للتصدي لهم. قد يؤدي عدم فهم كيفية استهداف موقعك إلى كارثة.
لذلك، من المهم أن يكون لديك على الأقل فهم أساسي للأمن السيبراني أثناء تعلم تطوير الويب.

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

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

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

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

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



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

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

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

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

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

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

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

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

عملية تطوير الموقع
إن عملية إنشاء موقع ويب ليست سهلة مثل 1-2-3. يختلف كل مسار تطوير بناءً على نوع موقع الويب ولغات البرمجة والموارد.
يقدم القسم التالي نظرة عامة مختصرة على عملية تطوير الويب ومقدمة قصيرة لأكثر اللغات شيوعًا وخيارات CMS.
تشكيل خطة
قبل وضع القلم على الورق أو وضع اليدين على لوحة المفاتيح، من الضروري أولاً الاتصال بالفرق والموظفين في مؤسستك لوضع خطة لموقع الويب الخاص بك.
فيما يلي بعض الأسئلة التي يجب مراعاتها قبل المسودة الأولى لموقعك:
• ما هو الهدف من موقع الويب الخاص بك؟
• من هو جمهورك وماذا تريدهم أن يفعلوا على موقع الويب الخاص بك؟
• ما هو نوع موقع الويب؟ (على سبيل المثال المعلومات الأساسية والعضوية والمتجر عبر الإنترنت)
• ما هو المحتوى الذي تهدف إلى نشره، وبأي حجم؟ ما هو الغرض من هذا المحتوى؟
• بالنظر إلى الصورة الكبيرة، كيف ستقوم ببناء موقع الويب الخاص بك للحصول على أفضل تجربة استخدامية؟
•ما هي ميزانيتك؟

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

إنشاء إطار سلكي.
تبدأ جميع المواقع الجيدة بمخطط. يسمي المطورون هذا بالإطار السلكي أو خريطة الموقع (يجب عدم الخلط بينه وبين ملف "سايتماب اكس أم أل "، وهو ملف XML يساعد SERPs في الزحف والعثور على موقعك). ليس من الضروري أن تكون وثيقة رسمية. إنها مجرد رؤية لموقعك ستمنحك أنت ومطور (مطوريك) التوجيه مكانًا للبدء. يمكنك رسمه على اللوح الابيض أو استخدام أداة مثل Invision أو Slickplan أو Mindnode.

تمامًا مثل خطة العمل التي تمنح المستثمر المحتمل رؤية ثاقبة لأهدافك وإنجازاتك، فإن خريطة الموقع تمنح المطور فكرة عما تصوره والمعلومات اللازمة لتحقيق رؤيتك. يمكنك إنشاء ملف "سايت ماب" بنفسك أو العمل مع مطور (مطوري) موقعك.
إليك بعض الأسئلة التي يجب أن تطرحها على نفسك عند التخطيط لموقعك:
• ما الصفحات الفردية التي تريدها؟ ما هو المحتوى الذي سيكون على تلك الصفحات؟
• كيف يمكنك تنظيم تلك الصفحات في فئات؟ (قد تمثل هذه الفئات قائمة صفحتك الرئيسية - إذا كان من المفيد التفكير في الأمر على هذا النحو.)
• ما هو التسلسل الهرمي للصفحات على موقعك؟
• كيف سترتبط الصفحات ببعضها البعض؟
• ما الصفحات والفئات الضرورية لموقعك وتجربة المستخدم، وأي منها يمكن إزالتها أو دمجها؟
مرة أخرى، من الجيد التشاور مع الفرق الأخرى داخل مؤسستك. إذا كان لديك فريق لتحسين محركات البحث و / أو فريق إستراتيجية المحتوى، فستكون مداخلاتهم مهمة في بنية الربط وتصنيف صفحاتك.

اكتب كود موقع الويب الخاص بك.
الخطوة التالية في عملية تطوير الويب هي كتابة الكود.
سيستخدم المطورون لغات برمجة مختلفة للواجهة الأمامية والخلفية لمواقع الويب، بالإضافة إلى الوظائف المختلفة للموقع (مثل التصميم والتفاعل وما إلى ذلك) تعمل هذه اللغات المختلفة معًا لبناء موقعك وتشغيله.
لنبدأ باللغات الأكثر استخدامًا. يستخدم كل موقع ويب تقريبًا هؤلاء الثلاثة معًا، وربما ستفعل ذلك بموقعك أيضًا.

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

تعمل لغات مثل CSS و JavaScript على تحسين وتعديل بنية الموقع الأساسية التي تم إنشاؤها بواسطة أكواد  .HTML 
 HTML5 هو أحدث إصدار ويدعم وظائف المستعرض عبر الأنظمة الأساسية، مما يجعله شائعًا في تطوير تطبيقات الأجهزة المحمولة.
CSS
تم تطوير أوراق الأنماط المتتالية (CSS) في أواخر التسعينيات. يضيف عناصر تصميم مثل الطباعة والألوان والتنسيقات إلى مواقع الويب - إنها رمز مستحضرات التجميل.
يسمح CSS للمطورين بتحويل موقع الويب الخاص بك لمطابقة المظهر الجمالي الذي تتخيله لموقعك ، ومثل  HTML5، فإن CSS متوافق مع جميع المتصفحات.
جافا سكريبت
جافا سكريبت هو الكرز على رأس لغات الترميز. تم إنشاؤه في منتصف التسعينيات، ويستخدم JavaScript لإضافة وظائف إلى مواقع الويب. يستخدمه المطورون لإضافة رسوم متحركة وأتمتة المهام داخل صفحات معينة وإضافة ميزات تفاعلية تعزز تجربة المستخدم.

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

HTML و CSS و JavaScript هي اللغات "الثلاثة الكبار" في تطوير الويب. يستخدمها كل موقع تقريبًا في بعض القدرات. هناك الكثير من اللغات الأخرى، كلغات جانب الخادم مثل Java و C ++ و Python و SQL ، لكن فهم هذه اللغات الثلاثة يعد أمرًا أساسيًا لمعرفتك بتطوير موقع الويب الخاص بك.

بناء الخلفية لموقع الويب الخاص بك.
قد تكون كتابة التعليمات البرمجية أحد الأجزاء الأكثر تعقيدًا في تطوير الويب، ولكنها ليست المكون الوحيد. يجب عليك أيضًا بناء هياكل وتصميم مواقع الواجهة الخلفية والأمامية.
لنبدأ مع النهاية الخلفية.
تقوم الواجهة الخلفية بمعالجة البيانات التي تمكن الوظائف الموجودة على الواجهة الأمامية. على سبيل المثال، تخزن الواجهة الخلفية لـ فيسبوك صوري، بحيث يمكن للواجهة الأمامية بعد ذلك السماح للآخرين بالنظر إليها. يتكون من مكونين رئيسيين:
¥    قواعد البيانات، وهي المسؤولة عن تخزين وتنظيم ومعالجة البيانات بحيث يمكن استرجاعها عن طريق طلبات الخادم.
¥    الخوادم، وهي الأجهزة والبرامج التي يتكون منها جهاز الكمبيوتر الخاص بك. الخوادم مسؤولة عن إرسال طلبات البيانات ومعالجتها وتلقيها. هم الوسيط بين قاعدة البيانات والعميل / المتصفح. سيقوم المتصفح، في الواقع، بإخبار الخادم "أنا بحاجة إلى هذه المعلومات"، وسيعرف الخادم كيفية الحصول على هذه المعلومات من قاعدة البيانات وإرسالها إلى العميل.
تعمل هذه المكونات معًا لبناء الأساس لكل موقع ويب.
بالنسبة لبناء موقع الويب الخاص بك، سيقوم مطورو الواجهة الخلفية بإنشاء ثلاثة أشياء.
1.    رمز المنطق الخاص بك، وهو في الأساس مجموعة من القواعد لكيفية استجابة موقع الويب الخاص بك لطلبات معينة وكيفية تفاعل عناصر موقع الويب الخاص بك.
2.    إدارة قاعدة البيانات الخاصة بك، وهي الطريقة التي سينظم بها موقع الويب الخاص بك ويديرها ويستعيدها.
3.    البنية التحتية الخاصة بك، وهي الطريقة التي سيتم بها استضافة موقعك. ستمنحك استضافة موقعك تحكمًا أكبر، ولكنه أكثر تكلفة بكثير ويتطلب منك الحفاظ على سلامة خادمك وأمانه.
مع وجود هذه المكونات والقرارات، سيكون موقع الويب الخاص بك جاهزًا لتطوير الواجهة الأمامية.
لك على الأرجح أيضًا.
ملاحظة: تعتبر الواجهة الخلفية مماسة قليلاً لتطوير الويب لأنك لا تحتاج دائمًا إلى نهاية خلفية إذا كنت لا تخزن أي بيانات. تعني "البيانات" في هذا السياق أي معلومات أدخلها المستخدم وتحتاج إلى حفظها واستمرارها. فكر في تسجيل الدخول إلى موقع ويب. إذا لم يكن لديهم نهاية خلفية، فكيف يمكنهم تذكر معلومات تسجيل الدخول الخاصة بك؟ أو ما هي إعدادات ملف التعريف الخاص بك؟ 

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

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

بناء الواجهة الأمامية لموقع الويب الخاص بك.
إذا كنت قد انخرطت في تصميم الويب أو التلاعب بموقع ويب في "ورد برس" أو "سكويرسبيس" أو "جوجل سايتس" ، فأنت قد لمست تطوير الويب للواجهة الأمامية.
تعتبر عناصر الواجهة الأمامية مهمة - فهي ما يراه الزوار والعملاء والمستخدمون وكيفية استخدامهم لموقعك على الويب.
يتضمن تطوير الواجهة الأمامية (أو من جانب العميل) مجموعة من "جافاسكريبت" و HTML و CSS
 كما أنه يتحكم في مكونات مثل الطباعة والخطوط والتنقل وتحديد المواقع وتوافق المستعرض واستجابته. سيعكس هذا الجزء المزيد من الرؤية الأولية لموقعك وما قمت بتضمينه في الإطار الشبكي الخاص بك.
مع تغير التكنولوجيا وتفضيلات المستهلك، يميل الترميز من جانب العميل إلى أن يصبح قديمًا ...أسرع بكثير من التطوير الخلفي. هذا هو المكان الذي تكون فيه موارد الترميز (مثل تلك التي قمنا بتضمينها أدناه) مفيدة.

العمل مع CMS  (اختياري)
لماذا يختار شخص ما CMS بدلاً من الترميز "يدويًا" أو "من نقطة الصفر؟" حسنًا، نظام إدارة المحتوى أسهل في الاستخدام (عليك كتابة رمز أقل)، وغالبًا ما يحتوي على أدوات لاستضافة الموقع. من ناحية أخرى، فهو أقل مرونة، وبالتالي، يمنحك تحكمًا أقل في الواجهة الأمامية.
تعرف على سبب استخدام الآلاف من العملاء لنظام إدارة المحتوى الخاص بـ HubSpot  لإنشاء موقع ويب محسن يتكامل مع بيانات HubSpot CRM الخاصة بهم ومكدس التسويق الكامل.
غالبًا ما تتضمن خيارات CMS أيضًا مكونات إضافية تزيل الحاجة إلى كتابة نهاية خلفية. على سبيل المثال، هناك مكونات WordPress الإضافية للتجارة الإلكترونية بحيث، بدلاً من إنشاء واجهة خلفية معقدة لشحن بطاقات ائتمان العملاء، يمكنك فقط استخدام مكون إضافي موجود وتجنب الحاجة إلى التعامل مع قواعد البيانات والرمز من جانب الخادم على الإطلاق.

تشمل أنظمة إدارة المحتوى الشائعة "هب سبوت"  و "جوملا" و"ماجنتو" و "ورد برس" - التي تمتلك أكثر من 60٪ من حصة السوق. (في هذه الحالة نحن نتحدث عن برنامج "وردبرس" مفتوح المصدر، وليس منشئ موقع "وردبرس").

الحصول على اسم المجال
في هذه المرحلة، سيكون لموقع الويب الخاص بك عنوان IP  .كما يحتاج أيضًا إلى اسم مجال، وهو اسم موقع ويب لا يُنسى يمكن للزائرين استخدامه للعثور على موقعك.
ربما سمعت عن مواقع مثل GoDaddy و Hover .
تساعدك هذه الخدمات على شراء اسم المجال والتسجيل لدى ICANN(شركة الإنترنت للأسماء والأرقام المخصصة). تكون معظم عمليات تسجيل النطاقات صالحة لمدة عام قبل أن تتم مطالبتك بالتجديد.

يسمح لك أيضًا منشئو مواقع الويب وخدمات الاستضافة ، مثل "ورد برس" و "سكويرسبيس" ، بشراء اسم مجال.

ابدأ تشغيل موقعك.
بمجرد إعداد اسم النطاق وربطه بالمضيف، تكون جاهزًا تقريبًا للكشف عن عملك على الويب.
ولكن ، ليس بهذه السرعة - لا تزال هناك بعض الأشياء التي ستحتاج إلى التحقق منها قبل الإطلاق الرسمي. يتضمن ذلك تخطيط المسؤوليات على فريقك، واختبار موقعك بدقة بحثًا عن أي خلل، وتحسين مُحسّنات محرّكات البحث والتحقق النهائي قبل "قلب المفتاح" وجعل موقعك حيًا.

موارد تطوير الموقع
هل أنت مهتم بمعرفة المزيد عن التطوير والترميز؟ عدا عن التواصل مع المطورين الآخرين، هناك الكثير من الموارد التي يمكنك الاستفادة منها لزيادة فهمك أو تطوير الويب.

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

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

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

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

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

تريهاوس
Team Treehouse  هو برنامج تعليمي عبر الإنترنت قائم على الاشتراك. يدفع المستخدمون رسومًا شهرية ويتمكنون من الوصول إلى مئات الدورات في أكثر من 20 موضوعًا مختلفًا. من "جافاسكريبت" إلى"بايثن" إلى "بي إتش بي ، يمكن أن يعلمك تريهاوس كل ما تحتاج لمعرفته حول تطوير الويب.
مجتمعات تطوير الويب
مطورو الويب هم خبراء في استخدام الإنترنت، لذلك فمن المنطقي أن يقضوا وقتًا ممتعًا هناك.
وفقًا لـ Code Condo ، ينضم المطورون إلى هذه المجتمعات من أجل:
• أحدث المعلومات وحل المشكلات
• إجابات ثاقبة، ووجهات نظر جديدة
• نصائح وحيل للمبرمجين من جميع المستويات
• روابط لمصادر ومحادثات وأوراق بحثية
• التعرف على أصدقاء جدد ورفاق رمز وشركاء محتملين
إليك بعض المجتمعات عبر الإنترنت التي أوصى بها مطورو "هب سبوت" الخاصين بنا.

Stack Overflow 
تم تقديم Stack Overflow منذ عشر سنوات وأصبح منذ ذلك الحين أحد أكثر مجتمعات البرمجة شهرة في العالم. وفقًا للمؤسس المشارك جيف أتوود، "تم إعداد [Stack Overflow] بواسطة المبرمجين ، للمبرمجين ، بهدف نهائي هو زيادة إجمالي المعرفة الجيدة بالبرمجة في العالم بشكل جماعي."
يعد Stack Overflow مكانًا رائعًا للتعامل مع الأسئلة لأنه في معظم الأوقات، قام مطورون آخرون بطرح الأسئلة نفسها والإجابة عليها. تبقيك المنتديات في Stack Overflow على اتصال بمطورين آخرين مع إطلاعك على كل ما هو جديد.

شبكة تطوير موزيلا
تُعرف شبكة تطوير Mozilla (MDN) بأنها أكثر شمولاً ودقة من الموارد الأخرى عبر الإنترنت. إنه ليس مجتمعًا بقدر ما هو مورد شامل ومكتبة من المستندات للغات الترميز. يعد MDN مفيدًا عند تعلم كيفية عمل وظائف معينة والبقاء على اطلاع دائم بأخبار الترميز والتطوير.

Reddit
Reddit هو مجتمع قائم على المنتدى حيث يجتمع المطورون من جميع المستويات لطرح الأسئلة والإجابة عليها. إنها تفاعلية بشكل لا يصدق وتضم أشخاصًا من جميع أنحاء العالم. يمكنك أيضًا الانضمام إلى "subreddits" بناءً على الموضوع ، مثل تصميم الويب أو "جافا سكريبت" أو العمل الحر.

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