فلکس باکس یک سیستم صفحه بندی یا ماژول وابسته به css هست که به ما کمک میکنه تا صفحات و باکس ها خودمون رو راحت تر کنترل کنیم. پیشنهاد میکنم برای آشنایی با این سیستم ویدیو دمو رو حتما مشاهده کنی.
داخل CssGrid ما میتونستیم باکس های خودمون رو شبیه به جداول کنترل بکنیم داخل FlexBox ما همین قابلیت ها رو داریم ولی هر کدوم از این سیستم ها جای خودشون رو دارن FlexBox
خب در واقع این دو ماژول یه تفاوت های دارن, به صورت کلی میتونم بگم که این flexBox برای کارهای تک بعدی و یک سطری بهتره اما برای کار های دوبعدی و چند سطری cssGrid مناسب تر هستش . اما در جلسه آخر دوره این موضوع رو به صورت کامل برسی کردیم و همین طور میتونید این جلسه رو به صورت رایگان از تب “قسمت های رایگان” دریافت کنید.
این دوره پروژه محور هستش و در انتها یک پروژه لندینگ پیچ با هم داریم که و به صورت کامل یک قالب رو با هم پیدا سازی میکنیم . میتونید دموی قالب رو از قسمت “محیط پروژه” ببینید .
> دقیقه
دمو معرفی FlexBox و برسی پروژه
> دقیقه
بررسی پشتیبانی مرورگر ها و توضیحات تکمیلی
> دقیقه
بررسی خاصیت Flex-direction
> دقیقه
بررسی خاصیت Flex-Wrap
> دقیقه
بررسی flex-Flow
> دقیقه
بررسی خاصیت Justify-Content
> دقیقه
بررسی خاصیت Align-items
> دقیقه
مینی پروژه درک Flex-Box
> دقیقه
بررسی خاصیت Align-content
> دقیقه
بررسی خاصیت order
> دقیقه
بررسی خاصیت Flex-grow
> دقیقه
بررسی خاصیت Flex-basis
> دقیقه
بررسی خاصیت Flex-basis
> دقیقه
بررسی خاصیت align-self
> دقیقه
بررسی توابع لازم در Flex-box و متغیر ها در css
> دقیقه
بررسی قالب دوره و توضیخاتی درباره اصول طراحی قالی
> دقیقه
طراحی بخش هدر
> دقیقه
طراحی بخش توضیحات سریع
> دقیقه
طراحی بخش خدمات سریع
> دقیقه
طراحی اسلادر نمونه کار ها
> دقیقه
طراحی بخش تعرفه ها
> دقیقه
طراحی باکس های معرفی
> دقیقه
طراحی بخش سوابق
> دقیقه
طراحی بخش اپشن ها اصلی
> دقیقه
طراحی بخش پیشنمایش اپلیکیشن
> دقیقه
طراحی بخش افزونه ها
> دقیقه
طراحی بخش خدمات شگفت انگیز
> دقیقه
طراحی فرم مشاوره
> دقیقه
طراحی بخش نمایندگی
> دقیقه
طراحی بخش درباره ما
> دقیقه
طراحی بخش سوالات پر تکرار
> دقیقه
طراحی بخش فوتر
> دقیقه
طراحی عنوان ها قالب
> دقیقه
طراحی بخش ورود و ثبت نام
> دقیقه
رسپانسیو سازی قالب ۱
> دقیقه
رسپانسیو سازی قالب 2
> دقیقه
رسپانسیو سازی قالب 3
> دقیقه
رسپانسیو سازی قالب 4
> دقیقه
بررسی جزئیات قالب
> دقیقه
تفاوت CSS-Grid و Flex-Box
مقطع تحصیلی | رشته تحصیلی | دانشگاه |
---|---|---|
کاردانی | نرم افزار اطلاعات | دانشگاه زنجان |
عنوان درس | لینک دانلود |
---|---|
اموزش Css Grid | مشاهده آموزش |
برای مشاهده کیفیت و نحوه تدریس مدرس چندین قسمت از آموزش برای شما به صورت رایگان قرار گرفته است
عنوان درس | لینک دانلود |
---|---|
دمو | مشاهده آموزش |
قسمت 6 | مشاهده آموزش |
قسمت 18 | مشاهده آموزش |
قسمت 28 | مشاهده آموزش |
قسمت 34 | مشاهده آموزش |
قسمت 39 | مشاهده آموزش |
aliexploit
کارتون خیلی درسته
بهترین سایتی که بدون ادعا و تبلیغ بهترین کیفیت رو میده!
hamidreza
سلام وقت بخیر .
ممنون از انتخاب وبسایت زیکو و انرژی مثبتی که دادید امیدوارم در گام های بعدی هم در خدمت شما باشیم .
موفق باشید .
mortaza
ببخشید خریدن گروهی دوره ها اشکال دارد؟
hamidreza
سلام وقت بخیر .
دوست عزیز در حال حاضر تخفیف ها فعال هستند برای اطلاع از تخفیف ها در کانال تلگرام زیکو به ادرس ziccoplus@ عضو بشید .
موفق باشید .
ahad
سلام
ببخشید دوره sass کی شروع میشه؟
hamidreza
سلام وقت بخیر .
در حال تکمیل پروژه هستیم ،احتمالا اواسط هفته اینده شروع کنیم دوره رو .
موفق باشید
Cypher1999
سلام
فقط میتونم بگم دمتون گرم
هم مدرسا عالین
هم قیمتا
هم همه چی
یکم سرعت سایت پایین بود که بعد اپدیت اونم اوکی شد
🌷🌷🌷🌷
hamidreza
سلام وقت بخیر .
ممنون از انرزی مثبتی که دادید !
مهدی
سلام ببخشید پیشنیاز دوره چیه ؟؟
hamidreza
سلام وقت بخیر.
فقط کافیه به html و css مسلط باشید .
ams
سلام و عرض ادب
بنده دوره های زیکو در مدت های مختلف خریداری کنم ولی دانلود نکردم. الان هم وقتی وارد صفحه دور ها میشم میزنه خرید فقط. توی پنل خودم هم که فقط سه تای اخر رو نشون میده. حالا چیکار کنم؟
با تشکر فراوان
hamidreza
سلام وفت بخیر .
وارد پنل کاربریتون بشید . در قسمت “”دوره های من ( سوابق خرید ) “” میتونید دوره های که خریداری کردید رو مشاهده کنید .
در صورت حل نشدن مشکل با پشتیبانی تلگرام زیکو به ادرس @Ziccosupport2 ارتباط برقرار کنید .
موفق باشید .
aliosi
سلام آقای فیروزی سورس قالب هم داخل پکیج هست؟
hamidreza
سلام وقت بخیر .
سورس پروژه به صورت کامل در اختیارتو ن قرار میگیره .
بعد از دانلود , داخل پوشه جلسه 39 سورس نهایی قرار گرفته .
موفق باشید .
rezatva
سلام
کد تخفیف میزارید لطفا ؟
ممنون از سایت عالی زیکوووووو
hamidreza
سلام وقت بخیر .
تخفیف ها فعال هستند ! برای دریافت کد تخفیف در کانال تلگرامی زیکو عضو بشید .
https://t.me/ziccoplus
موفق باشید .
mahdi.sajjadpoor
واقعا ساییتون عالیههههه
hamidreza
سلام وقت بخیر , لطف دارید , ممنون از انرزی مثبتی که دادید !
vahid0062
با سلام وتشکر از سایت عالی زیکو من دوره cssتموم کردم حالا bootstrap رو شروع کنم یا css gridیا flexboxرو متشکر میشم راهنمایی کنید
hamidreza
سلام وقت بخیر.
فرقی نداره از کدوم شروع کنید ولی چون css grid راحت تر هستش پیشنهاد میکنم از css grid شروع کنید .
موفق باشید .
ahad
با سلام
کیفیت آموزش بی نظیر و قیمت آموزش بسیار عالی واقعا این سایت زیکو نعمتی است برای دوست داران برنامه نویسی!
مرسی از سایت بی نظیر زیکو
hamidreza
سلام وقت بخیر , لطف دارید , ممنون از انرزی مثبتی که دادید !
امیدوارم در گام های بعدی همراهتون باشیم .
Mobin Mtwo
سلام
با تشکر از وبسایت اموزشی زیکو برای تهیه این اموزش
ممنون از استاد که کیفیت آموزش رو بردن بالا 🙂
hamidreza
سلام وقت بخیر .
خوشحالیم که دوره مورد توجه تون قرار گرفته
سعی میکنیم کیفییت دوره رو بالاتر هم ببریم 😉