آموزش سی اس اس – ترکیب Grid و Flexbox

دوره آموزش سی اس اس – ترکیب Grid و Flexbox
Linkedin – CSS – Combining Grid and Flexbox
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل

با Grid و Flexbox، سی اس اس به طور چشمگیری در حال تغییر است. در حالی که در گذشته، ایجاد طرح‌بندی‌های پیچیده به انواع هک‌های CSS، جاوا اسکریپت یا هر دو نیاز داشت، اکنون می‌توانید از Flexbox و Grid -ابزارهایی که به‌طور خاص برای طرح‌بندی طراحی شده‌اند- برای ایجاد صفحات وب واکنش‌گرا با طرح‌بندی‌های دقیق و سفارشی استفاده کنید.

در این دوره آموزش سی اس اس – ترکیب Grid و Flexbox، امیلی کی اصول Flexbox و Grid را به طور جداگانه پوشش می دهد، از syntaxes گرفته تا خواص و نحوه عملکرد آنها به طور کلی. پس از آن، او مواردی را توضیح می دهد که ممکن است لازم باشد از هر دو برای انجام اهداف طرح بندی خود استفاده کنید.
همانطور که امیلی نشان می دهد، وقتی از Flexbox و Grid با هم استفاده می کنید تا نقاط قوت جداگانه آنها را ترکیب کنید، می توانید محتوای وب پیچیده را به روشی زیبا و کاربرپسند ایجاد و نمایش دهید.

فهرست سرفصل های دوره : آموزش Linkedin – CSS – Combining Grid and Flexbox
دوره آموزش سی اس اس – ترکیب Grid و Flexbox

• مقدمه
  طرح بندی وب سفارشی با Grid و Flexbox
  استفاده از فایل های تمرینی
  آنچه شما باید بدانید
  استفاده از ابزارهای توسعه
  
• 1. Flex چیست؟
  Flexbox چیست؟
  نحو Flexbox
  ویژگی های ظرف Flexbox
  ویژگی های آیتم Flexbox
  استفاده از Flexbox: چالش
  استفاده از Flexbox: راه حل
  
• 2. Grid چیست؟
  Grid چیست؟
  قواعد Grid
  Grid چگونه کار می کند؟
  ویژگی های ظرف Grid
  ویژگی های آیتم Grid
  توابع و کلمات کلیدی
  استفاده از Grid: چالش
  استفاده از Grid: راه حل
  
• 3. ترکیب فن آوری ها
  Grid در مقابل Flexbox
  ترکیب Flexbox و Grid
  تجزیه و تحلیل یک طرح
  انتخاب راه حل مناسب برای کار
  استفاده از Grid و Flexbox: چالش
  استفاده از Grid و Flexbox: راه حل
  
• 4. با استفاده از Flexbox و Grid یک صفحه وب بسازید
  نمای کلی پروژه
  هدر صفحه وب با بخش hero
  یک منوی همبرگر برای موبایل ایجاد کنید
  یک منوی افقی برای دسکتاپ ایجاد کنید
  کارت های وب، قسمت 1
  کارت های وب، قسمت 2
  خلاصه های CTA
  بخش تیم برای موبایل
  بخش تیم برای دسکتاپ
  بخش مشکل
  اشیاء رسانه ای برای موبایل
  اشیاء رسانه ای برای دسکتاپ
  گالری تصاویر
  پاورقی برای صفحه نمایش بزرگ
  پاورقی برای صفحه نمایش های بسیار بزرگ
  
• 5. با استفاده از Flexbox و Grid یک فرم بسازید
  نمای کلی پروژه
  فرم برای موبایل
  فرم برای دسکتاپ
  
• 6. پشتیبانی
  سازگاری و منابع
  پرس و جوهای ویژگی
  
• نتیجه گیری
  مراحل بعدی

دوره آموزش سی اس اس – ترکیب Grid و Flexbox
Linkedin – CSS – Combining Grid and Flexbox ، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است!