گروه آموزشی زیکو پشتیبانی تماس با ما درباره ما کانال تلگرام بستن منو

طراحی لندینگ پیج با Flexbox
100 % از دوره تکمیل است

  • ۱۱:۳۰ ساعت
  • سطح پیشرفته
  • ۴۰ قسمت
  • پایان دوره
  • 1,072 دانشجو
قیمت : تومان
رایگان – خرید محصول
  • توضیحات
  • محیط پروژه
  • مدرس
  • 30 دیدگاه
  • قسمت های رایگان
شرح دوره

فلکس باکس یک سیستم صفحه بندی یا ماژول وابسته به 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

 
حمید رضا فیروزی
31 مجموع ساعت های تدریس
1600+ تعداد دانشجو
3 تعداد آموزش ها
لیست آموزش هابرای دیدن آموزش های این استاد در سایت زیکو ، روی مشاهده آموزش کلیک کنید
عنوان درس لینک دانلود
اموزش Css Grid مشاهده آموزش
اموزش FlexBox مشاهده آموزش
اموزش Sass مشاهده آموزش
مهارت ها
(95%) HTML - CSS
(94%) Sass - Less
(75%) JQuery - Javascript
(73%) electron
(40%) php
(30%) wordpress
سوابق شغلی
  • تولید سکشن برای المنتوز در شرکت های خصوصی
  • طراح قالب به صورت رسمی برای سیسم های وبلاگ دهی
  • مدرس فرانت اند
  • کانفیگ سرور و طراحی قالب فرانت اپلود سنتر ها
  • طراح بیش از 30 نوع قالب برای شرکت هایی مخلف
  • مقام دوم جشنواره جوان خوارزمی رشته نرم افزار مرحله کشوری
  • مقام سوم جشنواره جوان خوارزمی رشته نرم افزار مرحله کشوری ( طراحی اپلیکیشن برای یک تیم دیگر )

> 30 دیدگاه برای “طراحی لندینگ پیج با Flexbox

    سلام من چطوری فیلم هارو ببینم من خرید رو انجام دادم ولی نمیتونم این هارو دانلود کنم آیا با گوشی امکان دانلود نیست
    و برای دانلود و مشاهده باید چیکار کنم

    سلام وقت بخیر .
    وارد حساب کاربریتون بشید ، در قسمت “دوره های من ( سوابق خرید )” میتونید دوره های ک خرید کردین رو مشاهده و دانلود کنید .
    اگه باز هم مشکل داشتید با پشتیبانی تلگرامی زیکو به ادرس @zicco_support در ارتباط باشید .

    سلام خسته نباشید. 🌷🌷🌷
    لطفا آموزش های sass و less هم قرار بدین.

    سلام وقت بخیر .
    یادگیری یکی از این دوتا برای شما کافیه که پیشنهاد من sass هستش بخاطر سینتکس بهتری که داره .
    ضبط و تدوین دوره sass به پایان رسیده و به زودی منتشر میشه .
    موفق باشید . 😉

    با عرض سلام و خسته نباشید

    من دوره رو به تازگی خریداری و مشاهده کردم و خرید اون رو پیشنهاد میکنم.
    نقاط قوت :
    +تسلط استاد
    +عدم اتلاف وقت
    +تایم بندی مناسب ویدیو ها
    +پروژه محور بودن
    +توضیحات کامل و جامع
    +کیفیت استاندارد صدا و تصویر
    +قیمت مناسب

    سلام وقت بخیر .
    ممنون از نظر ارزمشندتون سعی میکنم کیفیت رو بالاتر هم ببریم 🙂
    موفق باشید .

    کارتون خیلی درسته
    بهترین سایتی که بدون ادعا و تبلیغ بهترین کیفیت رو میده!

    سلام وقت بخیر .
    ممنون از انتخاب وبسایت زیکو و انرژی مثبتی که دادید امیدوارم در گام های بعدی هم در خدمت شما باشیم .
    موفق باشید .

    ببخشید خریدن گروهی دوره ها اشکال دارد؟

    سلام وقت بخیر .
    دوست عزیز در حال حاضر تخفیف ها فعال هستند برای اطلاع از تخفیف ها در کانال تلگرام زیکو به ادرس ziccoplus@ عضو بشید .
    موفق باشید .

    سلام
    ببخشید دوره sass کی شروع میشه؟

    سلام وقت بخیر .
    در حال تکمیل پروژه هستیم ،‌احتمالا اواسط هفته اینده شروع کنیم دوره رو .
    موفق باشید

    سلام
    فقط میتونم بگم دمتون گرم
    هم مدرسا عالین
    هم قیمتا
    هم همه چی
    یکم سرعت سایت پایین بود که بعد اپدیت اونم اوکی شد
    🌷🌷🌷🌷

    سلام وقت بخیر .
    ممنون از انرزی مثبتی که دادید !

    سلام ببخشید پیشنیاز دوره چیه ؟؟

    سلام وقت بخیر.
    فقط کافیه به html و css مسلط باشید .

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

    سلام وفت بخیر .
    وارد پنل کاربریتون بشید . در قسمت “”دوره های من ( سوابق خرید ) “” میتونید دوره های که خریداری کردید رو مشاهده کنید .
    در صورت حل نشدن مشکل با پشتیبانی تلگرام زیکو به ادرس @Ziccosupport2 ارتباط برقرار کنید .
    موفق باشید .

    سلام آقای فیروزی سورس قالب هم داخل پکیج هست؟

    سلام وقت بخیر .
    سورس پروژه به صورت کامل در اختیارتو ن قرار میگیره .
    بعد از دانلود , داخل پوشه جلسه 39 سورس نهایی قرار گرفته .
    موفق باشید .

    سلام
    کد تخفیف میزارید لطفا ؟

    ممنون از سایت عالی زیکوووووو

    سلام وقت بخیر .
    تخفیف ها فعال هستند !‌ برای دریافت کد تخفیف در کانال تلگرامی زیکو عضو بشید .
    https://t.me/ziccoplus
    موفق باشید .

    با سلام وتشکر از سایت عالی زیکو من دوره cssتموم کردم حالا bootstrap رو شروع کنم یا css gridیا flexboxرو متشکر میشم راهنمایی کنید

    سلام وقت بخیر.
    فرقی نداره از کدوم شروع کنید ولی چون css grid راحت تر هستش پیشنهاد میکنم از css grid شروع کنید .
    موفق باشید .

    با سلام
    کیفیت آموزش بی نظیر و قیمت آموزش بسیار عالی واقعا این سایت زیکو نعمتی است برای دوست داران برنامه نویسی!
    مرسی از سایت بی نظیر زیکو

    سلام وقت بخیر , لطف دارید , ممنون از انرزی مثبتی که دادید !
    امیدوارم در گام های بعدی همراهتون باشیم .

    سلام
    با تشکر از وبسایت اموزشی زیکو برای تهیه این اموزش
    ممنون از استاد که کیفیت آموزش رو بردن بالا 🙂

    سلام وقت بخیر .
    خوشحالیم که دوره مورد توجه تون قرار گرفته
    سعی میکنیم کیفییت دوره رو بالاتر هم ببریم 😉

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

لیست آموزش های رایگان

برای مشاهده کیفیت و نحوه تدریس مدرس چندین قسمت از آموزش برای شما به صورت رایگان قرار گرفته است

عنوان درس لینک دانلود
دمو مشاهده آموزش
قسمت 6 مشاهده آموزش
قسمت 18 مشاهده آموزش
قسمت 28 مشاهده آموزش
قسمت 34 مشاهده آموزش
قسمت 39 مشاهده آموزش