طراحی لندینگ پیج با Flexbox
100 % از دوره تکمیل است
۱۱:۳۰ ساعت
- توضیحات
- محیط پروژه
- مدرس
-
24
دیدگاه
-
قسمت های رایگان
فلکس باکس یک سیستم صفحه بندی یا ماژول وابسته به css هست که به ما کمک میکنه تا صفحات و باکس ها خودمون رو راحت تر کنترل کنیم. پیشنهاد میکنم برای آشنایی با این سیستم ویدیو دمو رو حتما مشاهده کنی.
داخل CssGrid ما میتونستیم باکس های خودمون رو شبیه به جداول کنترل بکنیم داخل FlexBox ما همین قابلیت ها رو داریم ولی هر کدوم از این سیستم ها جای خودشون رو دارن FlexBox
تفاوت flexBox و css grid :
خب در واقع این دو ماژول یه تفاوت های دارن, به صورت کلی میتونم بگم که این 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 | مشاهده آموزش |
- طراح قالب به صورت رسمی برای سیسم های وبلاگ دهی
- مدرس فرانت اند
- کانفیگ سرور و طراحی قالب فرانت اپلود سنتر ها
- طراح بیش از 30 نوع قالب برای شرکت هایی مخلف
- مقام دوم جشنواره جوان خوارزمی رشته نرم افزار مرحله کشوری
- مقام سوم جشنواره جوان خوارزمی رشته نرم افزار مرحله کشوری ( طراحی اپلیکیشن برای یک تیم دیگر )
> 24 دیدگاه برای “طراحی لندینگ پیج با Flexbox”
پاسخی بگذارید
برای مشاهده کیفیت و نحوه تدریس مدرس چندین قسمت از آموزش برای شما به صورت رایگان قرار گرفته است
| عنوان درس | لینک دانلود |
|---|---|
| دمو | مشاهده آموزش |
| قسمت 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
سلام وقت بخیر .
خوشحالیم که دوره مورد توجه تون قرار گرفته
سعی میکنیم کیفییت دوره رو بالاتر هم ببریم 😉