القائمة الرئيسية

الصفحات

أخبار حصرية


لغات برمجة تطبيقات الويب,لغات تصميم المواقع,لغات برمجة المواقع الإلكترونية,البرمجة التي يستخدمها متصفح الويب client

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

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

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

لغات برمجة الويب

أولاً وقبل أن نبدأ يجب أن نؤكد على أن لغات تصميم أي موقع ويب تنقسم إلى قسمين:


 لغات برمجة واجهات مواقع الويب وتسمى ( Front End): وهو الجزء الذي يتعامل معه المستخدم أو الزائر ضمن المواقع. 


قسم (Back End): و يسمى القسم البرمجي أو العمليات في الخلفية . ويتم برمجته  بأكثر من لغة برمجه من لغات برمجه و تطوير الويب.


لغات برمجة يكثر استخدامها لتصميم تطبيقات الويب:

 برمجة الـ فرونت اند(Front End Programming Languages):

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

- لغة (HTML):

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

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

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


علماً أن هذه اللغة تم تطويرها ضمن عدة إصدارات حتى وصلت إلى إصدارها الخامس (HTML 5).


ومما سبق نجد أنه ليس هناك أي من مواقع الويب تم تصميمه دون لغة البرمجة هذه.

الصورة التالية تبين بعض الأوامر المستخدمه في هذه اللغة.


لغات برمجة الويب
لغات برمجة الويب


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


من أهم المصادر التعليمية من أجل تعلم هذه اللغة لتصميم المواقع :


الأجنبية: w3school وكذلك 


العربية: أكاديمية الزيرو وأيضا قنوات يوتيوب مميزة مثل قناة بغداد الجديدة وقناة نور حمصي.


- لغة البرمجة (CSS): 

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


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

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

يمكنك أن تضمن هذه اللغة بشكل مباشر عند كتابتك للعناوين أو الفقرات باستخدام لغة الـ(HTML) 

أثناء تصميمك لموقعك على الويب.

 أو كتابة التنسيقات ضمن صفحة (CSS) خاصة بموقع الويب ثم استدعاؤها عن طريق صفحة الـ(HTML) كما في الصورة التالية.



لغات برمجة الويب
لغات برمجة الويب


تعتبر لغة برمجة الويب هذه من أهم لغات برمجة و تطوير الويب لما تضفيه من طابع جميل عند برمجة الويب.


وبالتأكيد يمكنك من خلال مواقع الويب مثل w3school أن تجد شرحاً مميزاً عن لغة البرمجة(CSS) وأيضا على كل من أكاديمية الزيرو وقناة بغداد الجديدة والتي تمثل خيارات مميزة لتعلم أي لغة برمجة سواء المستخدمة في الويب أو لغات البرمجة الأخرى.


- لغة جافا سكريبت (java script) : 

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


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


أي أن لغة جافا سكريبت(java script) تستعمل للنوافذ التحذيرية التي تظهر أثناء تصفحك مواقع الويب كما في الصورة التالية :

لغات برمجة الويب
لغات برمجة الويب


وكذلك الأمر يتم استدعاء لغة البرمجة جافا سكربت(java script)هذه وتبيان وجودها ضمن صفحة برمجة (html).


إن قنوات اليوتيوب العربية مثل قناة بغداد الجديدة وقناة نور حمصي وكذلك أكاديمية الزيرو تعتبر خياراً ذكياً لتعلم العديد من لغات البرمجة مثل لغة برمجة جافا سكربت(java script) أو كما تسمى لغة البرمجة (java script) اختصاراً js

لغات برمجة الويب
لغات برمجة الويب



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

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


يمكن تعلم جافا اسكربت(java script) واحترافها من خلال الممارسة المتكررة مثلها مثل أي لغة من لغات البرمجة الأخرى.


من اللغات البرمجية الأخرى التي تدخل في تطوير الويب والتي أصبحت منتشرة بكثرة في مجال (Front End) هي:

  • لغة Angular إنها أحد أهم المسارات بين لغات برمجة الويب حيث أنها تعتبر سهلة ودخلت في تصميم العديد من صفحات الويب في الفترة الماضية.
  • وأيضا لغة Jquery
  •  بالإضافة إلى لغة React والتي تشكل بنية ديناميكية وتفاعلية مميزة في تطبيقات وصفحات الويب.

  • لغة برمجة الويب Vue.

  • لغة برمجة Typescript تعتبر واحدة من لغات برمجة الويب التي انتشرت الفترة الماضية بشكل جيد.
  • وكذلك برمجة الويب باستخدام Elm.

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


ونود أن ننوه أن هذه المجال الذي تحدثنا عنه سابقاً يعد مجالاً برمجياً للكثيرين حيث أن مصممي و مبرمجي أي موقع ويب قد يكونوا إما مصممي واجهات الويب أو مصممي القسم البرمجي وبما يشمل تطبيقات الاتترنت.


ومع ذلك هناك ما يسمى (Full-Stack developer) وهو المبرمج الذي يقوم بإنشاء موقع الويب كاملاً بقسميه ويعتبر الأكثر أجراً. 


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



أفضل لغات برمجة المواقع فيما يخص الـ( Back End development): 

إنها اللغات البرمجية التي تدخل في تجهيز المواقع و تطبيقات الانترنت و بنائه بالطريقة التي تحقق تفاعلاً مع المستخدم ومعالجة للبيانات أو تخزينها.

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


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


مثال آخر عند بحثك عن ما ترغب به من خلال google أو youtube فإن كلمة البحث التي قمت بإدخالها يتم معالجتها عن طريق لغات معينة ومن ثم تقديم النتائج لك.


عملية معالجة البيانات هذه هي ما يسمى بالقسم البرمجي.


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

بي اتش بي (php): 

تعتبر لغة (php) الأكثر شعبية وانتشاراً في هذا المجال إذ أن الكثير من المواقع المعروفة عالمياً تعتمد لغة البرمجة هذه.


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


ومن أشهر مواقع الويب المعروفة التي تم برمجتها باستخدام هذه اللغة:

  • facebook
  • wikipedia
  • tumblr
  • wordpress

ومن الأمور المهمة  التي يجب أن تعلمها عزيزي القارئ أن ووردبريس wordpress ليست لغة برمجة ويب بل إنه تم تصميمها لتكون أسهل ولا تحتاج لأن تتعلم لغات كثيرة لتكون قادراً على تصميم موقعك.


- بايثون(python): 

  • أصبحت هذه اللغة مشهورة جداً. حيث أنها بالإضافة لكونها مستخدمة في تطوير البرمجيات والتطبيقات والألعاب . تستخدم في برمجة صفحات الانترنت وكذلك تطبيقات الويب المختلفة و اشهرها:
  • instagram
  • netflix
  •  spotify

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

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


- (SQL): 

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


وتعتبر أنها قاعدة بيانات أساسية للغة الشهيرة (My Sql).


وأيضا هناك المزيد من اللغات الأخرى مثل :

- asp .net: لغة برمجه المواقع هذه مشهورة و الطلب عليها ما زال جيداً. وذلك بسبب:

1- سريعة 

2- توفر أماناً كبيراً للمواقع

3- تضم مكتبة كبيرة من الأدوات.

4- تعمل بكفاءة مع الكثير من اللغات البرمجية الأخرى مثل : سي شارب (c# .Net) وفيجوال بيسك (visual basic.Net) وكذلك (Iron python).


وبالتأكيد لا ننسى أن هناك الكثير من اللغات الأخرى المهمة جدا و المستخدمة في هذا السياق وهي:

- لغة البرمجة المميزة : الجافا (java)

- لغة برمجة الـ سي بلس بلس 

- وكذلك لغة البرمجة روبي (Ruby)

- وأيضا يمكن البرمجة لمواقع الويب المختلفة باستخدام لغة البرمجة node js

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


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


وفي الختام أعزاءنا المتابعين نشكر لكم متابعتكم ونأمل دوماً أن نقدم لكم المعلومات المميزة والمناسبة. التي بالتأكيد ستغني أفكاركم وتسهل عليكم العمل.


نسعد بتعليقاتكم وبأي استفسار ترغبون به

تعليقات