[{"data":1,"prerenderedAt":211},["ShallowReactive",2],{"course:taropood":3},{"course":4,"entitled":13,"lessons":14,"payments_enabled":13,"terms":210,"live":7},{"active_window":5,"effective_price_toman":6,"free":7,"lesson_count":8,"price_toman":9,"slug":10,"summary_fa":11,"title_fa":12},null,0,true,61,1500000,"taropood","از صفر تا ساختن سایت واقعی با HTML و CSS. متن‌محور، با آزمایشگاه زندهٔ داخل مرورگر و اصطلاح‌های اصیل.","تاروپود — خودآموز HTML و CSS",false,[15,20,24,28,32,36,40,44,48,52,56,59,62,65,68,71,74,77,80,83,86,90,93,96,99,102,105,108,111,114,117,120,123,126,129,132,135,138,141,144,147,150,153,156,159,162,165,168,171,174,177,180,183,186,189,192,195,198,201,204,207],{"free_preview":7,"order":16,"slug":17,"source":18,"term":16,"title_fa":19},1,"t1-s01-first-page","book","فصل ۰۱ — اولین صفحهٔ وب تو",{"free_preview":7,"order":21,"slug":22,"source":18,"term":16,"title_fa":23},2,"t1-s02-text","فصل ۰۲ — متن: عنوان و پاراگراف",{"free_preview":7,"order":25,"slug":26,"source":18,"term":16,"title_fa":27},3,"t1-s03-links","فصل ۰۳ — پیوند: چیزی که وب را وب کرد",{"free_preview":7,"order":29,"slug":30,"source":18,"term":16,"title_fa":31},4,"t1-s04-images","فصل ۰۴ — تصویر",{"free_preview":7,"order":33,"slug":34,"source":18,"term":16,"title_fa":35},5,"t1-s05-lists","فصل ۰۵ — فهرست",{"free_preview":7,"order":37,"slug":38,"source":18,"term":16,"title_fa":39},6,"t1-s06-semantic","فصل ۰۶ — اسکلت معنادار صفحه",{"free_preview":7,"order":41,"slug":42,"source":18,"term":16,"title_fa":43},7,"t1-s07-tables","فصل ۰۷ — جدول، فقط برای داده",{"free_preview":7,"order":45,"slug":46,"source":18,"term":16,"title_fa":47},8,"t1-s08-forms","فصل ۰۸ — فرم: گرفتن ورودی",{"free_preview":7,"order":49,"slug":50,"source":18,"term":16,"title_fa":51},9,"t1-s09-accessibility","فصل ۰۹ — دسترس‌پذیری از همان HTML",{"free_preview":7,"order":53,"slug":54,"source":18,"term":16,"title_fa":55},10,"t1-s10-first-project","فصل ۱۰ — پروژه: صفحهٔ معرفی خودت",{"free_preview":7,"order":16,"slug":57,"source":18,"term":21,"title_fa":58},"t2-s01-first-css","فصل ۰۱ — اولین CSS",{"free_preview":7,"order":21,"slug":60,"source":18,"term":21,"title_fa":61},"t2-s02-selectors","فصل ۰۲ — selector ها",{"free_preview":7,"order":25,"slug":63,"source":18,"term":21,"title_fa":64},"t2-s03-cascade","فصل ۰۳ — cascade، specificity و inheritance",{"free_preview":7,"order":29,"slug":66,"source":18,"term":21,"title_fa":67},"t2-s04-box-model","فصل ۰۴ — جعبه‌ها: box model",{"free_preview":7,"order":33,"slug":69,"source":18,"term":21,"title_fa":70},"t2-s05-units-colors","فصل ۰۵ — واحد و رنگ",{"free_preview":7,"order":37,"slug":72,"source":18,"term":21,"title_fa":73},"t2-s06-typography","فصل ۰۶ — تایپوگرافی و فونت فارسی",{"free_preview":7,"order":41,"slug":75,"source":18,"term":21,"title_fa":76},"t2-s07-flow","فصل ۰۷ — جریان عادی صفحه",{"free_preview":7,"order":45,"slug":78,"source":18,"term":21,"title_fa":79},"t2-s08-decoration","فصل ۰۸ — پس‌زمینه، حاشیه، سایه",{"free_preview":7,"order":49,"slug":81,"source":18,"term":21,"title_fa":82},"t2-s09-custom-props","فصل ۰۹ — متغیرهای خودت در CSS",{"free_preview":7,"order":53,"slug":84,"source":18,"term":21,"title_fa":85},"t2-s10-devtools","فصل ۱۰ — DevTools: ابزار واقعی",{"free_preview":7,"order":87,"slug":88,"source":18,"term":21,"title_fa":89},11,"t2-s11-styled-project","فصل ۱۱ — صفحهٔ ترم ۱ را زنده کن",{"free_preview":7,"order":16,"slug":91,"source":18,"term":25,"title_fa":92},"t3-s01-layout-intro","فصل ۰۱ — چیدمان: از جریان عادی شروع کن",{"free_preview":7,"order":21,"slug":94,"source":18,"term":25,"title_fa":95},"t3-s02-flex-basics","فصل ۰۲ — flexbox: یک محور",{"free_preview":7,"order":25,"slug":97,"source":18,"term":25,"title_fa":98},"t3-s03-flex-align","فصل ۰۳ — چیدن و وسط‌چین کردن",{"free_preview":7,"order":29,"slug":100,"source":18,"term":25,"title_fa":101},"t3-s04-flex-grow","فصل ۰۴ — انعطاف واقعی",{"free_preview":7,"order":33,"slug":103,"source":18,"term":25,"title_fa":104},"t3-s05-grid-basics","فصل ۰۵ — grid: دو محور",{"free_preview":7,"order":37,"slug":106,"source":18,"term":25,"title_fa":107},"t3-s06-grid-placement","فصل ۰۶ — جای‌گذاری در grid",{"free_preview":7,"order":41,"slug":109,"source":18,"term":25,"title_fa":110},"t3-s07-grid-areas","فصل ۰۷ — layout کامل صفحه با grid",{"free_preview":7,"order":45,"slug":112,"source":18,"term":25,"title_fa":113},"t3-s08-position","فصل ۰۸ — position",{"free_preview":7,"order":49,"slug":115,"source":18,"term":25,"title_fa":116},"t3-s09-stacking","فصل ۰۹ — z-index و stacking context",{"free_preview":7,"order":53,"slug":118,"source":18,"term":25,"title_fa":119},"t3-s10-logical","فصل ۱۰ — logical properties",{"free_preview":7,"order":87,"slug":121,"source":18,"term":25,"title_fa":122},"t3-s11-layout-project","فصل ۱۱ — پروژه: layout یک سایت کامل",{"free_preview":7,"order":16,"slug":124,"source":18,"term":29,"title_fa":125},"t4-s01-responsive-intro","فصل ۰۱ — responsive یعنی چه",{"free_preview":7,"order":21,"slug":127,"source":18,"term":29,"title_fa":128},"t4-s02-media-queries","فصل ۰۲ — media query",{"free_preview":7,"order":25,"slug":130,"source":18,"term":29,"title_fa":131},"t4-s03-responsive-images","فصل ۰۳ — تصویر responsive",{"free_preview":7,"order":29,"slug":133,"source":18,"term":29,"title_fa":134},"t4-s04-fluid-type","فصل ۰۴ — تایپوگرافی سیال و ریاضی در CSS",{"free_preview":7,"order":33,"slug":136,"source":18,"term":29,"title_fa":137},"t4-s05-container-queries","فصل ۰۵ — container query",{"free_preview":7,"order":37,"slug":139,"source":18,"term":29,"title_fa":140},"t4-s06-responsive-nav","فصل ۰۶ — ناوبری responsive",{"free_preview":7,"order":41,"slug":142,"source":18,"term":29,"title_fa":143},"t4-s07-dark-mode","فصل ۰۷ — dark mode",{"free_preview":7,"order":45,"slug":145,"source":18,"term":29,"title_fa":146},"t4-s08-responsive-project","فصل ۰۸ — پروژه: سایت کاملاً responsive",{"free_preview":7,"order":16,"slug":148,"source":18,"term":33,"title_fa":149},"t5-s01-states","فصل ۰۱ — حالت‌ها: pseudo-class تعاملی",{"free_preview":7,"order":21,"slug":151,"source":18,"term":33,"title_fa":152},"t5-s02-structural-selectors","فصل ۰۲ — selector های ساختاری و combinator ها",{"free_preview":7,"order":25,"slug":154,"source":18,"term":33,"title_fa":155},"t5-s03-pseudo-elements","فصل ۰۳ — pseudo-element ها",{"free_preview":7,"order":29,"slug":157,"source":18,"term":33,"title_fa":158},"t5-s04-forms-styling","فصل ۰۴ — استایل فرم",{"free_preview":7,"order":33,"slug":160,"source":18,"term":33,"title_fa":161},"t5-s05-forms-validation","فصل ۰۵ — اعتبارسنجی فرم",{"free_preview":7,"order":37,"slug":163,"source":18,"term":33,"title_fa":164},"t5-s06-transforms","فصل ۰۶ — transform",{"free_preview":7,"order":41,"slug":166,"source":18,"term":33,"title_fa":167},"t5-s07-transitions","فصل ۰۷ — transition",{"free_preview":7,"order":45,"slug":169,"source":18,"term":33,"title_fa":170},"t5-s08-animation","فصل ۰۸ — animation و احترام به کاربر",{"free_preview":7,"order":49,"slug":172,"source":18,"term":33,"title_fa":173},"t5-s09-has-selector","فصل ۰۹ — :has() و تعامل بدون JavaScript",{"free_preview":7,"order":53,"slug":175,"source":18,"term":33,"title_fa":176},"t5-s10-interaction-project","فصل ۱۰ — پروژه: یک component تعاملی بدون JS",{"free_preview":7,"order":16,"slug":178,"source":18,"term":37,"title_fa":179},"t6-s01-organizing","فصل ۰۱ — CSS را سازماندهی کن",{"free_preview":7,"order":21,"slug":181,"source":18,"term":37,"title_fa":182},"t6-s02-layers-nesting","فصل ۰۲ — `@layer` و nesting",{"free_preview":7,"order":25,"slug":184,"source":18,"term":37,"title_fa":185},"t6-s03-components","فصل ۰۳ — مثل component فکر کن",{"free_preview":7,"order":29,"slug":187,"source":18,"term":37,"title_fa":188},"t6-s04-design-system","فصل ۰۴ — design system کوچک خودت",{"free_preview":7,"order":33,"slug":190,"source":18,"term":37,"title_fa":191},"t6-s05-svg-icons","فصل ۰۵ — SVG و آیکون",{"free_preview":7,"order":37,"slug":193,"source":18,"term":37,"title_fa":194},"t6-s06-accessibility-deep","فصل ۰۶ — دسترس‌پذیری عمیق",{"free_preview":7,"order":41,"slug":196,"source":18,"term":37,"title_fa":197},"t6-s07-performance","فصل ۰۷ — سرعت",{"free_preview":7,"order":45,"slug":199,"source":18,"term":37,"title_fa":200},"t6-s08-architecture","فصل ۰۸ — معماری CSS در مقیاس بزرگ",{"free_preview":7,"order":49,"slug":202,"source":18,"term":37,"title_fa":203},"t6-s09-debugging","فصل ۰۹ — اشکال‌زدایی مثل حرفه‌ای‌ها",{"free_preview":7,"order":53,"slug":205,"source":18,"term":37,"title_fa":206},"t6-s10-capstone-build","فصل ۱۰ — پروژهٔ نهایی: ساخت سایت چندصفحه‌ای",{"free_preview":7,"order":87,"slug":208,"source":18,"term":37,"title_fa":209},"t6-s11-capstone-ship","فصل ۱۱ — پروژهٔ نهایی: انتشار زنده",[],1784827104668]