Udemy – 10 Days Of CSS Grid 2025-1

در تاریخ: 1404/02/27 4:31:47

توضیحات

دوره 10 Days Of CSS Grid. این دوره یک برنامه جامع است که به شما کمک می‌کند تا در مدت کوتاهی به مهارت‌های کاربردی در استفاده از CSS Grid دست یابید. این دوره با تمرکز بر یادگیری عملی، از مباحث پایه مانند ایجاد فرم‌های ساده با grid-template-columns شروع می‌شود و به تدریج به طرح‌های پیچیده‌تر مانند خط زمان، طراحی تودرتو، طرح‌بندی موبایل، کیبورد، لوزی، تصویر تقسیم‌شده، وب‌پیج واکنش‌گرا و منوی کشویی پیشرفت می‌کند. در طول ۱۰ روز، شما با ویژگی‌های کلیدی مانند grid-gap، justify-content، align-items، grid-template-areas و subgrid آشنا خواهید شد و یاد می‌گیرید که چگونه آن‌ها را در پروژه‌های واقعی به کار بگیرید. این دوره به گونه‌ای طراحی شده که پس از پایان آن، بتوانید به راحتی از CSS Grid در طراحی‌های وب خود استفاده کنید. برای شروع این سفر آموزشی، همین امروز ثبت‌نام کنید.

آنچه فرا خواهید گرفت:

روز 1: طراحی CSS Grid فرم
روز 2: طراحی CSS Grid جعبه‌های چند رنگی متمرکز
روز 3: طراحی CSS Grid خط زمان
روز 4: طراحی CSS Grid تودرتو
روز 5: طراحی CSS Grid موبایل
روز 6: طراحی CSS Grid کیبورد
روز 7: طراحی CSS Grid لوزی
روز 8: طراحی CSS Grid تصویر تقسیم شده
روز 9: طراحی CSS Grid وب‌پیج واکنش‌گرا
روز 10: طراحی CSS Grid منوی کشویی واکنش‌گرا

این دوره مناسب چه کسانی است؟

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

مشخصات دوره 10 Days Of CSS Grid

ناشر: Udemy
مدرس: Joshan Grewal
سطح آموزش: مبتدی تا پیشرفته
مدت زمان آموزش: 3 ساعت و 12 دقیقه

سرفصل های دوره در تاریخ 2025/3

پیشنیازهای دوره 10 Days Of CSS Grid

Introductory/Foundational knowledge of CSS Grid and all of its main properties.
Students should have a good understanding of how to setup and create basic HTML documents.
Students should have a good understanding of generic CSS.
A web browser is required. We will use Google Chrome and will occasionally make use of the Chrome Dev Tools.
A coding editor is required. We will use VS Code with the Live Server plugin installed.