دوره آموزش طراحی واکنشگرا پیشرفته – لی اوت ها با سی اس اس فلکس باکس
Lynda – Advanced Responsive – Layouts with CSS Flexbox
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل
ماژول CSS Flexible Box Layout (معروف به Flexbox) یک راه حل ساده برای بسیاری از مشکلات طراحی و چیدمان که طراحان و توسعه دهندگان وب از زمان ظهور CSS با آن روبرو بوده اند ارائه می دهد. اکنون که ماژول در حال آماده شدن برای مرحله اصلی است، وقت آن است که ببینیم چه کاری می توانیم با آن انجام دهیم.
این دوره آموزش طراحی واکنشگرا پیشرفته – لی اوت ها با سی اس اس فلکس باکس نحوه استفاده از جعبههای انعطافپذیر را برای ایجاد طرحبندیهای واکنشگرای پیشرفته نشان میدهد.
Morten Rand-Hendriksen بیننده را به گشت و گذار در Flexbox می برد و قطعه کدهای عملی را ارائه می دهد که می توانند با خیال راحت تقریباً در هر وب سایتی پیاده سازی شوند.
او همه اینها را در یک سایت جام مقدس با چیدمان مبتنی بر کارت، منوهای محتوای ترکیبی و اجزای تعاملی که به بازدیدکنندگان امکان انتخاب در مورد آنچه را که می بینند ارائه می دهد، قرار می دهد.
فهرست سرفصل های دوره : آموزش Lynda – Advanced Responsive – Layouts with CSS Flexbox
دوره آموزش طراحی واکنشگرا پیشرفته – لی اوت ها با سی اس اس فلکس باکس
- مقدمه
خوش آمدی
نحوه استفاده از فایل های تمرین
- 1. Flexbox چیست؟
فلکس باکس چیست؟
هشدارهایی در هنگام استفاده از Flexbox امروز
- 2. منوهای Flexbox-Powered
بررسی طرحبندیهای رایج منو
علامت گذاری پنج نوع منو
استفاده از Flexbox برای کنترل طرح منوی تک سطحی
استفاده از Flexbox برای کنترل منوهای پیشرفته
استفاده از Flexbox برای کنترل منوهای چند سطحی با کشویی
ایجاد منوی شبکه های اجتماعی
استفاده از Flexbox برای کنترل چندین منو
- 3. طرح بندی کارت پاسخگو
چالش ها با طرح بندی کارت
علامت گذاری کارت های معمولی
استفاده از Flexbox برای ایجاد شبکه ای از کارت ها
اضافه کردن نقاط شکست پاسخگو
حل مشکل رایج “لنگر کارت را پر نمی کند”.
- 4. طرح جام مقدس
طرح جام مقدس چیست؟
علامت گذاری طرح جام مقدس در HTML
طراحی طرح جام مقدس با Flexbox
تغییر طرح با Flexbox
- 5. تحویل کنترل به کاربر
واگذاری کنترل به کاربر
تغییر موقعیت نوار کناری
تغییر از جام مقدس به نمایش عمودی
پنهان کردن و نمایش نوار کناری
محتوای متحرک
- 6. قرار دادن همه چیز با هم
همه اش را بگذار کنار هم
مراحل بعدی
دوره آموزش طراحی واکنشگرا پیشرفته – لی اوت ها با سی اس اس فلکس باکس، Lynda – Advanced Responsive – Layouts with CSS Flexbox، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است !
آموزش مثل این بازم بزارین، همیشه بروز باشید، تشکر
پیشنهاد میکنم