الفرق بين HTML و CSS و JavaScript
عرف لغة CSS
تعد
لغة CSS
اختصاراً لكلمة “Cascading Style Sheets”، وهى لغة تهدف إلى تبسيط صفحات الويب حيث تتعامل مع شكل ومظهر صفحة الويب فيمكنها التحكم في لون النص، نمط الخطوط، التباعد بين الفقرات، كيفية تحديد حجم الأعمدة وتخطيطها وصور وألوان الخلفية المستخدمة بالإضافة إلى تصميمات التخطيط وأحجام الشاشة ومجموعة متنوعة من التأثيرات الأخرى، بالرغم من الخدمات الكثيرة التي تقدمها إلا أنها سهلة التعلم والفهم وتوفر تحكم قوي في مستند HTML وهو الأكثر شيوعاً لذلك يتم دمجها مع لغات الترميز HTML أو XHTML.
مميزات لغة CSS
- توفر لغة CSS الوقت حيث تمكنك من الكتابة مرة واحدة فقط وإعادة إستخدام نفس الصفحة في صفحات HTML المتعددة.
- تقوم هذه اللغة بتحديد النمط لكل عنصر HTML وتطبيقه على أي عدد من صفحات الويب.
- تقوم لغة css بتحميل الصفحات بشكل أسرع.
- سهولة الصيانة، فعندما تقوم بتغيير النمط سيتم تحديث جميع العناصر في جميع صفحات الويب تلقائيًا. [1]
ماهي لغة HTML
تُعرف بلغة ترميز النص التشعبي، حيث تسمح للمستخدم بإنشاء وهيكلة الأقسام والفقرات والعناوين والروابط لصفحات الويب والتطبيقات، لا تعتبر HTML لغة من لغات البرمجة فهى لا تمتلك القدرة على إنشاء وظائف ديناميكية لكن تعمل على تنظيم المستندات وتنسيقها كما يعمل Microsoft Word، تستخدم HTML أكواد بسيطة لترميز صفحة موقع ويب مثال على ذلك يمكن إنشاء فقرة بوضع النص المرفق داخل علامة البداية <p> وعلامة </p> للإغلاق. [2]
لغة جافا سكريبت Javascript
تعد
لغة JavaScript
لغة برمجة خفيفة مصممة لإنشاء التطبيقات بشكل مجاني ومتكامل فهى سهلة الفهم والتنفيذ للغاية لأنها مدمجة مع
لغة HTML
متعددة المنصات، يتعلمها الطلاب ليصبحوا مهندسو برمجيات خاصةً عندما يعملون في مجال تطوير الويب ومن أبرز مميزاتها :
- أكثر لغات البرمجة شيوعًا في العالم مما يجعلها خيارًا مثالياً للمبرمجين.
- تساعد على تطوير برامج ممتازة للواجهة الأمامية والخلفية وذلك بإستخدام إطارات مختلفة تستند إلى Javascript مثل jQuery و Node.JS.
- يتم تثبيتها على أي متصفح ويب حديث، مثل Chrome و Mozilla Firefox و Safari فكل متصفح يدعم Javascript.
- تساعد على إنشاء مواقع ويب رائعة وسريعة كما يمكنها تطوير موقع الويب الخاص بك.
- تعمل على تطوير تطبيقات الأجهزة المحمولة وتطبيقات سطح المكتب والألعاب. [3]
الفرق بين لغة HTML و CSS و JavaScript
-
الفرق بين لغات البرمجة
واضح، فبإستخدام HTML ستتمكن من إنشاء هيكل موقع الويب الخاص بك، بينما تمنحك لغة CSS القدرة على جعل موقع الويب يبدو أكثر جاذبية من ناحية الشكل، أما JavaScript فهى لغة برمجة قوية تسمح بتغيير مكونات HTML و CSS لموقع الويب لتتناسب مع المواصفات المطلوبة - من خلال فهم HTML يمكن زيادة التحكم والمرونة بشكل ملحوظ مع موقع الويب الخاص بك، فسوف تتمكن من إجراء التغييرات الخاصة عن طريق HTML، كما تقوم بعض الأنظمة الأساسية بتنفيذ العديد من الوظائف الأكثر تعقيدًا لتصميم موقع الويب مما يتيح لك إمكانية التعامل مع التغييرات التي يمكن إجراؤها بإستخدام HTML
- تستخدم CSS بشكل أساسي لإنشاء تأثيرات ثابتة في شكل موقع الويب، كوضع الإطارات وتغيير ألوان الخلفية بالإضافة لإمكانية إنشاء رسوم متحركة بسيطة، حيث تسمع لغة CSS القيام بذلك عن طريق إضافة رمز “النمط” إلى كود HTML الموجود في الصفحة.
- يتم الدمج بين JavaScript و HTML فتقوم بإنشاء آلة حاسبة لموقع الويب الخاص بك، واختصارات لوحة مفاتيح متنوعة تتيح للمستخدمين التنقل بسهولة إلى صفحات أخرى بالإضافة إلى تشغيل الرسوم المتحركة البسيطة عندما يقوم المستخدمون بالتمرير لأسفل الصفحة. [4]
الفرق بين Java و JavaScript
يتم الخلط دائماً بين جافا وجافا سكريبت من قبل المبرمجون الجدد والمبتدئين على حد سواء فهما مختلفان تماماً لكن هناك شئ واحد فقط مشترك بينهما وهى كلمة “جافا”، كل لغة برمجة فيهم قوية ومفيدة في ما يخصها فليس بالضرورة أن يكون إحداهما أفضل من الأخرى لذلك يستخدم المبرمجون كلاهما “Java و JavaScript” لتنفيذ متنوعة من المهام منها:
- تُستخدم لغة Java في مجموعة كبيرة من الأعمال مثل تطبيقات Android وبرمجة بطاقات الائتمان وإنشاء تطبيقات سطح المكتب بينما تُستخدم لغة JavaScript بشكل أساسي لجعل صفحات الويب أكثر تفاعلية عند دمجها مع HTML.
- يتم إستخدام Java عادةً في جميع عمليات التطوير، بينما تعمل JavaScript لتطوير البرامج النصية والتحقق من التفاعل الخاص بموقع الويب.
- تضم لغة Java الأكواد، بينما شفرة JavaScript عبارة عن نصوص.
- يتم تشغيل شفرة JavaScript على متصفح فقط، بينما تقوم Java بإنشاء تطبيقات تعمل في جهاز أو متصفح افتراضي.
- تعد لغة جافا لغة برمجة كائنية التوجه، أما جافا سكريبت على وجه التحديد لغة برمجة نصية. [5]
مواقع مجانية لتعلم البرمجة
موقع BitDegree
يقدم موقع BitDegree عددًا كبيرًا من الدورات التدريبية المجانية أبتداً من البرمجة حتى تطوير الألعاب، وهى دورات مفيدة جداً تكون عبر الإنترنت فكل ما عليك فعله هو اختيار لغتك والبدء في التعلم، وهناك مجموعة متنوعة من
لغات البرمجة
التي تتعلمها في الموقع وأكثرها شيوعًا :
- CSS
- لغة PHP
- جافا سكريبت JavaScript
- SQL
يمكن الدخول إلى الموقع
من هنا
.
موقع Coursera
يوفر هذا الموقع دورات تدريبية وبرامج تعليمية قائمة على الترميز يقوم بتدريسها أساتذة في جامعات رائدة، لذلك ستجد هنا المئات من الدورات التدريبية المختلفة المتعلقة بالبرمجة للاختيار من بينها، كل دورة تدريبية تقدم على الموقع تكون مجانية تمامًا،
أنواع لغات البرمجة
التي يقدمها هذا الموقع هى:
- لغة بايثون python
- جافا Java
- HTML و CSS
- لغة سي C
يمكن الدخول إلى الموقع
من هنا
.
موقع Code Academy
يعد واحد من أكثر
مواقع تعليم لغات البرمجة
شعبية، حيث يتعلم المبتدئين البرمجة مجانًا فوصل أعدادهم إلى أكثر من 24 مليون شخص مبرمج بإستخدام هذه المنصة، تُقدم الدورات على الموقع أبتداً من البرمجة التمهيدية إلى اللغات الأكثر تقدمًا، كما يتيح أسلوب التعلم التفاعلي من خلال التطبيق على ما تعلمه المستخدمون، تتضمن بعض اللغات التي ستتمكن من تعلمها في Code Academy ما يلي :
- جافا سكريبت
- CSS
- بي أتش بي PHP
- بايثون python
- Ruby
يمكن الدخول إلى الموقع
من هنا
.
موقع edX
edX، هو منصة تعليمية ضخمة للتعليم العالي يضم حاليًا شبكة بها أكثر من 5 ملايين طالب، يتم تقسيم الموقع إلى العديد من الفئات المختلفة من ضمنها
اساسيات تعلم البرمجه
ومن أشهر الدورات التعليمية للبرمجة في هذا الموقع :
- لغة HTML و CSS
- جافا Java
- لغة C ++ الأشهر على الإطلاق
- لغة سي C
- بايثون python
- SQL
كما تتوفر دروس في تطوير تطبيقات الهاتف، ودورات مدفوعة الأجر بجانب الدورات المجانية والتي تكون كافية لتعليمك أساسيات الترميز.
يمكن الدخول إلى الموقع
من هنا
.
موقع Khan Academy
يُعرف بموقع “خان” وهو عبارة عن منصة تعليمية ضخمة عبر الإنترنت، ومكان رائع لبدء تطوير ثروة من المعارف والمهارات المتعلقة بالبرمجة، حيث يقدم دورات وبرامج تعليمية بدءً من أساسيات برمجة الكمبيوتر وصولاً إلى التطبيقات المتقدمة، ومن أبرز لغات البرمجة التي يقدمها :
- لغة CSS
- جافا سكريبت [6]
يمكن الدخول إلى الموقع من هنا
من هنا