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

تومان

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

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

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

    عرض ادب
    روشن و بطور واضح بخوام نظرمو بگم تدریس ایشون اصلا خوب نبود بخصوص صداشون خیلی اذیت کننده بود می تونستید صدا رو ادیت کنید و بهترش کنید ایشون صدای خیلی تیز و نازکی دارن . اگر با استاد امیر دینی این دوره رو هم تکمیل میکردید بنظرم خیلی بهتر بود. من تا اینجا با سبز لرن پیش رفتم ولی مثل اینکه دوره ی جاوا اسکریپ هم ایشون هستن . من دیگه با سبز لرن ادامه نمیدم 🙌🏾

    • qadiryolme

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

      مدرس دوره JS شخص دیگری هستند(اقای سعیدی راد) و اقای امیر الهی(مدرس دوره grid ) خیلی وقته که با سبزلرن همکاری ندارند

      • A R T A (خریدار محصول)

        سلام
        الان به خاطر اینکه آقای الهی با سبز لرن همکاری ندارن عکس های پروژه رو از این دوره حذف کردند؟؟
        خب لااقل بگید دوره ناقصه تا دانشجو وسط آموزش دیدن غافلگیر نشه 🙁

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

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

    • qadiryolme

      سلام. خیر امکانش نیست. اقای عبادی درحال حاضر مشغول پروژه سبزلرن هستند و تایم شون واقعا پره

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

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

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

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

  5. mehdinaghdi (خریدار محصول)

    با سلام خدمت استاد عزیز
    درحال حاضر از grid-gap در ادیتور vscode پشتیبانی نمیشود
    همچنین property های دیگری مثل grid-template-areas وجود دارد که در دوره تدریس نشده
    چه زمانی دوره آپدیت میشه؟

  6. Amie Mahdi Naderloo (خریدار محصول)

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

  7. Sama (خریدار محصول)

    سالام خدمت جناب الهی
    ممنونم بابت دوره خوبتون..
    در حال حاضر جز پرمحتوا ترین دوره های ویدئویی (دوره گراید) موجود در سطح اینترنت هست.و توصیه می کنم بقیه هم ببینند . ولی متاسفانه نقاط ضعفش این نکته قوت را خیلی ضعیف می کنه..
    به نظرم وقتی سواد علمی کافی برای تدریس این مبحث را دارید … حیفه که تولید محتوای ایده آل را روش اعمال نکردید
    و به نظرم نیاز به تجدید نظر طبق سبک جدید تولید محتوا داره .

    سبک جدید تولید محتوا : تایم کم – فقط تمرکز بر اصل – تا حد امکان هیچ جمله حاشیه ای و تکرار زیاد نداشته باشه – استفاده از دارک مد حین ضبط-

    1- حواشی توی دوره زیاده…آدمو کلافه می کنه.. با سرعت 2 هم نگاه کنی بازم بعضی وقتها کلافه میشی 🙁

    ** وظیفه مدرس اینه که نکات مهم را یک بار دو بار بگه و مثال بزنه …اگه کسی متوجه نشد …خب ویدئو را 10 دفعه دیگه هم اگه لازم باشه می بینه
    ** توی فایل ویدئویی که مبحثی تدریس مشه …نباید به دانشجو ها انگیزه داد..فایل فقط باید در تایم کوتاه مبحث را توضیح بده ..اگه نیاز دیدید برای انرژی و انگیزه باید فایل جداگونه ضبط کنید … این طوری اینقدر تایم فایل ها زیاد نمی شه 🙁
    در ضمن برای دانشجوهایی که انگیزه بسیار بالایی دارند کلافه کننده است ..چون اونو فقط می خوان درس را گوش بدن !!!!

    2-تایم قسمت ها خیلی زیاده… و اینم به دلیل حواشی و تکرار های زیادی هست

    3- بک گراند سفید چشم رو خیلی اذیت می کنه

    این نقاط ضعف باعث میشه آدم به جای لذت از یادگیری همش بگه کی این دوره تموم میشه 🙁
    بازم میگم دوره محتواش خوبه و اگه این طور نبود من هرگز وقتم را براش نمی ذاشتم …ولی واقعا جا داره عالی تر بشه
    باز هم ممنون
    اگه برام مهم نبود نقاط ضعفش رو هم وقت نمیذاشتم براتون بنویسم …

  8. mohammad5656 (خریدار محصول)

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

  9. Parsa Abdoli (خریدار محصول)

    سلام و خسته نباشید میگم به آقای الهی بابت این دوره عالی:)

    همه چیز مربوط به css grd رو توی این دوره به صورت کامل مورد بررسی قرار دادین(البته به جز grid-template-areas که میشه با یه سرچ خیلی ساده فهمیدش^_^ )، به نظر من دوره خیلی خوبی بود و شما هم انصافا برای جامع بودن دوره و کامل فهموندن مطلب خیلی تلاش کردید که واقعا جای تقدیر و تشکر داره😊

    در کل بابت این دوره عالی و وقتی برای ما گذاشتید و اینکه این دوره رو هم به صورت رایگان منتشر کردید واقعا ممنونم 😊

  10. M (خریدار محصول)

    دوره خیلی خوبی بود
    توصیه میکنم حتما ببینید

  11. Sohrabi9 (خریدار محصول)

    خیلییی عالی بود ممنون استاد

  12. 0935480436 (خریدار محصول)

    سلام. من یه مشگلی برام پیش اومده وقتی که فایل index و از قسمت live server باز میکنم صفحه سایت درست نمایش داده میشه ولی وقتی خود inedx و با کروم باز میکنم بکگراتدها نشون داده نمیشن. به نظرتون ایراد از کجاست

  13. 152555m (خریدار محصول)

    دوره مفیدیه واقعا ولی انگار قدیمیه

  14. مصطفی (خریدار محصول)

    واقعا تشکر برای این دوره بسیار خوبتون . و پروژه خوبی که همراهش بود.

  15. fatemzmn (خریدار محصول)

    سلام استاد واقعا دورهی عالی بود و خوب مفاهیم رو توضیح دادین جوری که یادم نمیره و اشکال تو ذهنم میمونه واقعا ممنونم پیشنهاد میکنم بهتون دوستان //// و برای کسایی که گفتن استاد اروم توضیح میدن میتونن سرعت ویدیو رو بزارن رو 1.5 یا 2 تا خسته نشن و براشون کسل کننده نشه

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

    سلام خسته نباشید دورره ای در سایت موجوده که به صورت مستقیم و یا غیر مستقیم درون دوره بهترین روش واکنش گرایی رو توضیح بده من flex box cssgrid html css روبلدم

  17. sarrg (خریدار محصول)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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