كل شيء تراه على موقع الويب تم إنشاؤه باستخدام HTML و CSS (مع بعض جافا سكريبت في الداخل). هناك الكثير لنتعلمه ، فما هي أفضل الموارد للبدء؟
هناك بعض المواقع الرائعة التي تقدم أمثلة وشفرات تعليمية مصممة بشكل جيد لتشفير HTML والتي يمكن أن تظهر لك أكثر الطرق فعالية للتشفير.
فيما يلي ثمانية مواقع تقدم أمثلة جيدة على كود HTML وتساعدك على أن تصبح خبيرًا في HTML.
1 HTML Dog
يقدم HTML Dog عرضًا من البرامج التعليمية والتقنيات والمراجع وأمثلة على كود HTML. كما أنها توفر CSS و JavaScript ، وهي مكافأة إضافية إذا كنت مطور ويب. يستخدم HTML Dog HTML5 حتى تحصل على أحدث المعلومات.
تغطي أمثلة HTML الخاصة بهم جميع أنواع النحو مع العروض التوضيحية لكل منها.
سيؤدي النقر على أي عنصر إلى فتح صفحة ترميز تفاعلية. يوفر HTML Dog أمثلة في مربعات التعليمات البرمجية التي يمكنك نسخها ولصقها في تعليمات HTML البرمجية الخاصة بك. إنها طريقة جيدة لدمج التعلم والعمل.
يمكنك مشاهدة إخراج HTML المباشر لنموذج التعليمات البرمجية في الجزء الموجود على اليمين. إنها رمل أنيق للعب مع جميع أنواع التعليمات البرمجية.
2. W3Schools
يُنظر إلى W3Schools على نطاق واسع على أنها أفضل مورد لمطوري الويب ، حيث تتميز بأمثلة الترميز ، من PHP إلى JavaScript ( ما هي JavaScript؟ ) ستجد أيضًا قسمًا مع أمثلة ترميز HTML الأساسية.
تمامًا مثل HTML Dog ، قاموا بدمج أداة تقسيم الشاشة لمحاولة الترميز فيها. يمكنك اختبار HTML الذي تتعلمه في كل درس وتجربة أجزاء مختلفة من التعليمات البرمجية. قم بتشفير HTML الخاص بك ، انقر فوق تشغيل ، وسترى كيف ستبدو الشفرة على صفحة HTML حقيقية
3. Mozilla MDN
شبكة موزيلا للمطورين (MDN) لديها وثائق لمطوري الويب. هناك قائمة شاملة من دروس HTML وأمثلة التعليمات البرمجية لتجربتها. يتم تضمين معظم الأمثلة في البرامج التعليمية الخاصة بهم ، لذا فإن العمل من خلال مسارهم سيمنحك الكثير من الفرص للتعلم.
تحظى المطورين بتقدير كبير من قبل المطورين لتفاصيلها. إنها تغطي تطوير الويب بتفاصيل كبيرة ، والتي تعمل لصالحك حيث ترتبط أقسامها ببعضها البعض. ستتعلم سلوكًا جيدًا بحيث عندما تبدأ في ترميز CSS أو JavaScript يعمل كل شيء بسلاسة.
يمكن أن تكون التفاصيل شاقة قليلاً في البداية. الأقسام دقيقة للغاية ، ولكنك ستحصل على تعليق! هذا مورد رائع للاحتفاظ به كلما تقدمت أكثر ، لن تتفوق أبدًا على الدروس.
4. freeCodeCamp
تشتهر freeCodeCamp بدوراتها على الإنترنت وأدلة التدريب للمبرمجين. لديهم قسم كبير من أمثلة HTML كذلك. يغطي البرنامج التعليمي المصور أمثلة التعليمات البرمجية من عناصر المبتدئين مثل الرؤوس إلى المفاهيم المتقدمة مثل الترميز الدلالي.
يحتوي كل قسم على أمثلة على HTML حتى تتمكن من رؤية العنصر بشكل عملي. إنها مورد رائع يمكنك الرجوع إليه أثناء تعلمك البرمجة.
5. Codecademy
Codecademy هي واحدة من أكثر المواقع المعروفة لبرمجة التعلم. عندما يتعلق الأمر بتعلم HTML ، لا تخيب Codecademy دورة تدريبية على HTML.
تستغرق الدورة حوالي تسع ساعات من المحتوى وتغطي معظم اللغة. يتم تناول أربعة أقسام بتعمق: العناصر والجداول والنماذج و HTML الدلالي.
منطقة عمل الدورة التدريبية متقدمة جدًا وتمنحك المرونة للعب في وضع الحماية. يمكنك أيضًا تبديله إلى وضع ملء الشاشة لمعرفة كيف يبدو موقع الويب الخاص بك في نافذة متصفح كاملة.
الشيء الجميل في هذه الدورة هو أنها تتضمن أيضًا تعلم استخدام CSS لتنسيق صفحاتك. هذا مفيد لأن HTML و CSS يعملان جنبًا إلى جنب لإنشاء تطبيقات الويب.
6. HTML.com
HTML.com هو موقع مخصص لكل شيء HTML. عند فتح الموقع ، سيظهر لك دليل المبتدئين لتعلم اللغة من نقطة الصفر. يجدر قراءته قبل الغوص في بناء الجملة.
بمجرد أن تكون مستعدًا لتعلم HTML.com ، فإنه يحتوي على العديد من البرامج التعليمية لمواضيع مختلفة. برامج تعليمية مثل بنية مستند HTML ، واستخدام الروابط في HTML ، والعمل مع الصور. دروسهم التعليمية هي قراءة جيدة مع الكثير من أمثلة التعليمات البرمجية في جميع أنحاء لتبقيك حادًا. ستجد أيضًا قائمة أبجدية بعناصر HTML إذا كنت ترغب في اختيار عنصر لمعرفة المزيد عنه.
7. BitDegree
يركز BitDegree على التعلم التفاعلي للشفرة ، لذا فهو ذو قيمة كبيرة كدليل HTML. يمكنك قراءة أدلة على كل عنصر HTML. يشرح كل دليل ما يفعله العنصر ويعرض لك قطعة من التعليمات البرمجية باستخدامه.
يمكن فتح كل جزء من الرمز في وضع الحماية لتجربته. إنه قاموس لعناصر HTML! يمكنك قضاء الكثير من الوقت هنا في تجربة مرجع سريع لما يفعله كل شيء.
ليست هناك تعليقات:
إرسال تعليق