تومان

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

(دیدگاه 56 کاربر)

Css grid یک ماژول مربوط به css است . کارکردن با این ماژول بسیار جذاب است و با امکانات و پراپرتی هایی که در اختیار ما قرار میدهد نه تنها مشکلات گذشته در طراحی و ریسپانسیو را نخواهیم داشت بلکه میتوانیم خیلی راحت تر از قبل کد بزنیم و لذت ببریم. پس یادتان باشد با کمک css grid میتوانیم صفحات وب سایت خود را به آسانی پیاده سازی کنیم.

 

مباحث این دوره

27 درس7:37:14

سرفصل ها

4آشنایی با مفاهیم پایه ای css grid14:10
5نصب vscode و اکستنشن های موردنیاز6:55
6شیرجه در استخر grid18:28
7مفهوم repeat و fractional unit در css grid17:52
8position ها در css grid و پراپرتی های مهم آن21:56
9بازی با css grid!17:25
10بررسی مفهوم span25:01
11چالش اول (مینی پروژه اول)3:30
12حل چالش اول22:50
13implicit و explicit در css grid17:40
14چالش دوم ( مینی پروژه ی دوم )3:05
15حل چالش دوم18:05
16مبحث aligning19:17
17ادامه ی مبحث aligning16:58
18minmax در css grid23:02
19بحث شیرین ریسپانسیو در grid19:42
20شروع پروژه!8:08
21بخش اول پروژه19:02
22بخش دوم پروژه15:18
23بخش سوم پروژه18:22
24بخش چهارم پروژه16:49
25بخش پنجم پروژه32:49
26بخش ششم پروژه34:59
27بخش پایانی23:54

56 دیدگاه برای آموزش پروژه محور CSS Grid + پروژه لندینگ رستوران

  1. fatemehkhanlu (خریدار محصول)

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

  2. Rezamohammdi (خریدار محصول)

    سلام و عرض ادب استاد ریسپانسیو سازی با مدیا کوئری ها پیشنهاد میشه یا با فلکس باکس؟

    • امیر الهی (خریدار محصول)

      با سلام و احترام . فلکس و گرید کمک میکنن که استفاده از مدیا کوئری ها کمتر بشه و راحت تر ریسپانسیو رو انجام بدید . اما در بعضی جاها نمیتونید مستقیما با فلکس و گرید هندل کنید

  3. sam (خریدار محصول)

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

  4. امیر الهی (خریدار محصول)

    سلام دوست عزیزم . ممنون از لطف شما، عکس های پروژه به دلیل حجم بالا امکان آپلود نداشتند . میتونید از عکس های دلخواه خودتون استفاده کنید برای دانلود عکس میتونید از unsplash , pinterest , pexels استفاده کنید.

  5. Mr Deer 🦌 (خریدار محصول)

    سلام و درود استاد
    با تشکر از آموزشتون
    فقط ببخشید از کجا میتونیم عکس‌های پروژه رو دانلود کنیم؟!

  6. Rastegar (خریدار محصول)

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

دیدگاه خود را بنویسید