 |
WEB DEVELOPMENT |
برمجة الويب
Web programming
المعروفة أيضًا باسم تطوير الويب
web development
هي إنشاء تطبيقات الويب الديناميكية. من أمثلة تطبيقات الويب مواقع الشبكات الاجتماعية مثل
Facebook
أو مواقع التجارة الإلكترونية مثل
Amazon
والشئ الجميل هو أن تعلم تطوير الويب ليس بهذه الصعوبة
في الواقع انه أفضل طريقه لتعليم المبتدئين البرمجه هو تعلم برمجه الويب . إنه سهل الإعداد ، وتحصل على نتائج فورية ، ويتوفر الكثير من التدريب عبر الإنترنت
يتعلم الكثير من الأشخاص برمجه الويب لأنهم يريدون ذلك أو للعثور على وظيفة في المجال نفسه ولكنه أيضًا خيار جيد إذا كنت تريد مجرد مقدمة عامة للتشفير ، حيث إنه من السهل البدء في ذلك. بغض النظر عما إذا كنت تبحث عن مهنة أو ترغب فقط في تعلم الترميز فإن تعلم كيفية التطوير للويب هو لك
فى هذه التدوينه وهى ستكون سلسله من 3 ثلاث مقالات سنلقى الضوء على برمجه الويب واللغات المستخدمه و بعض الامثله و طريقه كتابه الكود ’ و ليس الهدف هو تعليم البرمجه و انما توضيح الصوره فقط .
ونذكر اهم المواقع التعليميه لهذه اللغات
وننصح دائما بالاعتماد على المواقع الانجليزيه حيث ان المواقع العربيه فقيره جدا أوهى ترجمه ركيكه لما تحويه المواقع الاجنبيه
اولا : نظرة على البرمجه بصفه عامه
يمكن لأي شخص تعلم البرمجه ، تمامًا مثل أي شخص يمكنه تعلم لغة جديدة. في الواقع ، البرمجة تشبه التحدث بلغة أجنبية - وهذا هو بالضبط السبب في أنها تسمى لغات البرمجة.
كل لغه لها قواعدها وصياغتها الخاصة التي تحتاج إلى تعلمها خطوة بخطوة. هذه القواعد هي طرق لإعلام الكمبيوتر بما يجب القيام به. وبشكل أكثر تحديدًا ، في برمجة الويب ، فهي طرق لإخبار المتصفحات بما يجب فعله.
ما هي لغة البرمجة؟
تشبه البرمجة اى لغة إنسانية ، مثل العربيه او الإنجليزية . نحن نستخدم هذه اللغات لتحويل الأفكار والكلمات إلى أعمال وسلوك. في البرمجة الهدف هو نفسه بالضبط - فأنت تهدف لانتاج أنواعً مختلفة من السلوك ، ومصدر هذا السلوك ليس إنسانًا , انه حاسب الى
لغة البرمجة هي طريقتنا للتواصل مع البرامج.. قد تكون الأشياء التي نطرحها للبرنامج باستخدام لغة برمجة هي جعل صفحة الويب تبدو بطريقة معينة ، أو لجعل كائن ما على الصفحة يتحرك إذا اتخذ المستخدم البشري إجراءً معينًا
لذلك ، عندما يتم منح أحد مصممي الويب هدفًا نهائيًا مثل " إنشاء صفحة ويب تحتوي على هذا العنوان ، هذا الخط ، هذه الألوان ، هذه الصور ، ووحيد القرن متحرك يمشي عبر الشاشة عندما ينقر المستخدمون على هذا الزر" ، وظيفة مصمم الويب هو أخذ هذه الفكرة الكبيرة وتفتيتها إلى أجزاء صغيرة ، ثم ترجمة هذه القطع إلى تعليمات يمكن أن يفهمها الكمبيوتر - بما في ذلك وضع جميع هذه التعليمات بالترتيب الصحيح أو بناء الجملة
ثانيا : نظرة عامه على تطوير الويب
هناك قسمان عريضان لتطور الويب - تطوير الواجهة الأمامية
(يسمى أيضًا تطويرالعميل )
client-side development
البرمجة من جانب العميل هي كتابة التعليمات البرمجية التي سيتم تشغيلها على جهاز العميل ، وتتم باللغات التي يمكن تنفيذها بواسطة المتصفح
والتطوير الخلفي
( يطلق عليه أيضًا تطوير جانب الخادم )
server-side development
البرمجة من جانب الخادم هي كتابة التعليمة البرمجية التي يتم تشغيلها على الخادم وذلك باستخدام اللغات التي يدعمها الخادم
البرمجة من جانب العميل او تطوير الواجهة الأمامية هو موضوع حديثنا فى هذه السلسله من المقالات.
لتطوير الواجه الاماميه او برمجه الوب يجب تعلم 3 ثلات لغات برمجه هى التى تكون صفحه الوب التى تراها امامك فى المتصفح .
هذه اللغات هى
HTML CSS JavaScript
 |
| برمجه الوب |
أنت تستخدم
HTML
وهي البنية الأساسية ومحتويات موقع الويباى لتحديد محتوى صفحات الويب لإنشاء المحتوى الفعلي للصفحة
CSS
مسؤولة عن تصميم صفحة الويب - كيف يبدو كل شيء ، على سبيل المثال الألوان وأين العناصر في الصفحة اى لتحديد تنسيق صفحات الويب
JavaScript
مسؤولة عن التفاعل على صفحة الويب التي تساعد على إشراك مستخدم
جافا سكريبت لبرمجة سلوك صفحات الويب
ولتوضيح الفروق بين
JavaScript و HTML و CSS
دعونا نعتبر صفحة الويب كجسم بشري. الآن دعونا نرى ما تفعله كل من هذه اللغات
HTML
عبارة عن لغة بنيوية تقوم ببناء هيكل موقع الويب حيث يشكل الهيكل العظمي هيكل جسم الإنسان. العنوان ، والفقرات ، والصور ، والنص ،
HTML
يقوم بإنشاء البنية الأساسية لموقع الويب
CSS
هي لغة تصميم تعطي تصميم موقع ويب. مع مساعدة من اللون الأمامي ، لون الخلفية و الحدود اى انه يقدم مظهر الموقع كما يعطى الجلد نظره لجسم الانسان
JavaScript
هي لغة برمجة تقدم الحركة والمنطق إلى موقع الويب على سبيل المثال تنبيه نافذة منبثقة. انها مثل حركة جسم الانسان
لذلك ، رأينا كيف أن لغة البرمجة الثلاثة هذه تختلف عن بعضها البعض ، وفقًا لأعمالها. هناك العديد من المواقع التى تعلم هذه اللغات من اهمها
وتذكر دائما ان تعتمد على المواقع الانجليزيه حيث ان المواقع العربيه فقيره جدا أوهى ترجمه ركيكه لما تحويه المواقع الاجنبيه
نرجو ان تترك لنا تعليق او اذا كان لديا استفسار او ملحوظه – لا تتردد اترك تعليق واعلم اننى ساكون ممتن بذلك .
المصادر
