لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
تسلط بر Layouts: CSS Grid و Flexbox Essentials
Mastering Layouts: CSS Grid and Flexbox Essentials
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
قدرت طراحی وب مدرن را با "Mastering Layouts: CSS Grid and Flexbox Essentials" باز کنید. این دوره جامع برای کمک به شما طراحی شده است تا با استفاده از دو تا از قدرتمندترین ابزارهای CSS، وبسایتهای واکنشگرا، انعطافپذیر و حرفهای بسازید: CSS Grid و Flexbox.
با شروع از اصول اولیه، خواهید فهمید که چگونه Flexbox طرحبندیهای یکبعدی را ساده میکند و همترازی و فاصلهای عالی برای طرحهای پویا و سازگار ایجاد میکند. از محور کردن عناصر گرفته تا ساختن نوارهای پیمایش انعطاف پذیر، Flexbox به ابزار اصلی شما برای دقت چیدمان تبدیل خواهد شد.
سپس، به CSS Grid می پردازیم، یک سیستم چیدمان دو بعدی که بازی را تغییر می دهد و امکان کنترل دقیق روی هر دو ردیف و ستون را فراهم می کند. یاد خواهید گرفت که چگونه طرحبندیهای پیچیده را به آسانی ایجاد کنید، از جمله شبکههای پویا، گالریهای تصویر، و طراحیهای پیچیده صفحه—همه اینها بدون عرق کردن.
در پایان این دوره، مطمئن خواهید بود که از CSS Grid و Flexbox برای ایجاد طرحبندیهای پاسخگو و انعطافپذیر که به طور یکپارچه با هر دستگاهی سازگار است، استفاده میکنید. چه مبتدی باشید و چه به دنبال افزایش مهارت های طراحی وب خود هستید، این دوره شما را با هر آنچه که برای تسلط بر طرح بندی های وب مدرن نیاز دارید، مجهز می کند.
یادگیری های کلیدی:
به اصول Flexbox و CSS Grid مسلط شوید
طرحبندیهای پاسخگو را با سیستمهای شبکه و ظروف انعطافپذیر بسازید
ایجاد پروژه های دنیای واقعی، از جمله طرح بندی، گالری، و موارد دیگر
در تکنیک های چیدمان CSS مدرن اعتماد به نفس پیدا کنید
این مهارت ها را در سناریوهای توسعه وب در دنیای واقعی اعمال کنید
سرفصل ها و درس ها
درس ها
Lessons
آموزش تعیین موقعیت اقلام شبکه CSS
CSS Grid Items Positioning Tutorial
ساخت شبکه CSS با سطر و ستون
CSS Grid Building with Rows & Columns
فلکس باکس چیست؟
What is Flexbox
آموزش شبکه های تودرتو
Nested Grids Tutorial
CSS Grid Auto Fill & Auto Fit Tutorial
CSS Grid Auto Fill & Auto Fit Tutorial
آموزش تراز کردن مسیرهای شبکه CSS
CSS Grid Tracks Alignment Tutorial
نحوه ایجاد منوی ناوبری کشویی با استفاده از Flexbox
How to Create Dropdown Navigation Menu Using Flexbox
آموزش CSS Flexbox Align Content
CSS Flexbox Align Content Tutorial
پس از فارغ التحصیلی و اخذ مدرک در رشته "فناوری اطلاعات"، حرفه حرفه ای من آغاز شد، شروع به توسعه وب و حرفه طراحی گرافیک در سال 2018، من هرگز از یادگیری مهارت های برنامه نویسی جدید دست نکشیدم.
من مهارت های توسعه وب و طراحی گرافیک را در آرنا انیمیشن می آموزم. اما بیشتر مهارت های من مهارت های خودآموز است. بهعنوان یک توسعهدهنده و طراح گرافیک خودآموخته، این شانس را داشتم که با معنی شرکتهای فناوری اطلاعات محلی کار کنم تا وبسایتهایشان را بسازم و کارمندانشان را در زمینه برنامهنویسی وب آموزش دهم.
نمایش نظرات