×
ribbon

آموزش رایگان Grid Layout پروژه محور

مدرس:وب ‌پروگ

علی شیخ

Grid یک ماژول در CSS است که با استفاده از آن می توانید طرح های پیچیده واکنش گرا... بیشتر
محبوب کاربران
4.7 (19)
8 دیدگاه
2,535دانشجو
2ساعت
سرفصل‌ها

اشتراک مکتب‌پلاس

خرید اشتراک

با خرید اشتراک مکتب‌پلاس، علاوه بر این دوره، به بیش از ۴،۰۰۰ دوره دیگر دسترسی خواهید داشت.

دسترسی به تمام دوره‌هابیش از ۴،۰۰۰ دوره
محتوای دوره
سرفصل‌ها
پیش‌نیاز‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

این دوره شامل:

2 ساعت ویدئو

دسترسی مادام‌العمر به محتوای دوره

سرفصل‌های دوره

2 فصل14 جلسه2 ساعت ویدیو
فصل اول: آشنایی با Grid Layout
  معرفی و اصطلاحات Grid
07:06
  Grid Template Columns & Grid Gap
10:06
  Grid Template Row
10:20
  Spanning Columns & Rows
06:04
  Auto-fit & MinMax & Auto-fill
07:06
  Grid Template Area
12:12
  Media Query & Grid
08:21
  Alignment
09:12
فصل دوم: پروژه Grid
  معرفی پروژه و ایجاد Navigation
14:43
  ایجاد Header
08:39
  ایجاد Article ها
09:03
  ایجاد Footer
11:12
  ایجاد صفحه About و Contact
10:36
  Responsive پروژه
13:38

پیش‌نیاز‌ها

توضیحات دوره

Grid یک ماژول در CSS است که با استفاده از آن می‌توانید طرح‌های پیچیده واکنش‌گرا را به‌راحتی پیاده کنید. گرید به معنای شبکه است؛ بنابراین با کمک این ابزار می‌توانید صفحات وب خود را به بخش‌های مختلفی تقسیم کنید؛ به‌نحوی‌که هیچ‌کدام از این بخش‌ها تداخلی با دیگری نداشته باشند.

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

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

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

دوره آموزش رایگان Grid Layout پروژه محور مناسب چه کسانی است؟

  • کسانی که به طراحی سایت علاقه دارند.
  • کسانی که قصد دارند از راه طراحی سایت کسب درآمد کنند.
  • صاحبان کسب‌وکاری که به یک سایت زیبا و کاربردی نیاز دارند.

بعد از فراگیری دوره آموزش رایگان Grid Layout پروژه محور چه مهارت‌هایی کسب خواهید کرد؟

  • آشنایی کامل با مباحث و اصطلاحات مرتبط با Grid Layout
  • طراحی یک سایت با استفاده از ماژول Grid Layout
  • ترکیب گرید با مدیا کوئری‌ها و فلکس باکس
  • طراحی بخش‌های مختلف یک سایت و ریسپانسیو کردن آن

دیدگاه کاربران

4.7

بر اساس امتیاز 19 دانشجو

1
2
3
4
5

دانشجوی دوره

1 ماه پیش

5

عالی بود .ممنون

دانشجوی دوره

9 ماه پیش

5

عالیییی بود ممنونننن

مهدی عاشوری

2 سال پیش

5

باسلام بسیار عالی و کاربردی

دانشجوی دوره

2 سال پیش

5

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

دانشجوی دوره

2 سال پیش

5

بسیارعالی ممنونم

امیرعلی خدادادی

3 سال پیش

5

عالی 👍. شیر مادر نان پدر حلالت

19دوره
46,707دانشجو
817نظر و امتیاز

علی شیخ در سال ۱۳۹۴ در رشته مهندسی کامپیوتر فارغ‌التحصیل شد و به عنوان برنامه‌نویس وب در شرکت معدنی و صنعتی چادرملو شروع به کار کرد. تخصص اصلی ایشان در زبان‌های جاوا اسکریپت و php است. وی به دلیل این که به آموزش علاقه زیادی داشت، تصمیم به راه‌اندازی وب‌سایتی در این زمینه به نام وب پروگ گرفت و اکنون از سال 1398 تاکنون توانسته‌است سهم کوچکی در آموزش به افراد علاقه‌مند به برنامه‌نویسی را داشته باشد.

مهارت‌هایی که می‌آموزید

دوره‌های مشابه

دیگر دوره‌های علی شیخ

سوالات پرتکرار

آیا ممکن است برخی جلسات یک درس ناقص باشند؟

معمولا تمامی جلسات هر درس به‌طور کامل ضبط می‌شوند؛ اما گاهی به دلیل برخی ناهماهنگی‌ها ممکن است یک یا چند جلسه ضبط نشده باشد. جزئیات این موارد در توضیحات هر درس درج شده است.

اگر لینک دانلود یا پخش ویدئو مشکل داشت، چه کاری باید انجام داد؟

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

آیا می‌توان ویدئوهای یک درس را به‌صورت سی‌دی یا دی‌وی‌دی از شما تهیه کرد؟

در حال حاضر امکان ارسال دروس به‌صورت سی‌دی یا دی‌وی‌دی وجود ندارد و همه محتواها به شکل آنلاین ارائه می‌شوند.