تعلم HTML مجاني - بناء موقع ويب مع دورة مجانية عبر الإنترنت
يعد تعلم البرمجة أمرا عصريا - خاصة في الوقت الذي يكون فيه لدى الناس المزيد من وقت الفراغ في المنزل بسبب الأوبئة ويصبح سوق العمل أكثر شراسة. للدخول إلى عالم البرمجة ، قد يكون تعلم HTML ، لغة الترميز القياسية لصفحات الويب ، خيارا جيدا. نأمل أن يمنحك هذا المنشور بعض التلميحات حول كيفية إنشاء مواقع ويب مع دورات مجانية عبر الإنترنت.
كيف تبدأ تعلم HTML؟
من خلال فهم HTML، يمكنك:
رمز بنفسك لإنشاء مواقع مخصصة ؛
فحص المواقع ومعرفة كيفية بنائها.
إدارة المواقع بدون مطورين ؛ و
استضافة الأصول على المواقع.
عندما يتعلق الأمر بتعلم لغة برمجة بشكل منهجي ، فإننا نوصي بالتأكيد باختيار منصة احترافية عبر الإنترنت واتباع دوراتها المصممة تصميما جيدا.
عندما تتعلم HTML عبر الإنترنت في جوجل ، ستحصل على العديد من البرامج التعليمية على صفحات النتائج. ومع ذلك، لا نقترح عليك التعلم باستخدام المدونات الشخصية أو المقالات أو مقاطع الفيديو الفردية على الرغم من أنه يمكنك استخدامها للمعاينات.
Codecademy هو خيارنا لبدء تعلم HTML ، والذي يوفر تعلم لغات البرمجة 15 (على سبيل المثال. بايثون ، جافا سكريبت ، C ++) مجانا. مع أكثر من 5 ملايين شخص يأخذون هذه الدورة ، يمكنك الحصول على بناء الجملة الأساسي والمعرفة حول HTML من خلال 6 دروس.
تركز
ضمن الدرس، يمكنك ضبط مؤقت للحفاظ على تركيزك. هذا يمكن أن يساعدك كثيرا إذا كنت مشتتا بسهولة من قبل الموظفين الآخرين. تحتاج دورة HTML الأساسية بأكملها إلى حوالي 9 ساعات لإكمالها ، والتي يمكنك إيقافها مؤقتا واستئنافها وقتما تشاء.
تبادلي
تفتخر Codecademy بمنتدى تفاعلي للغاية حيث يمكنك طرح الأسئلة وقراءة القصص المهنية ومشاركة المشاريع والدردشة مع المتعلمين الآخرين. إذا كنت ترغب في التمسك بمشاريعك ، فيمكنك دفعها إلى Github أو حفظها على جهاز الكمبيوتر الشخصي الخاص بك.
التوجه المهني
تتوفر مقاطع فيديو مجانية حول مواضيع مختلفة على Codecademy. إذا كنت تفضل تعلم HTML من خلال الطرق المرئية ، فتحقق من مقاطع الفيديو ال 12 هذه. بصرف النظر عن تعلم التعليمات البرمجية ، يمكنك أيضا العثور على مقاطع فيديو تتعلق بمقابلات العمل والتطورات المهنية.
دورات متقدمة
من بين المناهج الدراسية ال 13 ل HTML و CSS ، تتوفر فقط 5 الأساسية للأعضاء المجانيين. إذا كنت ترغب في التحقق من الدورات الأخرى ، فستحتاج إلى دفع ثمن ذلك.
مسابقة ومشاريع
يمكن للأعضاء المحترفين إجراء اختبارات بعد كل درس لمراجعة ما تعلموه. سيقومون أيضا بإنشاء مشاريع محفظة مثل مدونة أزياء أو جدول زمني للمهرجانات أو نموذج. قد تساعدهم هذه المشاريع على إقناع الشخص الذي يجري المقابلة بالبحث عن عمل.
مسارات المهارات والمسارات الوظيفية
إذا كان تعلمك ضروريا للوظيفة أو مرتبطا بحياتك المهنية المستقبلية ، فيمكنك فقط اختيار مسار وظيفي. على سبيل المثال ، إذا كنت تتوق إلى منصب مهندس أمامي ، توجيهك لتعلم مهارات الترميز ذات الصلة وتصميم واجهة المستخدم وأسئلة المقابلة. ومع ذلك ، فإنه يتطلب منك تكريس المزيد من الوقت من الدورات الأساسية.
تعلم HTML لتكون مهندسا
ليس لديك أي فكرة عن المهنة أو لغة البرمجة التي تناسبك؟ قم بإجراء اختبار فرز.
إليك HTML:
<div class="center">
<p>Hello World</p>
</div>
لجعله في المركز عموديا ، استخدم (تأكد من أن القيمة الثانية هي 0):padding
إليك CSS:
.center {
padding: 40px 0;
border: 2px solid blue;
}
لجعله مركزا أفقيا ، استخدم:margin: auto;
إليك CSS:
.center {
margin: auto;
width: 50%;
border: 3px solid green;
padding: 10px;
}
كيفية مركز IMG في div
بينما يمكنك ببساطة توسيط النص باستخدام ، فإن إنشاء مركز صور يحتاج إلى استخدام و .text-align: center;margindisplay
img {
display: block;
margin-left: auto;
margin-right: auto;
width: 40%;
}
كيفية إدراج مسافات
إذا كنت ترغب في إضافة مسافات متعددة في HTML، فلن يعمل الضغط على شريط المسافة بشكل متكرر.
يمكنك إما استخدام a لإضافة فاصل أسطر، أو النسخ لإضافة مسافات متعددة غير منقطعة.<br> 
على سبيل المثال:
<p>There are two spaces between these words.</p>
<p>Today<br>Is<br>Sunny</p>
بديل الترميز
إذا كنت بحاجة إلى إنشاء موقع ويب في فترة قصيرة والعثور على تعلم HTML يستغرق وقتا طويلا ، فخذ نظام إدارة المحتوى في الاعتبار. تمكنك منصة CMS من إنشاء موقع ويب دون فهم معظم التعليمات البرمجية. WordPress.org ، برنامج CMS الأكثر شعبية في العالم ، هو اختيار محررنا ، حيث يعمل على تشغيل حوالي 43٪ من مواقع الويب على الإنترنت.
يمكنك استخدام ووردبريس عن طريق شراء خطة استضافة ويب على بلوهوست أو Contabo. يكلف ما يصل إلى 2.95 دولار و 3.99 دولار / شهريا على التوالي مع تضمين نطاق مجاني واحد. على ووردبريس ، يمكنك إنشاء مشاركتك بسهولة مثل التعديل على محرر مستندات جوجل. الى جانب ذلك ، يتم توفير دعم 24 / 7 من قبل استضافة خبراء بلوهوست.