HTML
HTMLHTML را همه فکر میکنند بلدند چون چند تگ میشناسند. اما HTML یک زبان نشانهگذاری معنایی است، نه فهرستی از تگها: انتخاب درست تگ تعیین میکند صفحهخوان چه بخواند، گوگل چه بفهمد، و مرورگر بدون یک خط جاوااسکریپت چه رفتاری بدهد. این مسیر همان معنا را یاد میدهد — و در راه، مقدار زیادی جاوااسکریپتِ لازمنشده را از تو میگیرد.
پیشرفت تو
درصد هر فصل از دو چیز میآید: چقدر از بخشهایش را خواندهای (۵۵٪) و چند تمرینش را تیک زدهای (۴۵٪). همهچیز داخل مرورگر خودت میماند.
فصل
فصلها به هم وابستهاند و ترتیبشان معنا دارد. هر مسیر با پروژههای نهایی تمام میشود: ساده، متوسط، پیچیده.
سند و درخت
HTML یک سند است نه بوم نقاشی. ساختار درختی و DOM.
در نوبت نوشتنکالبد یک صفحه
doctype، head، meta، charset و ترتیبی که مهم است.
در نوبت نوشتنمتن
عنوانبندی، پاراگراف، نقلقول، strong در برابر b.
در نوبت نوشتنمعناشناسی
article، section، nav، aside — و اینکه div کِی درست است.
در نوبت نوشتنپیوند
href، هدف، rel و پیوند امن به بیرون.
در نوبت نوشتنفهرست
ul، ol، dl و کاربرد واقعی هرکدام.
در نوبت نوشتنتصویر و رسانه
alt، srcset، picture، ویدیو و زیرنویس.
در نوبت نوشتنجدول
جدول دادهٔ درست: thead، scope و caption.
در نوبت نوشتنفرم ۱
input، label، نوعهای ورودی و name.
در نوبت نوشتنفرم ۲
اعتبارسنجی داخلی مرورگر، بدون جاوااسکریپت.
در نوبت نوشتنفرم ۳
select، datalist، fieldset، آپلود و ارسال.
در نوبت نوشتنعناصر تعاملی
details، dialog، progress — رفتار رایگان از مرورگر.
در نوبت نوشتندسترسپذیری
ARIA، ترتیب فوکوس، و اینکه HTML درست ۹۰٪ کار را میکند.
در نوبت نوشتنHTML و SEO
title، توضیح، دادههای ساختیافته و sitemap.
در نوبت نوشتنفارسی و RTL
dir، lang، متن دوجهته و عدد فارسی.
در نوبت نوشتنجاسازی و امنیت
iframe، sandbox و محتوای بیرونی.
در نوبت نوشتناعتبارسنجی و ابزار
اعتبارسنج W3C و خطاهای رایج ساختاری.
در نوبت نوشتنپروژهٔ ۱ — رزومهٔ معنایی
یک صفحهٔ کامل، فقط با HTML درست.
در نوبت نوشتنپروژهٔ سادهپروژهٔ ۲ — فرم چندمرحلهای
اعتبارسنجی کامل بدون یک خط جاوااسکریپت.
در نوبت نوشتنپروژهٔ متوسطپروژهٔ ۳ — صفحهٔ کاملاً دسترسپذیر
تست با صفحهخوان، کیبورد و اعتبارسنج.
در نوبت نوشتنپروژهٔ پیچیده