اگه HTML رو در حد مقدماتی بلدی و فکر می‌کنی دیگه چیزی برای یاد گرفتن توش نمونده، این دوره نظرت رو عوض می‌کنه. خیلی از فرانت‌اند کارها فکر می‌کنن HTML یعنی چند تا تگ ساده مثل div و p و img — اما واقعیت اینه که HTML دنیای عمیقی داره که کمتر کسی سراغ...
معرفی دوره آموزش پیشرفته HTML (Level Up) 🚀
اگه HTML رو در حد مقدماتی بلدی و فکر می‌کنی دیگه چیزی برای یاد گرفتن توش نمونده، این دوره نظرت رو عوض می‌کنه. خیلی از فرانت‌اند کارها فکر می‌کنن HTML یعنی چند تا تگ ساده مثل div و p و img — اما واقعیت اینه که HTML دنیای عمیقی داره که کمتر کسی سراغش می‌ره. توی این آموزش، دقیقاً همون لایه‌های پیشرفته و کم‌شناخته‌شده HTML رو بررسی می‌کنیم.
📋 مشخصات کلی دوره
ویژگی
جزئیات
🎯 سطح
پیشرفته
🎬 تعداد درس‌ها
۴۹ درس در ۱۱ فصل
⏱️ مدت زمان
حدود ۲۸۵ دقیقه
💾 حجم محتوا
۷۰۱.۹۷ مگابایت
🌐 وب‌سایت
limoonad
🏷️ وضعیت
تخفیف ویژه
چرا این دوره رو انتخاب کنیم؟ 🤔
بیشتر دوره‌های HTML فقط تگ‌های پایه رو معرفی می‌کنن و رد می‌شن. اما اینجا قراره سراغ مباحثی بریم که توی پروژه‌های واقعی و حرفه‌ای به کارت میان — از global attributes و تفاوتش با dedicated attributes گرفته تا مباحث امنیتی، سئو، دسترس‌پذیری و حتی Shadow DOM.
فرض کن داری یه فرم پیچیده می‌سازی و می‌خوای بدون کتابخانه اضافه، خودت validation سفارشی پیاده کنی. یا می‌خوای بدونی چطور با input mode کیبورد موبایل کاربر رو هوشمندانه‌تر کنی. اینا همون نکاتی هستن که توی این دوره با جزئیات بررسی می‌شن.
پیش‌نیازهای شرکت در دوره 📌
آشنایی با HTML و تگ‌های مهم و کاربردشون ضروریه
آشنایی مقدماتی با JavaScript به درک بهتر مطالب کمک می‌کنه (ولی الزامی نیست)
شناخت تگ‌هایی مثل a, img, p, h1 تا h6, div, body, head, script, link, span و تگ‌های رایج دیگه
توی این دوره چی یاد می‌گیری؟ 🎓
🔹 فصل ۱ — شروع
تفاوت global attributes با dedicated attributes
سورس کد و توضیحات تکمیلی موردنیاز
🔹 فصل ۲ — دسترسی‌پذیری (A11y)
بررسی ARIA attribute و نحوه تعاملش با اسکرین‌ریدرها
🔹 فصل ۳ — تگ اسکریپت
بررسی کامل اتریبیوت‌های تگ script
🔹 فصل ۴ — Magic ✨
ساخت کاستوم تگ
Shadow DOM
template
🔹 فصل ۵ — تگ‌های کمتر شناخته‌شده
بهترین تگ برای دکمه دانلود
content editable و کاربردش
summary و details
تعریف inline متغیر CSS در HTML
تگ dialog چیه و چه کاربردی داره
اتریبیوت مهم data-* با بررسی عمیق
چند تگ کاربردی دیگه
datalist
HTML entities
تگ object و اینکه دیگه از swf پشتیبانی نمی‌کنه
🔹 فصل ۶ — فرم‌ها
فرم‌های مجاور (adjacent forms)
autocomplete
تکنیک اسکرول با فوکس
انواع دکمه‌ها
روش ساخت فرم چندمرحله‌ای (multi-step)
فرم با target blank
غیرفعال کردن validation
input برای فایل
input mode برای نوع کیبورد موبایل
input pattern
validation غیربومی (non-native)
رویداد onInput
غیرفعال کردن spell check
کلاس شبه‌حالت :invalid در CSS
🔹 فصل ۷ — عکس‌ها
fetch priority
image map
مقایسه img با figure و picture
اتریبیوت loading
resolution switching
تصاویر ریسپانسیو
🔹 فصل ۸ — لینک‌ها
اتریبیوت‌های لینک
لینک آیکون سایت
امنیت لینک‌ها با نگاه عمیق
🔹 فصل ۹ — متا تگ‌ها
متا تگ‌های کاربردی
متا تگ‌های مرتبط با امنیت
iframe چیه
ارتباط iframe، متا تگ و امنیت
🔹 فصل ۱۰ — سئو
JSON-LD
HTML سمنتیک
تگ data و abbr در سئو
sitemap.xml
🔹 فصل ۱۱ — جدول‌ها
rowspan و colspan در جدول
این دوره مناسب چه کسانیه؟ 👨💻
فرانت‌اند کارهایی که دنبال یادگیری عمیق و تسلط کامل روی HTML هستن
کسانی که می‌خوان توی پروژه‌های واقعی از قابلیت‌های پنهان HTML استفاده کنن
دانشجوهایی که پروژه دانشگاهی یا فریلنسری دارن و می‌خوان کدشون از نظر سئو و امنیت استانداردتر باشه
هر کسی که می‌خواد درک درستی از تفاوت بین HTML معمولی و HTML حرفه‌ای داشته باشه
اهداف آموزشی 🎯
تمرکز اصلی این دوره روی شناخت دقیق اتریبیوت‌های گلوبال و اختصاصی، کاربرد درست‌شون، و رعایت نک
