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

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

  • ۱۵ ساعت
  • سطح پیشرفته
  • ۳۴ قسمت
  • پایان دوره
  • 97 دانشجو
قیمت : تومان
45000 تومان – خرید محصول
  • توضیحات
  • محیط پروژه
  • مدرس
  • 25 دیدگاه
  • قسمت های رایگان
شرح دوره

Grid چیست ؟

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

کاربرد Css Grid

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

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

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

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

45000 تومان – خرید
سرفصل دوره
  • دمو و توضیحات کلی در مورد دوره پیش نمایش پروژه پایانی

  • آشنایی با 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    با تشکر

    سلام

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

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

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

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

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

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

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

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

پاسخ دادن به حسن هلالی لغو پاسخ

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

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

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

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