- مدرس دوره : طه قاسمی زرگر ( رزومه )
- تعداد ویدیوها : 12 ویدیو
- مدت زمان دوره : 2:53:00
- سطح دوره : مقدماتی
- وضعیت دوره : به اتمام رسیده
- تاریخ آخرین بروزرسانی : 1402/12/09
دوره آموزش جامع Flexbox & Grid
این دوره شامل آموزش کامل Grid & Flexbox هست
سرفصل های دوره
معرفی دوره
مقایسه Grid و Flexbox
آموزش Grid containers & Grid items
بررسی ویژگی grid-template-columns
بررسی ویژگی grid-auto-rows
بررسی ویژگی grid-template-areas
پروژه پایانی بخش گرید (طراحی بخش معرفی اعضای تیم)
معرفی FlexBox (Flex containers, flex-wrap, flex-direction, justify. Align, flex-flow) و معرفی main axis و cross axis
Flex grow
Flex shrink
ساخت هدر با FlexBox
ساخت یک فوتر حرفه ای با FlexBox
بررسی ویژگی elements-order در flexbox و پایان دوره
پیش نیاز های دوره :
- HTML & CSS
فهرستـــ ویدیوها
مدت زمان دوره 2:53:00با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.
مقایسه Grid و FlexBox
در این قسمت سعی کرده ایم تا مقایسه ای کوتاه بر تفاوت های کلیدی FlexBox و Grid داشته باشیم.
بررسی Containers و Items در سیستم Grid
در این قسمت به بررسی دقیق Grid-containers و Grid-items پرداخته ایم. درک این تو موضوع تاثیر شایانی بر یادگیری شما از این دوره خواهد داشت.
پیاده سازی اولین طرح با grid-template-colu
در این قسمت به آموزش property بسیار مهم grid-template-columns میپردازیم و یک ساختار ساده را نیز با کمک این property پیاده سازی خواهیم کرد.
بررسی ویژگی grid-auto-rows
در این قسمت به بررسی property با اهمیت grid-auto-rows میپردازیم.
بررسی ویژگی grid-template-areas
در این قسمت به بررسی ویژگی grid-template-areas میپردازیم و یک ساختار کاربردی را نیز با کمک این property ایجاد میکنیم.
پروژه نهایی بخش Css Grid
بخش Css Grid رو در این بخش به اتمام میرسونیم و پروژه نهایی رو با سیستم Grid پیاده سازی میکنیم.
شروع بخش FlexBox (flex-wrap,flex-direction, justify-content, align-items, align-content- flex-flow)
شروع بخش FlexBox دوره ما از این قسمت شروع میشه و درباره property های خیلی مهمی هم توضیح داده میشه.
ساخت هدر سایت با Flex-box
در این قسمت قرار هست با استفاده از FlexBox یک هدر ایجاد کنیم و با روند کامل ساخت هدر سایت آشنا بشیم.
پروژه فوتر با FlexBox
در این قسمت یک فوتر حرفه ای رو به عنوان یه مینی پروژه با flexbox انحام میدیم.
آموزش ویژگی Element-order و پایان دوره
در این قسمت آخرین ویژگی از FlexBox رو نیز خدمت شما عزیزان ارائه خواهیم کرد و این دوره رو به پایان میرسونیم. امیدوارم که این دوره توانسته باشد هر چند اندک، به دانش شما اضافه کند وبرای شما مفید بوده باشد. مارو از نظرات و انتقادات سازندهی خودتون بی نصیب نگذارید.
نظرات کاربران در رابطه با این دوره
tka20
ارسال شده در 1403/08/02دوره عالی بود. ممنونم
علی راد
ارسال شده در 1402/12/16لطفا آموزش بوت استرپ رو هم منتشر کنید.
طه قاسمی زرگر (مدرس)
ارسال شده در 1402/12/16چشم حتما
رضا کریمی
ارسال شده در 1402/12/15دوره مفید، کاربردی و مختصر بود ممنونم
طه قاسمی زرگر (مدرس)
ارسال شده در 1402/12/16ممنونم از شما
علی راد
ارسال شده در 1402/12/14استاد امکانش هست دوره ی بوت استرپ رو هم منتشر کنید خودتون؟ من با شیوه تدریس شما خوب یاد میگیرم و به بوت استرپ هم علاقه مندم.
طه قاسمی زرگر (مدرس)
ارسال شده در 1402/12/14برای دوره بعدی که در نظر گرفته شده قرار هست Tailwind رو برای شما عزیزان آماده کنیم. ولی بعد از اون حتما به بوت استرپ هم خواهیم پرداخت.
علی راد
ارسال شده در 1402/12/14ممنون از دوره ی خوب شما، مباحث خیلی ساده بیان شدن.
طه قاسمی زرگر (مدرس)
ارسال شده در 1402/12/14ممنون از نظر شما
دارا قاسمی
ارسال شده در 1402/11/29طراحی لی آوت سایت از مباحث مهم و کاربردیست که مختصر و مفید بیان شده. ممنون
طه قاسمی زرگر (مدرس)
ارسال شده در 1402/11/29تمرکز ما در این دوره روی ارائه اصولی و قابل فهم سرفصل ها بوده، خوشحالم که تونسته برای شما مفید باشه.
طاها قاسمی زرگر
ارسال شده در 1402/11/27این دوره واقعا عالیه، مباحث به شکل ساده و روان بیان شده و با مثال های متنوع مفاهیم توضیح داده شده که باعث میشه بصورت عمیق مفاهیم فلکس باکس و گرید رو درک کنید. از شما بابت تهیه این دوره عالی ممنونم.
طه قاسمی زرگر (مدرس)
ارسال شده در 1402/11/27ممنون از نظر شما، خوشحالم که دوره تونسته برای شما مفید باشه.