دسته بندی

در حال حاضر محصولی در سبد خرید شما وجود ندارد.

پنل کاربری

رمز خود را فراموش کرده اید؟ اگر اولین بار است از سایت جدید استفاده میکنید باید پسورد خود را ریست نمایید.

آموزش کدنویسی Layout های مدرن بوسیله CSS Grid

دانلود egghead Build Modern Layouts with CSS Grid

10,900 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
افزودن به سبد خرید
خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

ویدئو معرفی این محصول

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با CSS یاد می گیرید.

عنوان اصلی : Build Modern Layouts with CSS Grid

این مجموعه آموزش ویدیویی محصول موسسه آموزشی egghead است که بر روی 1 حلقه دیسک ارائه شده و به مدت زمان 23 دقیقه در اختیار علاقه مندان قرار می گیرد.

در ادامه با برخی از سرفصل های درسی این مجموعه آموزش آشنا می شویم :

1. تعریف متغیرهای رنگ ریشه و تنظیم اندازه جعبه برای طرح CSS
2. Egghead 02 شروع یک طرح شبکه با شبکه صفحه نمایش
3. یک قطعه در شبکه CSS را با GRID GAP مشخص کنید
4. استفاده از ابزارهای توسعه دهنده فایرفاکس برای تجسم سبک های شبکه CSS
5. اندازه گرید CSS را با واحد کسر (FR) تعیین کنید
6. طرح بندی صفحه را با شبکه CSS با استفاده از مناطق قالب شبکه تعریف کنید
7. با اضافه کردن یک ظاهر طراحی شده به یک طرح بندی شبکه CSS، محتوا را ترتیب دهید
8. یک نوار ناوبری با Grid CSS با استفاده از جریان خودکار شبکه ایجاد کنید
9. یک طرح شبکه CSS توزیع شده ایجاد کنید
10. از تابع CSS تکرار () CSS استفاده کنید تا به طور موثر ردیف های شبکه CSS و ستون ها را تعریف کنید
11. محدوده اندازه را با تابع Minmax () CSS تعریف کنید تا آیتم های پاسخگو را ایجاد کنید
12. طرح بندی پاسخگو را با استفاده از پرس و جوهای رسانه ای با CSS Grid ایجاد کنید
13. استفاده از جریان خودکار شبکه و پرس و جوهای رسانه ای به ناوبری تلنگر از افقی تا عمودی

1. Define Root Colors Variables and Set up Box Sizing for a CSS Layout
2. egghead 02 start a grid layout with display grid
3. Specify a Gutter in CSS Grid with grid gap
4. Utilize Firefox Developer Tools to Visualize CSS Grid Styles
5. Determine CSS Grid Sizing with the Fraction Unit (fr)
6. Define a Page Layout with CSS Grid Using grid template areas
7. Align Content by Adding Styling to a CSS Grid Layout
8. Build a Navigation Bar with CSS Grid Using grid auto flow
9. Create a Nested CSS Grid Layout
10. Use the repeat() CSS Function to Efficiently Define CSS Grid Rows and Columns
11. Define Size Range with the minmax() CSS Function to Create Responsive Grid Items
12. Create a Responsive Layout Using Media Queries with CSS Grid
13. Use grid auto flow and Media Queries to Flip Navigation from Horizontal to Vertical