آموزش CSS Flexbox را یاد بگیرید

Learn CSS Flexbox

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

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

آنچه خواهید آموخت

  • مقدمه ای بر Flexbox: اصول Flexbox از جمله ویژگی های مختلف و نحوه تعامل آنها برای ایجاد طرح بندی های انعطاف پذیر را بدانید.
  • ویژگی‌های کانتینر فلکس: نحوه استفاده از نمایشگر را بیاموزید: flex، flex-direction، flex-wrap، justify-content، align-item و align-content برای کنترل طرح‌بندی ظرف انعطاف‌پذیر خود.
  • ویژگی‌های مورد انعطاف‌پذیر: نحوه استفاده از ویژگی‌هایی مانند نظم، رشد انعطاف‌پذیر، انعطاف‌پذیر، منعطف، انعطاف‌پذیر و تراز خود را برای کنترل رفتار اقلام انعطاف‌پذیر منفرد در ظرف کشف کنید.
  • ایجاد طرح‌بندی‌های پیچیده: بر هنر ایجاد طرح‌بندی‌های پیچیده با ظروف انعطاف‌پذیر تودرتو و ترکیب Flexbox با سایر تکنیک‌های CSS مسلط شوید.
  • طراحی واکنش‌گرا با Flexbox: نحوه ایجاد طرح‌های واکنش‌گرا که با اندازه‌های مختلف صفحه نمایش با استفاده از پرسش‌های رسانه و ویژگی‌های Flexbox سازگار هستند را بررسی کنید.
  • پروژه‌های عملی: دانش خود را با ساختن پروژه‌های دنیای واقعی، مانند نوارهای ناوبری، طرح‌بندی کارت و سیستم‌های شبکه‌ای با استفاده از Flexbox به کار ببرید.

اهمیت این دوره برای دانش آموزان

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

به ما در "Learn CSS Flexbox" بپیوندید و قدم بعدی را در سفر توسعه وب خود بردارید. چه مبتدی باشید که به دنبال ایجاد یک پایه قوی هستید و چه یک توسعه‌دهنده با تجربه با هدف بهبود مهارت‌های خود، این دوره به شما دانش و اعتماد به نفسی می‌دهد تا به راحتی طرح‌بندی‌های وب مدرن و پاسخگو ایجاد کنید.


سرفصل ها و درس ها

درس ها Lessons

  • آموزش سفارش CSS Flexbox CSS Flexbox Order Tutorial

  • فلکس باکس چیست؟ What is Flexbox

  • آموزش CSS Flexbox Flex Shrink CSS Flexbox Flex Shrink Tutorial

  • آموزش پایه CSS Flexbox Flex CSS Flexbox Flex Basis Tutorial

  • آموزش CSS Flexbox Flex Direction CSS Flexbox Flex Direction Tutorial

  • معرفی دوره Course introduction

  • آموزش CSS Flexbox Nested Flex CSS Flexbox Nested Flex Tutorial

  • آموزش محتوای CSS Flexbox Justify CSS Flexbox Justify Content Tutorial

  • CSS Flexbox with Margin Auto Tutorial CSS Flexbox with Margin Auto Tutorial

  • آموزش CSS Flexbox Align Content CSS Flexbox Align Content Tutorial

  • آموزش CSS Flex Wrap & Flex Flow CSS Flex Wrap & Flex Flow Tutorial

  • آموزش CSS Flexbox Flex Grow CSS Flexbox Flex Grow Tutorial

  • آموزش CSS Flexbox Align Items CSS Flexbox Align Items Tutorial

  • CSS Flexbox Align Self Tutorial CSS Flexbox Align Self Tutorial

نمایش نظرات

آموزش CSS Flexbox را یاد بگیرید
جزییات دوره
52m
14
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
1
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Jayanta Sarkar Jayanta Sarkar

سلام، من جایانتا هستم.

پس از فارغ التحصیلی و اخذ مدرک در رشته "فناوری اطلاعات"، حرفه حرفه ای من آغاز شد، شروع به توسعه وب و حرفه طراحی گرافیک در سال 2018، من هرگز از یادگیری مهارت های برنامه نویسی جدید دست نکشیدم.

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