HTML
از اولین قدم تا محصول واقعی
HTML را از یک فایل خالی تا صفحه محصول کامل، با ساختار معنایی، فرم، دسترسیپذیری و بازبینی واقعی یاد بگیر.
این پروژه را در 20 قدم کوتاه میسازی. هر درس فقط یک موضوع تازه دارد و با نمونه قابل دیدن تمام میشود.
20 قدم کوتاه و مرتب
هر درس فقط یک مفهوم تازه دارد: اول خیلی ساده میخوانی، بعد مثال میبینی، کد را تغییر میدهی و با آزمون کوتاه مطمئن میشوی.
وب و HTML چطور به هم میرسند؟
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
اولین سند HTML را از صفر بساز
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
تیتر و پاراگراف؛ متن فقط بزرگ و کوچک نیست
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
لینک و مسیر؛ کاربر را به جای درست ببر
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
تصویر، alt و figure
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
فهرست مرتب و نامرتب
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
جدول برای داده، نه چیدمان
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
فرم و input؛ درخواست روشن از کاربر
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
ساختار معنایی صفحه
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
head و meta؛ اطلاعات پشت صحنه صفحه
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
دسترسیپذیری پایه؛ صفحه با صفحهکلید
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
ARIA؛ فقط وقتی HTML کافی نیست
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
صدا، ویدیو و iframe مسئولانه
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
صفحه چندبخشی و لینک درونصفحه
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
SEO فنی مقدماتی با HTML درست
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
اعتبارسنجی و Debug ساختار
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
فرم حرفهای با گروهبندی و پیام راهنما
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
بارگذاری بهتر منابع
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
پروژه؛ صفحه کامل محصول
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
بازبینی و تحویل صفحه HTML
همه آموختهها را به یک پروژه کامل و قابل ارائه تبدیل کن.
صفحه محصول کامل و قابل تحویل
این پروژه یک نمونه تزئینی نیست. مدل داده، قوانین، حالت خطا، آزمون و مسیر انتشار را قدمبهقدم کامل میکنی.
- تعریف مسئله و کاربر واقعی
- ساخت نسخه کوچک اما انتهابهانتها
- آزمون مسیر موفق، مرزی و خطا
- آمادهسازی خروجی برای ارائه و بازخورد
<!doctype html>
<html lang="fa" dir="rtl">
<head><meta charset="utf-8"><title>نانوایی محله</title></head>
<body><h1>نانوایی محله</h1><p>هر روز از ۷ صبح</p></body>
</html>