Course catalog

Course duration

Course provider

Topic

Categories

Showing 1-4 of 4 items.

linkedin CSS: Combining Grid and Flexbox (Mitalearn-220317)

  • 3 hours 50 minutes
  • مناسب همه
  • Release date: 22 June 2026
  • Author: Emily Kay
درباره این دوره:

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

linkedin چیدمان پاسخگو (Mitalearn-151620)

  • 2 hours 32 minutes
  • متوسط
  • Release date: 21 June 2026
  • Author: Clarissa Peterson
درباره این دوره:

طراحی واکنشگرا مستلزم آن است که وب سایت ها با دستگاهی که در آن نمایش داده می شوند سازگار شوند. طرح‌بندی واکنش‌گرا بسیار کلیدی است، و HTML و CSS اکنون ویژگی‌هایی را ارائه می‌کنند که ایجاد طرح‌بندی‌هایی را که در طیف وسیعی از دستگاه‌ها و اندازه‌های صفحه به خوبی کار می‌کنند، آسان‌تر از همیشه می‌کنند. در این دوره، Clarissa Peterson اصول طراحی طرح‌بندی وب‌سایت واکنش‌گرا با آخرین استانداردها از جمله CSS Flexbox و Grid را پوشش می‌دهد. اصول اولیه را مرور کنید، مانند کار کردن با ویژگی های موقعیت و شناور برای تنظیم مکان عناصر روی صفحه، و نحوه استفاده از پرس و جوهای رسانه ای برای به روز رسانی فعال طرح خود را بیابید. سپس وارد CSS Grid شوید، از جمله تراز کردن و سفارش دادن آیتم‌ها در شبکه، و پیدا کردن کار کردن با ظروف flexbox. در نهایت، یاد بگیرید که یک طرح 12 ستونی بسازید که Grid و Flexbox را در یک طرح ترکیب می کند.

linkedin ساخت فرم های پاسخگو با Flexbox (Mitalearn-74746)

  • 1 hours 19 minutes
  • متوسط
  • Release date: 22 June 2026
  • Author: James Williamson
درباره این دوره:

مدل CSS3 Flexible Box یا Flexbox روشی متفاوت برای طراحی وب‌سایت‌های واکنش‌گرا و فرم‌های HTML است. Flexbox به شناورها یا حاشیه های جمع شونده متکی نیست. در عوض، ظروف انعطاف پذیر، اقلام را کوچک و منبسط می کنند تا با فضای موجود متناسب شوند. با flexbox، طرح‌بندی‌های پیچیده‌تر را می‌توان با کد معنایی پاک‌تر به دست آورد.

rnrn او نحوه استایل دادن به ساختارهای فرم، فیلدها، برچسب ها و دکمه ها را نشان می دهد. کنترل تراز عناصر مختلف؛ و پاسخگویی هر دو فرم را با پرس و جوهای رسانه ای افزایش دهید.

linkedin طرح‌بندی‌های واکنش‌گرای پیشرفته با CSS Flexbox (Mitalearn-75188)

  • 1 hours 48 minutes
  • متوسط
  • Release date: 22 June 2026
  • Author: Morten Rand-Hendriksen
درباره این دوره:


ماژول طرح بندی جعبه انعطاف پذیر CSS (معروف به Flexbox) راه حلی ساده برای بسیاری از مشکلات طراحی و چیدمان ارائه می دهد که طراحان و توسعه دهندگان وب از زمان ظهور CSS با آن مواجه بوده اند. اکنون که ماژول در حال آماده شدن برای مرحله اصلی است، وقت آن است که ببینیم چه کاری می توانیم با آن انجام دهیم.

nn Morten Rand-Hendriksen بیننده را به گشت و گذار در Flexbox می برد و قطعه کدهای عملی را ارائه می دهد که می توانند با خیال راحت تقریباً در هر وب سایتی پیاده سازی شوند. او همه اینها را در یک سایت جام مقدس با چیدمان مبتنی بر کارت، منوهای محتوای ترکیبی و اجزای تعاملی که به بازدیدکنندگان امکان انتخاب در مورد آنچه را که می بینند ارائه می دهد، قرار می دهد.

Suggestions