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

سایت فروشگاهی responsive با Css Grid
100 % از دوره تکمیل است

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

Grid چیست ؟

CSS Grid Layout Module یک سیستم چیدمان مبتنی بر شبکه ، با ردیف ها و ستون ها ارائه می دهد و بدون نیاز به استفاده از شناور و موقعیت یابی ، طراحی صفحات وب را آسان تر می کند.

کاربرد Css Grid

Grid Layout به ما کمک می کند تا طرح هایی ایجاد کنیم که با استفاده از نمایش داده شده از رسانه تعریف شوند و با متن های مختلف سازگار شوند.

Grid Layout به ما امکان می دهد ترتیب صحیح ترتیب عناصر موجود در منبع را از نمایش تصویری آنها جدا کنیم. به عنوان یک طراح ، این بدان معنی است که شما می توانید مکان عناصر صفحه را تغییر دهید زیرا بهترین گزینه برای طرح شما در نقاط مختلف نقاط شکستنی است و نیازی به سازش یک سند ساختاری معقول برای طراحی پاسخگو نیست.

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

بر خلاف یک طرح مبتنی بر جدول HTML ، می توانید مواردی را در شبکه لایه بندی کنید. بنابراین در صورت لزوم ممکن است یک مورد دیگر همپوشانی داشته باشد.

رایگان – خرید
سرفصل دوره

  • دمو و توضیحات کلی در مورد دوره پیش نمایش پروژه پایانی

  • آشنایی با css Grid و پشتیبانی مرورگر ها

  • ایجاد ستون ها grid-template-columns

  • ایجاد ردیف ها grid-template-rows

  • مینی پروژه منو

  • مدریت اندازه المنت ها

  • مدریت مکان المنت ها

  • کار با grid-area

  • طراحی یک صفحه ریسپانسیو و Grid Media Quary

  • واحد fraction

  • خاصیت auto در Grid

  • خاصیت repeat در Grid

  • خاصیت auto-fill در Grid

  • خاصیت auto-fit در Grid

  • مینی پروژه طراحی یک وبسایت ساده

  • شروع پروژه قالب فروشگاهی

  • طراحی top header

  • ساخت nav و منو

  • بخش اسلایدر کاملا با css

  • قسمت بالای سایت

  • بخش پرفروش ترین محصولات

  • بخش محصولات اخیر و امکانات ما

  • طراحی فوتر

  • ریسپانسیو کردن 1

  • ریسپانسیو کردن 2

  • بخش فروشگاه

  • شروع ساخت وبلاگ

  • طراحی ایتم های وبلاگ

  • بخش جزئیات محصول

  • بخش جزئیات محصول 2

  • بخش جزئیات محصول > نقد برسی

  • بخش جزئیات محصول > مشخصات

  • بخش جزئیات محصول > نظرات

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

> 34 دیدگاه برای “سایت فروشگاهی responsive با Css Grid”

    دوره های flex و grid بسیار عالی هستن و من منتظر دوره های بعدی شما هستم

    پاسخ

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

    پاسخ

    سلام وقت بخیر دوره sassچی شد؟داشتم نطرات رو میخوندم گفته بودید قصد دارید این دوره رو هم تدریس کنید

    پاسخ

    درود ،‌ روی وبسایت قرار گرفت . امیدوارم که از دوره لذت ببرید 😉

    پاسخ

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

    پاسخ

    خوبه خسته نباشید.
    مرسی از مدرس خوبتون

    پاسخ

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

    پاسخ

    سلام وقت بخیر ، اموزش در سطح خوبی بود و خیلی استفاده کردم
    فقط یک ایرادی که داشت این بود استاد خیلی سریع کد میزدن ، که البته چیز خیلی مهمی نبود ، نکته مثبتش این بود که حوصلمون تو اموزش سر نمیرفت و بسیار بهینه بود
    تشکر از گروه اموزشی زیکو

    پاسخ

    سلام وقت شماهم بخیر
    ممنون از نظرتون ، خوشحالم که اموزش مورد استفادتون قرار گرفته
    این مورد به استاد گفته میشه حتما تا در آموزش های بعدی کیفیت به حداکثر برسه
    موفق باشید

    پاسخ

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

    پاسخ

    سلام وقت شما بخیر
    پیش نیاز این دوره html و Css می باشد
    موفق باشید

    پاسخ

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

    پاسخ

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

    پاسخ

    سلام ایدی مدرس رو میشه بزارید !

    پاسخ

    سلام وقت بخیر
    برای عضویت در گروه رفع اشکال ، در کانال تلگرامی ما عضو شوید

    پاسخ

    سلام، تو این دوره flexbox هم آموزش داده میشه؟

    پاسخ

    سلام وقت بخیر
    خیر
    دوره بعدی به صورت اختصاصی در مورد Flexbox می باشد که تا 2 روز دیگر در سایت قرار میگیرد

    پاسخ

    20 تا کامنت گذاشتم یکیشو تایید نکردین
    خوب لااقل دوره رو نمیخواین برگذار کنید چرا الکی پول میگیرین

    الان 2 هفتس این دوره همش رو قسمت 8 مونده

    پاسخ

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

    پاسخ

    خواهشا ی ذره زود به زود قسمت های بعدی رو بذارید
    هر روز باید بیایم چک کنیم

    پاسخ

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

    پاسخ

    سلام خدمت آقای فیروزی. بی زحمت اگر ممکنه مرورگر رو روی زوم 100 درصد قرار بدید. خیلی فونت ها ریز میشه و اذیت میشیم. ممنونم

    پاسخ

    سلام وقت بخیر
    این مورد به استاد این اموزش ارجاع داده خواهد شد
    ممنون از نظرتون

    پاسخ

    سلام
    ببخشید فرق فلکس باکس با گرید چیه ؟
    آیا تو این دوره از فلکس باکس هم استفاده میشه ؟
    ویدیوهای دوره کی قرار میگیره؟

    با تشکر

    پاسخ

    سلام

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

    پاسخ

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

    پاسخ

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

    پاسخ

    سلام ببخشید این پروژه (قالب فروشگاهی) رو انجام میدیم یا فقط دو سه تا مینی پروژه داره این پکیج؟

    پاسخ

    سلام وقت بخیر ، جدای مینی پروزه ها قالب فروشگاهی رو انجام میدیم به صورت کامل

    پاسخ

    سلام این قالب رو به صورت کامل انجام میدیم و کامل در این پکیج اموزش داده شده

    پاسخ

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

    پاسخ

    سلام در کانال ما عضو باشید ، به زودی لینک گروه رفع اشکال رو قرار میدیم

    پاسخ

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

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

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

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

عنوان درس لینک دانلود
دمو و مقدمه سایت فروشگاهی responsive با Css Grid مشاهده آموزش
قسمت 1 سایت فروشگاهی responsive با Css Grid مشاهده آموزش