از اولین دیو تا کامپوننت قابل تست؛ مسیری که با HTML و CSS ساخت‌یافته شروع می‌شود، با JavaScript مدرن جان می‌گیرد و با React و مدیریت وضعیت به پروژهٔ واقعی می‌رسد.
به‌ترتیب شماره‌ها جلو برو؛ هر قدم به منبعِ همین مسیر وصل است. بعد از هر قدم، تسک هفتگی پنل را انجام بده.
تگ‌ها، ساختار سند، هدینگ‌ها، لینک، تصویر و فرم مقدماتی. هدف: بتوانی یک صفحهٔ سادهٔ معنایی بنویسی.
رنگ، فونت، باکس‌مدل، Flexbox و Grid و ریسپانسیو. هدف: هر چیدمانی را بدون حدس‌زدن بسازی.
متغیر، تابع، شرط، حلقه، DOM و رویدادها. هدف: صفحه‌ات به کلیک و تایپ کاربر جواب بدهد.
برچسب واقعی، اعلام خطا و مدیریت فوکوس؛ فرم اولین چیزی است که یک کاربر واقعی لمس می‌کند.
کد آماده را اجرا کن، بخوان و تغییر بده؛ بهترین راه تبدیل دانش به مهارت.
کامپوننت و مدیریت وضعیت را یاد بگیر و یک سایت شخصی کامل بساز؛ پروژه را به‌عنوان تسک هفتگی در پنل تحویل بده.
هر مقاله یک پروندهٔ مستقل است؛ روی عنوان بزن تا متن کامل باز شود.
تفاوت واقعی این دو، «سختی» نیست؛ بُعد چیدمان است. با یک قانون سرانگشتی و دو مثال، انتخاب را برای همیشه یاد بگیر.
۰۳سه چیزی که یک فرم را از «کارکننده» به «قابل استفاده برای همه» تبدیل می‌کند؛ با کد آماده و چک‌لیست کوتاه.
۰۴بیشتر باگ‌های وضعیت، باگِ «جای اشتباه» هستند؛ نه باگِ منطق. قانون مالکیت وضعیت را با مثال یاد بگیر.
یک ویدیوی نمونه اینجا می‌بینی؛ آرشیو کامل همهٔ مسیرها یک‌جا است.
ویدیوی نمونهٔ مسیر · آپارات
۵۸:۵۸
سلام! شما برای شروع به یادگیری HTML، ابتدا نیاز دارید که با تعدادی مفاهیم پایه آشنا شوید. در اینجا به برخی از اصطلاحات و مفاهیم پایه HTML اشاره خواهیم کرد: ۱. تگ ها (Tags): HTML از
با کلیک روی این کارت، آرشیو ویدیوهای آپارات فقط با ویدیوهای مسیر فرانت‌اند باز می‌شود.
تماشای ویدیوهای این مسیرهر قالب پیش‌نمایش دارد و صفحهٔ اجرای مستقل خودش را؛ کد قابل اجرا، همان‌جا تست می‌شود.
فرم ورود با افکت شیشه‌ای، گرادیان چندتوقفی و نمایش/پنهان‌سازی رمز؛ کاملاً واکنش‌گرا و بدون وابستگی.
هدر چسبان با بلور پس‌زمینه، منوی همبرگری و هایلایت خودکار بخش فعال هنگام اسکرول؛ بدون هیچ کتابخانه‌ای.
