این دوره مخصوص توسعهدهندگانیه که میخوان دانش HTML رو از سطح معمولی به پیشرفته ارتقا بدن. با یادگیری تکنیکهای حرفهای، میتونید کدهای تمیزتر، قابل دسترستر و بهینهتری بنویسید.
📌 مشخصات کلی دوره
عنوان: آموزش پیشرفته HTML (دوره Level Up)
سطح: پیشرف...
🚀 چرا این دوره رو انتخاب کنم؟
این دوره مخصوص توسعهدهندگانیه که میخوان دانش HTML رو از سطح معمولی به پیشرفته ارتقا بدن. با یادگیری تکنیکهای حرفهای، میتونید کدهای تمیزتر، قابل دسترستر و بهینهتری بنویسید.
📌 مشخصات کلی دوره
عنوان: آموزش پیشرفته HTML (دوره Level Up)
سطح: پیشرفته
مدت زمان: 285 دقیقه (4 ساعت و 45 دقیقه)
تعداد درسها: 49 درس در 11 فصل
حجم محتوا: حدود 700 مگابایت
پیشنهاد ویژه: این دوره با تخفیف ویژه ارائه میشه
🎯 چی یاد میگیرم؟
مباحث اصلی دوره:
مفاهیم پایه پیشرفته:
تفاوت اتریبیوتهای گلوبال و اختصاصی
کاربرد تگ اسکریپت و ویژگیهای آن
ساختار Shadow DOM و Template
تکنیکهای کاربردی:
ایجاد فرمهای حرفهای با قابلیت چندمرحلهای
مدیریت تصاویر واکنشگرا
استفاده از تگهای کمتر شناخته شده مثل <dialog> و <datalist>
بهینهسازی و دسترسی:
بهبود تجربه کاربری با ARIA attributes
تکنیکهای سئو پیشرفته
امنیت در لینکها و iframe
🧑💻 این دوره برای کیا مناسبه؟
توسعهدهندگان فرانتاند که میخوان دانششون رو عمیقتر کنن
کسانی که با تگهای پایه HTML آشنا هستن و میخوان حرفهای بشن
طراحان وب که میخوان بدون نیاز به کتابخانههای سنگین، کامپوننت بسازن
📚 سرفصلهای اصلی
فصل ۱: مبانی پیشرفته HTML
بررسی اتریبیوتهای گلوبال
تحلیل سورس کدهای نمونه
فصل ۲: دسترسی (Accessibility)
کاربرد ARIA در اسکرین ریدرها
فصل ۳: تگ اسکریپت
تمام ویژگیهای مهم این تگ
فصل ۴: تکنیکهای جادویی
ساخت کامپوننت با Custom Elements
استفاده از Shadow DOM
فصل ۵: تگهای ناشناخته
<dialog>، <datalist> و کاربردشون
ویژگی contenteditable
تگ object و محدودیتهاش
فصل ۶: فرمهای حرفهای
ساخت فرم چندمرحلهای
اعتبارسنجی سفارشی
بهینهسازی برای موبایل
فصل ۷: مدیریت تصاویر
تکنیکهای lazy loading
تفاوت <img>، <figure> و <picture>
تصاویر واکنشگرا
فصل ۸: لینکها و امنیت
ویژگیهای امنیتی لینکها
فاویکون و بهینهسازی آن
فصل ۹: متاتگها و iframe
متاتگهای امنیتی
کاربرد iframe و ملاحظات آن
فصل ۱۰: سئو پیشرفته
JSON-LD و معناشناسی
نقش sitemap.xml
فصل ۱۱: جدولها
ترکیب rowspan و colspan
💡 چطور تو پروژه واقعی کمکم میکنه؟
این دوره بهتون یاد میده چطور:
- فرمهایی بسازید که تجربه کاربری بهتری دارن
- کامپوننتهای سبک بدون نیاز به فریمورک ایجاد کنید
- سایت رو برای موتورهای جستجو بهینه کنید
- دسترسی پذیری رو بهبود بدید تا برای همه کاربران قابل استفاده باشه
🔍 پیشنیازها
برای شرکت در این دوره باید:
- با تگهای پایه HTML آشنا باشید (مثل <div>, <a>, <img>)
- تجربه اولیه کار با جاوااسکریپت داشته باشید (اختیاری اما مفید)