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

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

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

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

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

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

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

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