خودآموز تعاملی

تاروپود — خودآموز HTML و CSS

۶ ترم۶۱ فصل ۶۱ فصل رایگان

از صفر تا ساختن سایت واقعی با HTML و CSS. متن‌محور، با آزمایشگاه زندهٔ داخل مرورگر و اصطلاح‌های اصیل.

  • HTML + CSS
  • کدنویسی متنی
  • آزمایشگاه زنده در مرورگر
  • همراه با هوش مصنوعی
جلسه اول را رایگان بخوان

فهرست کتاب

۶ ترم، ۶۱ فصل — به ترتیب.

۱HTML: ساختار و معناترم ۱ · ۱۰ فصل
  1. فصل ۰۱ — اولین صفحهٔ وب تورایگان
  2. فصل ۰۲ — متن: عنوان و پاراگرافرایگان
  3. فصل ۰۳ — پیوند: چیزی که وب را وب کردرایگان
  4. فصل ۰۴ — تصویررایگان
  5. فصل ۰۵ — فهرسترایگان
  6. فصل ۰۶ — اسکلت معنادار صفحهرایگان
  7. فصل ۰۷ — جدول، فقط برای دادهرایگان
  8. فصل ۰۸ — فرم: گرفتن ورودیرایگان
  9. فصل ۰۹ — دسترس‌پذیری از همان HTMLرایگان
  10. فصل ۱۰ — پروژه: صفحهٔ معرفی خودترایگان
۲CSS: کنترل ظاهرترم ۲ · ۱۱ فصل
  1. فصل ۰۱ — اولین CSSرایگان
  2. فصل ۰۲ — selector هارایگان
  3. فصل ۰۳ — cascade، specificity و inheritanceرایگان
  4. فصل ۰۴ — جعبه‌ها: box modelرایگان
  5. فصل ۰۵ — واحد و رنگرایگان
  6. فصل ۰۶ — تایپوگرافی و فونت فارسیرایگان
  7. فصل ۰۷ — جریان عادی صفحهرایگان
  8. فصل ۰۸ — پس‌زمینه، حاشیه، سایهرایگان
  9. فصل ۰۹ — متغیرهای خودت در CSSرایگان
  10. فصل ۱۰ — DevTools: ابزار واقعیرایگان
  11. فصل ۱۱ — صفحهٔ ترم ۱ را زنده کنرایگان
۳Layout: چیدمانترم ۳ · ۱۱ فصل
  1. فصل ۰۱ — چیدمان: از جریان عادی شروع کنرایگان
  2. فصل ۰۲ — flexbox: یک محوررایگان
  3. فصل ۰۳ — چیدن و وسط‌چین کردنرایگان
  4. فصل ۰۴ — انعطاف واقعیرایگان
  5. فصل ۰۵ — grid: دو محوررایگان
  6. فصل ۰۶ — جای‌گذاری در gridرایگان
  7. فصل ۰۷ — layout کامل صفحه با gridرایگان
  8. فصل ۰۸ — positionرایگان
  9. فصل ۰۹ — z-index و stacking contextرایگان
  10. فصل ۱۰ — logical propertiesرایگان
  11. فصل ۱۱ — پروژه: layout یک سایت کاملرایگان
۴Responsiveترم ۴ · ۸ فصل
  1. فصل ۰۱ — responsive یعنی چهرایگان
  2. فصل ۰۲ — media queryرایگان
  3. فصل ۰۳ — تصویر responsiveرایگان
  4. فصل ۰۴ — تایپوگرافی سیال و ریاضی در CSSرایگان
  5. فصل ۰۵ — container queryرایگان
  6. فصل ۰۶ — ناوبری responsiveرایگان
  7. فصل ۰۷ — dark modeرایگان
  8. فصل ۰۸ — پروژه: سایت کاملاً responsiveرایگان
۵تعامل و جزئیاتترم ۵ · ۱۰ فصل
  1. فصل ۰۱ — حالت‌ها: pseudo-class تعاملیرایگان
  2. فصل ۰۲ — selector های ساختاری و combinator هارایگان
  3. فصل ۰۳ — pseudo-element هارایگان
  4. فصل ۰۴ — استایل فرمرایگان
  5. فصل ۰۵ — اعتبارسنجی فرمرایگان
  6. فصل ۰۶ — transformرایگان
  7. فصل ۰۷ — transitionرایگان
  8. فصل ۰۸ — animation و احترام به کاربررایگان
  9. فصل ۰۹ — :has() و تعامل بدون JavaScriptرایگان
  10. فصل ۱۰ — پروژه: یک component تعاملی بدون JSرایگان
۶حرفه‌ای و واقعیترم ۶ · ۱۱ فصل
  1. فصل ۰۱ — CSS را سازماندهی کنرایگان
  2. فصل ۰۲ — `@layer` و nestingرایگان
  3. فصل ۰۳ — مثل component فکر کنرایگان
  4. فصل ۰۴ — design system کوچک خودترایگان
  5. فصل ۰۵ — SVG و آیکونرایگان
  6. فصل ۰۶ — دسترس‌پذیری عمیقرایگان
  7. فصل ۰۷ — سرعترایگان
  8. فصل ۰۸ — معماری CSS در مقیاس بزرگرایگان
  9. فصل ۰۹ — اشکال‌زدایی مثل حرفه‌ای‌هارایگان
  10. فصل ۱۰ — پروژهٔ نهایی: ساخت سایت چندصفحه‌ایرایگان
  11. فصل ۱۱ — پروژهٔ نهایی: انتشار زندهرایگان