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

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

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

فلکس باکس یک سیستم صفحه بندی یا ماژول وابسته به css هست که به ما کمک میکنه تا صفحات و باکس ها خودمون رو راحت تر کنترل کنیم.   پیشنهاد میکنم برای آشنایی با این سیستم ویدیو دمو رو حتما مشاهده کنی.

داخل CssGrid ما میتونستیم باکس های خودمون رو شبیه به جداول کنترل بکنیم داخل FlexBox ما همین قابلیت ها رو داریم ولی هر کدوم از این سیستم ها جای خودشون رو دارن‏ FlexBox

تفاوت flexBox و css grid :

خب در واقع این دو ماژول یه تفاوت های دارن, به صورت کلی میتونم بگم که این flexBox برای کارهای تک بعدی و یک سطری بهتره اما برای کار های دوبعدی و چند سطری cssGrid مناسب تر هستش . اما در جلسه آخر دوره این موضوع رو به صورت کامل برسی کردیم و همین طور میتونید این جلسه رو به صورت رایگان از تب “قسمت های رایگان” دریافت کنید.

 

این دوره پروژه محور هستش و در انتها یک پروژه لندینگ پیچ با هم داریم که و به صورت کامل یک قالب رو با هم پیدا سازی میکنیم . میتونید دموی قالب رو از قسمت “محیط پروژه” ببینید .

125000 تومان – خرید
سرفصل دوره
  • دمو معرفی 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

حمید رضا فیروزی
24 مجموع ساعت های تدریس
450 تعداد دانشجو
2 تعداد آموزش ها
درباره مدرس
مقطع تحصیلی رشته تحصیلی دانشگاه
کاردانی نرم افزار اطلاعات دانشگاه زنجان
لیست آموزش هابرای دیدن آموزش های این استاد در سایت زیکو ، روی مشاهده آموزش کلیک کنید
عنوان درس لینک دانلود
اموزش Css Grid مشاهده آموزش
مهارت ها
(95%) HTML- CSS
(94%) Sass- Less
(75%) JQuery - Javascript
(73%) react js - redux -electron
(40%) php
(30%) wordpress
(40%) python
(70%) react js - redux -electron
سوابق شغلی
  • طراح قالب به صورت رسمی برای سیسم های وبلاگ دهی
  • مدرس فرانت اند
  • کانفیگ سرور و طراحی قالب فرانت اپلود سنتر ها
  • طراح بیش از 30 نوع قالب برای شرکت هایی مخلف
  • مقام دوم جشنواره جوان خوارزمی رشته نرم افزار مرحله کشوری
  • مقام سوم جشنواره جوان خوارزمی رشته نرم افزار مرحله کشوری ( طراحی اپلیکیشن برای یک تیم دیگر )

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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