برمجة الويب   Web programming المعروفة أيضًا باسم تطوير الويب   web development

هي إنشاء تطبيقات الويب الديناميكية. من أمثلة تطبيقات الويب مواقع الشبكات الاجتماعية مثل  Facebook  أو مواقع التجارة الإلكترونية   مثل  Amazon

والشئ الجميل هو أن تعلم تطوير الويب ليس بهذه الصعوبة

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

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

فى هذه التدوينه وهى ستكون سلسله من 3 ثلاث مقالات سنلقى الضوء على برمجه الويب واللغات المستخدمه و بعض الامثله و طريقه كتابه الكود ’ و ليس الهدف هو تعليم البرمجه و انما توضيح الصوره فقط .

ونذكر اهم المواقع التعليميه لهذه اللغات

وننصح دائما بالاعتماد على المواقع الانجليزيه حيث ان المواقع العربيه فقيره جدا أوهى ترجمه ركيكه لما تحويه المواقع الاجنبيه

اولا : نظرة على البرمجه بصفه عامه

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

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

ما هي لغة البرمجة؟

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

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

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

ثانيا : نظرة عامه على تطوير الويب

هناك قسمان عريضان لتطور الويب - تطوير الواجهة الأمامية (يسمى أيضًا تطويرالعميل )   client-side development

البرمجة من جانب العميل هي كتابة التعليمات البرمجية التي سيتم تشغيلها على جهاز العميل ، وتتم باللغات التي يمكن تنفيذها بواسطة المتصفح

والتطوير الخلفي ( يطلق عليه أيضًا تطوير جانب الخادم )   server-side development

البرمجة من جانب الخادم هي كتابة التعليمة البرمجية التي يتم تشغيلها على الخادم وذلك باستخدام اللغات التي يدعمها الخادم

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

لتطوير الواجه الاماميه او برمجه الوب يجب تعلم 3 ثلات لغات برمجه هى التى تكون صفحه الوب التى تراها امامك فى المتصفح .

هذه اللغات هى

HTML         CSS        JavaScript


1-   HTML

أنت تستخدم    HTML  لإنشاء المحتوى الفعلي للصفحة اى هي البنية الأساسية ومحتويات موقع الويب و لتحديد محتوى صفحات الويب

CSS  - 2

مسؤولة عن تصميم صفحة الويب - كيف يبدو كل شيء ، على سبيل المثال الألوان وأين العناصر في الصفحة اى لتحديد تنسيق صفحات الويب

JavaScript  - 3 

مسؤولة عن التفاعل على صفحة الويب التي تساعد على إشراك مستخدم الويب فى برمجة سلوك صفحات الويب

ولتوضيح الفروق بين

JavaScript    و HTML   و CSS

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

HTML

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

CSS

هي لغة تصميم تعطي تصميم موقع ويب. مع مساعدة من اللون الأمامي ، لون الخلفية و الحدود

CSS  يقدم مظهر الموقع كما يعطي الجلد نظرة لجسم الإنسان

JavaScript

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

لذلك ، رأينا كيف أن لغة البرمجة الثلاثة هذه تختلف عن بعضها البعض ، وفقًا لأعمالها. هناك العديد من المواقع التى تعلم هذه اللغات من اهمها

codecademy

https://www.codecademy.com/learn/learn-htm

.w3schools.

https://www.w3schools.com/html/


وتذكر دائما ان تعتمد على المواقع الانجليزيه حيث ان المواقع العربيه فقيره جدا أوهى ترجمه ركيكه لما تحويه المواقع الاجنبيه

نرجو ان تترك لنا تعليق او اذا كان لديا استفسار او ملحوظه – لا تتردد اترك تعليق واعلم اننى ساكون ممتن بذلك .

المصادر

https://www.cleverism.com/programming-languages-web-development/

https://www.codeconquest.com/what-is-coding/web-programming/

https://blog.hubspot.com/marketing/web-design-html-css-javascript

https://modountiy.blogspot.com/