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

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

  • ۱۵ ساعت
  • سطح پیشرفته
  • ۸ قسمت
  • در حال برگزاری
  • 15 دانشجو
قیمت : 80,000 تومان
24000 تومان – خرید محصول
کانال تلگرام
  • توضیحات
  • محیط پروژه
  • مدرس
  • 2 دیدگاه
  • قسمت های رایگان
شرح دوره

Grid چیست ؟

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

کاربرد Css Grid

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

24000 تومان – خرید
سرفصل دوره

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

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

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

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

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

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

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

  • کار با grid-area

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

  • واحد fraction

  • خاصیت auto در Grid

  • خاصیت repeat

  • خاصیت auto-fill

  • خاصیت auto-fit

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

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

  • طراحی 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 نوع قالب برای شرکت هایی مخلف
  • مقام دوم جشنواره جوان خوارزمی رشته نرم افزار مرحله کشوری
  • مقام سوم جشنواره جوان خوارزمی رشته نرم افزار مرحله کشوری ( طراحی اپلیکیشن برای یک تیم دیگر )

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

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

    پاسخ

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

    پاسخ

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

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

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

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

عنوان درس لینک دانلود
دمو و مقدمه مشاهده آموزش
قسمت 1 مشاهده آموزش