FB Instagram Twitter Youtube Linkedin
920033973
16342
  • المدونة
  • تنمية الذات
  • دليلك المختصر لتعلم لغة css  للمبتدئين 
article

دليلك المختصر لتعلم لغة css  للمبتدئين 

January 19, 2023    

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

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

دليلك لتعلم لغة css

 ما المقصود بلغة CSS؟ 

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

 البرمجة لغة خاصة مستقلة بذاتها، هذه اللغة لها قواعدها ورموزها وكذلك الطريقة الصحيحة لاستخدامها، ومثل أى لغة هنالك لهجات خاصة بها، ففي حالتنا هنا يتفرع من لغة البرمجة العديد من اللهجات الخاصة والتي يطلق عليها أيضًا باللغة، وهى تتنوع طبقًا للهدف من استخدامها وطريقة كتابتها كذلك، لكن أشهرهم استخدامًا بالنسبة للمبرمجين هم: HTML و CSS وJava Script

في مقالنا هذا سنركز على لغة CSS، وهي لغة سميت اختصارًا لمفهوم Cascading Style Sheets أى لغة الأنماط المتعاقبة، وهي لغة يتم استخدامها لتصميم الأنماط الخاصة بصفحات الويب، بما تشتمل عليه من خطوط وألوان ومساحات وصور وغيرها من التنسيقات. 

يبدو المفهوم مبهم بعض الشئ، لكن لكي يتم فهمه بطريقة صحيحة، علينا أن نوضح الفرق بين لغة الـ HTML وCSS و Javascript، ومن خلال هذه الفروق ستتعرف تلقائيًا على دور لغة الـ CSS في البرمجة وأهميتها كذلك كالآتي: 

خصم 50% عند الإشتراك في أكاديمية إعمل بيزنس

ما الفرق بين لغة HTML و CSS وJava Script؟ 

تعد الـ HTML بمثابة أقدم لغات البرمجة، وهي اختصار لـ Hyper Text Markup Language، وهي لغة يتم استخدامها لترميز صفحات ومواقع الويب، وهي اللغة الأساسية التي من خلالها يتم وضع الهيكل الأساسي لصفحات الويب وذلك بمنح الأوامر نصوص معينة يتم من خلالها تنفيذ الأكواد، وهي أساسية لتوضيح اللبنة الأساسية للصفحات وتقسيمها وتوضيح الهيكل الكامل لها.

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

تعرف الجافا سكريبت أو Javascript  بكونها اللغة المسؤولة عن جعل الصفحات أكثر تفاعلية وجذبًا للمستخدم، فينما تركز لغة الـ HTML  على هيكلة الصفحة، وتركز CSS على تنسيق التصميم، تركز الجافا سكربت على تعديل كل من الهيكل والتنسيقات لتجعلها أكثر تفاعل من الناحية البصرية وأكثر عصرية كذلك للعملاء المستهدفين. 

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

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

أما في حالة الاختيار ما بين لغة CSS ولغة HTML، فهذا يتوقف على رغبتك في التخصص في أي الفرعين، فكلا اللغتين مهمين في عالم البرمجة، وكلا منهم يمتلكان فرص عمل كبرى للغاية، وكون هذه المقالة تركز في الاساس على لغة CSS، فمن الطبيعي أن نمنحها الأولوية الآن في التناول كالآتي -لا تقلق ففي مقالات لاحقة سنتاول باقي لغات البرمجة بالتفصيل-: 

مفهوم لغة css

كيف اتعلم لغة CSS؟

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

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

كمتعلم عربي ومتبدئ في مجال البرمجة ومعرفة لغة CSS، هناك العديد من المنصات والمواقع العربية التي تساعدك في هذا الطريق منها الآتي: 

1. أكاديمية إعمل بيزنس

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

دبلومة تطوير المواقع التابعة لمنصة أكاديمية إعمل بيزنس هي دبلومة تتناول كل من الآتي: 

  1. Html 

  2. CSS & CSS3

  3. MySQL Fundamentals 

  4. JavaScript 

  5. React 

  6. PHP

  7. Laravel 

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

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

كيف اتعلم لغة css

2. Elzero web school 

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

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

تقوم أكاديمية الزيرو بتقديم خطط دراسية شاملة لكل من htmlـ وCSS وjava script وtypescript sass و python وكذلك php، كما توفر أيضًا مسارات تعلم لكل من  يرغب في التخصص في الـ front end أو back end أو كلاهما أو التخصص في لغة البايثون. 

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

 

3. Fwd 

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

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

  1. المسار التمهيدي Web Development Foundation ومدة الدراسة فيه 7 أسابيع. 

  2. المسار الاحترافي Web Development Professional ومدة الدراسة فيه  8 أسابيع.

  3. المسار المتقدم Web Development Advanced ومدة الدراسة فيه 12 أسبوع

  4. مسار المحترفين RPA Developer withUiPath ومدة الدراسة فيه تبلغ 4 شهور. 

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

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

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


مقالات مشابهة

المزيد
كيف تحصل على دبلومة مهنية احترافية في خطوات بسيطة
كيف تحصل على دبلومة مهنية احترافية في خطوات بسيطة

دعنا نعود للواقع قليلًا ونتفق أن الشهادات الجامعية

كل ما تريد معرفته عن دبلومة الجودة الشاملة
كل ما تريد معرفته عن دبلومة الجودة الشاملة

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

كيفية كتابة الإيميل الرسمي بشكل احترافي في 5 خطوات فقط
كيفية كتابة الإيميل الرسمي بشكل احترافي في 5 خطوات فقط

نعيش في عالم تسوده التقنيات والتكنولوجيا، ومع وجود

تعلم لغة html من الصفر حتى الاحتراف
تعلم لغة html من الصفر حتى الاحتراف

يعد تعلم البرمجة هو المطلب الأول الآن، لاسيما عندما

الأكثر قراءة

المزيد
إزاي تعمل براندينج لنفسك!
إزاي تعمل براندينج لنفسك!

 ازاي تعمل براند لنفسك Personal Brandفي الفترة الأخيرة

مهارات التفكير الإبداعي وطرق تنميته: الخصائص والأدوات
مهارات التفكير الإبداعي وطرق تنميته: الخصائص والأدوات

هناك أكثر من 60% من أصحاب العمل، يرون أن مهارات

تحميل كتاب خطة عمل الـ 100 يوم الأولى للقائد الجديد PDF
تحميل كتاب خطة عمل الـ 100 يوم الأولى للقائد الجديد PDF

40% من القادة الجدد يفشلون في إدارة مشاريعهم بنجاح خلال

تحميل كتاب مخطط نموذج العمل Business Model Generation
تحميل كتاب مخطط نموذج العمل Business Model Generation

عندما يتعلق الأمر ببدء مشروع جديد فأول ما يقف أمامه

سقف الطموح
سقف الطموح

سنه 94 حصلت على ثانوية عامة بمجموع تقريباً 90% بس كنت

لعنة الهوم وورك
لعنة الهوم وورك

من كام يوم كتبت علي صفحتي الشخصية عن واحدة صديقة

أفضل 5 مواقع مجانية لتصميم عروض تقديمية احترافية
أفضل 5 مواقع مجانية لتصميم عروض تقديمية احترافية

عندما يتعلق الأمر بالظهور بمظهر احترافي، فلا أفضل من