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

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

  • ۱۱:۳۰ ساعت
  • سطح پیشرفته
  • ۴۰ قسمت
  • پایان دوره
  • 1,287 دانشجو
قیمت : تومان
رایگان – خرید محصول
کانال تلگرام
  • توضیحات
  • محیط پروژه
  • مدرس
  • 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 مشاهده آموزش