الترميز للمبتدئين – أفضل طريقة لتعلم رموز HTML و CSS لبناء موقع ويب

الارتباك حول رموز دقيقةفي عام 2010 عندما أنشأنا أول موقع ويب ، كان لدينا ميزانية قدرها 200 دولار.


لأننا لم نفعل’قررنا استخدام السحب من أجل الحصول على المال لاستئجار مصمم مواقع & إسقاط أداة إنشاء المواقع وبدء تعلم رموز HTML و CSS الأساسية.

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

قد يكون الترميز للمبتدئين أمرًا شاقًا ، لكننا لا نفعل ذلك’نأسف على إنفاق (أو استثمار) الوقت في تعلم الكود الأساسي لأننا كنا قادرين على إجراء تعديلات طفيفة جدًا على تصميم موقعنا على الويب بسرعة وعلى الفور ، وإلا لكان علينا دفع مصممين لمئات الدولارات للقيام بذلك.

ناهيك عن أننا’د يجب أن تنتظر إتمام العمل ويمكن أن يكون وقت الاستجابة يومين في المتوسط.

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

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

الآن ، أنا لا أقول أنك بحاجة إلى أن تصبح خبيرًا في البرمجة.

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

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

نظرًا لأن الكثير من الأشخاص سألونا عن مكان العثور على موارد جيدة وموثوقة لتعلم أساسيات البرمجة ، فقد قررنا أن نجمع دليل Coding for Beginners هذا ، وهو عبارة عن مجموعة من جميع موارد الترميز التي’لقد استخدمنا في الماضي والتي ساعدتنا عندما كنا في البداية.

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

ما هي لغة الترميز التي تحتاجها لبناء موقع ويب?

الكتل الأساسية لموقع الويب هي أكواد HTML و CSS.

لغات البرمجة الأكثر تقدمًا المستخدمة في مواقع الويب هي jQuery و JavaScript و PHP.

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

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

في رأينا ، رموز HTML و CSS هي ما يجب أن يبدأ به أي مبتدئين.

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

ما نوع الموارد المتاحة?

هناك نوعان من الموارد التي يمكنك استخدامها: مجانية أو مدفوعة.

هناك إيجابيات وسلبيات لكليهما ونوصي بتجربة كل من الموارد المجانية والمدفوعة للعثور على ما يناسبك.

بالطبع ، ابدأ بالمجان مجانًا أولاً ، حيث قد تجدها كافية لاحتياجاتك.

لماذا استخدام الموارد المجانية?

الايجابيات

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

سلبيات

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

لماذا استخدام الموارد المدفوعة?

الايجابيات

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

سلبيات

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

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

الآن دع’راجع القائمة الموصى بها من دروس البرمجة عبر الإنترنت التي نجدها مفيدة جدًا.

أفضل طريقة لتعلم البرمجة للمبتدئين

# 1 ليندا

التكلفة: تجربة مجانية / 19.99 دولارًا – 29.99 دولارًا في الشهر

أفضل موارد الترميز للمبتدئين ليندا

تقدم Lynda دروسها في تنسيقات الفيديو بحيث يسهل متابعتها.

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

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

ليندا لديها أكثر من مجرد HTML & دورات CSS. إنها تغطي كل شيء تقريبًا من البرمجة إلى التصميم الجرافيكي ، ويمكنك الوصول إلى جميع دوراتهم تحت عضوية واحدة يمكنك إلغاؤها في أي وقت.

تجربتي مع ليندا:

أنا’لقد استخدمت ليندا لتعلم HTML و CSS و PHP. وعموما قام بعمل جيد في تعليمنا الأساسيات.

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

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

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

لذلك توقع بعض الوقت في الإعداد في البداية. بمجرد تثبيت البرامج ، لن يكون هناك المزيد من الصيانة أو الإعداد للقيام به.

من الذي يجب أن يستخدم ليندا?

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

# 2 Codecademy

التكلفة: الدورات الأساسية المجانية / 19.99 دولارًا شهريًا للدورات المميزة

أفضل موارد الترميز لأكاديمية الترميز للمبتدئين

تتبع Codecademy نهجًا تفاعليًا لتعليم التعليمات البرمجية للمبتدئين – مما يجعل التعلم أكثر متعة.

ما عليك سوى اتباع التعليمات في محرر رمز تفاعلي. سيقوم المحرر بترجمة الرموز الخاصة بك تلقائيًا إلى عرض مرئي.

بهذه الطريقة ، يمكنك أن ترى كيف تبدو الرموز التي كتبتها بالفعل على متصفح الويب – رائع جدًا!!

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

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

تجربتي مع Codecademy:

أنا’لقد استخدمت Codecademy لتعلم لغة ترميز أكثر تقدمًا مثل JavaScript. كان الأمر ممتعًا وكان من السهل اتباع التعليمات.

لقد قام بعمل جيد في تعليم الأساسيات ، وتمكنت من كتابة JavaScript بسيط للغاية بعد بضع ساعات.

لقد أحببت محرر التعليمات البرمجية المدمج مما يعني أنني لا’ر بحاجة لتنزيل أي برامج للبدء.

كانت التعليمات رائعة أيضًا. شعرت أن لدي دليل يوضح لي ما يجب القيام به في كل خطوة على الطريق.

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

من يجب أن يستخدم Codecademy?

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

# 3 TutsPlus

التكلفة: الدورات الأساسية المجانية / 15 دولارًا شهريًا للدورات المميزة

أفضل موارد التشفير للمبتدئين

ما يجعل TutsPlus متميزًا من Lynda و Codecademy هو أنه يمنحك طرقًا مختلفة لتعلم كيفية البرمجة.

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

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

تجربتي مع TutsPlus:

لقد استخدمت المبتدئين’دليل jQuery و CSS3 و HTML5. في ذلك الوقت لدي بالفعل بعض المعرفة في البرمجة حتى المبتدئين’كان دليل s دورة تنشيطية جيدة بالنسبة لي. كان من السهل متابعته وكتابته بشكل جيد.

بعض المبتدئين’تأتي أدلة s أيضًا مع مقاطع الفيديو ، والتي كانت مفيدة.

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

ما أحبه في TutsPlus هو مكتبتهم الضخمة من دروس البرمجة القصيرة والتصميم.

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

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

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

من يجب أن يستخدم هذا?

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

# 4 W3Schools

التكلفة: دليل مرجعي مجاني

أفضل موارد البرمجة للمبتدئين w3schools

هذا هو الدليل المرجعي النهائي لتشفير HTML و CSS.

كل ما تحتاج لمعرفته حول تشفير الموقع يمكن العثور عليه في W3Schools.com.

شيء واحد يجب أخذه في الاعتبار هو أن W3Schools ليست فعالة كمصدر تعليمي عند مقارنتها بـ Lynda أو Codecademy أو TutsPlus.

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

بدلاً من ذلك ، فكر في W3Schools على أنها قاموس لـ HTML & رموز CSS.

تجربتي مع W3Schools:

W3Schools كان أول مورد لجأت إليه عندما بدأت تعلم رموز HTML و CSS. اكتشفت بسرعة أنها دليل مرجعي أكثر من موقع تعليمي.

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

عندما أكون غير متأكد من الرمز أو الرموز البديلة التي يمكنني استخدامها ، سأستخدم W3Schools للعثور على الإجابة.

هذا مفيد بشكل خاص للرموز التي لا ترتديها’ر تستخدم بانتظام وتنسى بسهولة.

من يجب أن يستخدم هذا?

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

# 5 حيل CSS

التكلفة: دروس مجانية

أفضل موارد التشفير للحيل المغلق للمبتدئين

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

هذا عندما يكون مورد مجاني مثل CSS-Tricks مفيدًا جدًا.

يحتوي CSS-Tricks على المئات من دروس CSS القصيرة حتى تتمكن من البحث للعثور على أفضل الحلول لمشاكلك.

تجربتي مع CSS-Tricks:

CSS-Tricks هو أحد مواقع الويب التي أقوم بزيارتها يوميًا عندما أقوم بتصميم موقع ويب. من السهل جدًا العثور على ما أحتاج إليه وهناك مكتبة ضخمة من الحلول القصيرة.

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

من يجب أن يستخدم هذا?

  • إذا كان لديك فهم أساسي لرموز CSS وتحتاج إلى حلول سريعة لمشاكل تشفير CSS المحددة للغاية.

الخلاصة – دليل الترميز للمبتدئين

وجدت هذا الدليل مفيدة?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map