Bootstrap
BootstrapBootstrap سریعترین راه رسیدن به یک رابط قابلقبول است و همین باعث میشود هم بیجهت تحقیر شود و هم بیجهت همهجا استفاده شود. برای پنل داخلی، ابزار سازمانی و نمونهٔ اولیه، هنوز انتخاب عاقلانهای است. این مسیر آن را جدی یاد میدهد — و مهمتر، یاد میدهد چطور سفارشیاش کنی که شبیه Bootstrap نباشد.
پیشرفت تو
درصد هر فصل از دو چیز میآید: چقدر از بخشهایش را خواندهای (۵۵٪) و چند تمرینش را تیک زدهای (۴۵٪). همهچیز داخل مرورگر خودت میماند.
فصل
فصلها به هم وابستهاند و ترتیبشان معنا دارد. هر مسیر با پروژههای نهایی تمام میشود: ساده، متوسط، پیچیده.
کِی Bootstrap
کجا انتخاب درستی است و کجا نه.
در نوبت نوشتنراهاندازی
CDN، npm و ساختار فایلها.
در نوبت نوشتنcontainer و شبکه
۱۲ ستون، gutter و breakpoint.
در نوبت نوشتنکلاسهای کمکی
فاصله، نمایش، Flexbox و متن.
در نوبت نوشتنتایپوگرافی و رنگ
مقیاس متن، رنگهای معنایی و badge.
در نوبت نوشتنکامپوننت ۱
دکمه، کارت، navbar، alert.
در نوبت نوشتنکامپوننت ۲
table، pagination، breadcrumb، spinner.
در نوبت نوشتنفرم
ورودی، اعتبارسنجی و چیدمان فرم.
در نوبت نوشتنکامپوننت تعاملی
مودال، dropdown، tooltip، collapse، toast.
در نوبت نوشتنAPI جاوااسکریپت
کنترل کامپوننتها از کد، و رویدادهایشان.
در نوبت نوشتنسفارشیسازی
متغیرهای Sass، و اینکه چطور شبیه Bootstrap نباشد.
در نوبت نوشتنRTL و فارسی
نسخهٔ RTL، فونت فارسی و نکات چیدمان.
در نوبت نوشتنبهینهسازی
فقط چیزی که لازم داری را وارد کن.
در نوبت نوشتنپروژهٔ ۱ — پنل مدیریت
شبکه، navbar، جدول و فرم.
در نوبت نوشتنپروژهٔ سادهپروژهٔ ۲ — تم سفارشی
متغیر Sass، رنگ برند و RTL.
در نوبت نوشتنپروژهٔ متوسطپروژهٔ ۳ — اپ چندصفحهای
کامپوننت تعاملی، اعتبارسنجی و دسترسپذیری.
در نوبت نوشتنپروژهٔ پیچیده