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

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

4.8 (12 امتیاز)
1,861 دانشجو
محتوای دوره
پیش‌نیاز‌ها
درباره دوره
نظرات کاربران
درباره استاد

محتوای دوره

2 فصل 14 جلسه 2 ساعت ویدیو
فصل اول: آشنایی با Grid Layout
فصل دوم: پروژه Grid

پیش‌نیاز‌ها

درباره دوره

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

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

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

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

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

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

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

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

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

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

  • دوره آموزش HTML و CSS
  • دوره رایگان Responsive Layout پروژه محور
  • دوره رایگان آموزش FlexBox پروژه محور

بعد از گذراندن دوره آموزش کامل ماژول Grid Layout برای ماهر شدن بیشتر در طراحی سایت پیشنهاد می‌کنیم آموزش‌های زیر را هم ببینید:

  • آموزش طراحی سایت با CCS پیشرفته و Sass
  • آموزش رایگان Bootstrap ۴ پروژه محور
  • آموزش Bootstrap ۴ در دنیای واقعی
  • آموزش Materialize پروژه محور
  • آموزش Javascript

سرفصل‌های دوره آموزش رایگان Grid Layout پروژه محور چیست؟

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

اطلاعات بیشتر

امتیاز و نظرات کاربران

4.8

از مجموع 12 امتیاز

5 نظر

9 ماه پیش

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

مهدی عاشوری

مهدی عاشوری

9 ماه پیش

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

دانشجوی دوره

1 سال پیش

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

دانشجوی دوره

1 سال پیش

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

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

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

2 سال پیش

سلام دوره خوبی بود و به طور کامل با css grid اشنا میشیم البته بهتر هست که دوره flex box رو هم همه ببینن چونکه خیلی کاربردی و جالبه

مصطفی رشتی

مصطفی رشتی

نظرات بیشتر

دوره‌های پیشنهادی

درباره استاد

علی شیخ
علی شیخ
19 دوره
34,799 دانشجو

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

اطلاعات بیشتر

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

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

آیا ممکن است که درسی ناقص ضبط شده باشد؟

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

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

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

آیا امکان دریافت فیلم های یک درس به صورت سی دی یا دی وی دی وجود دارد؟

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

دانلود اپلیکیشن مکتب‌خونه

مکتب خونه، آکادمی آنلاین تخصص‌ها

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

مکتب خونه در چه زمینه‌ای خدمات ارائه می‌دهد؟

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

برنامه‌نویسی

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

آی‌تی و نرم‌افزار

در دنیای امروزی، یادگیری مهارت‌های آی‌تی و نرم‌افزار امری ضروری است. دوره‌های مکتب‌خونه در این زمینه مانند دوره‌های آموزش شبکه، آموزش CCNA ، آموزش بلاک چین و غیره، به شما کمک می‌کنند تا مهارت‌هایی چون مدیریت شبکه و استفاده از نرم‌افزارهای مختلف را به راحتی و از صفر تا صد بیاموزید. بدون نیاز به پیش‌زمینه تخصصی، این دوره‌ها شما را برای ورود به بازار کار آماده می‌کنند.

زبان‌های خارجی

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

مدیریت و کسب‌وکار

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

مالی و سرمایه‌گذاری

در دنیای پیچیده امروزی، داشتن دانش مالی و سرمایه‌گذاری کلید موفقیت است. مکتب‌خونه با دوره‌های مالی و سرمایه‌گذاری در دسته‌بندی‌های مختلف مانند آموزش پرایس اکشن، آموزش تحلیل تکنیکال و غیره، شما را به مهارت‌هایی مجهز می‌کند که بتوانید بهترین تصمیمات مالی را بگیرید و سرمایه‌گذاری‌های خود را هوشمندانه مدیریت کنید.

دانشگاهی: فنی و مهندسی

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

مهارت‌های زندگی

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

دانشگاهی: علوم‌پایه، انسانی، پزشکی

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

هنر

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

دوره های رایگان مکتب خونه

مکتب خونه علاوه بر ارائه دادن دوره‌های پلاس، مجموعه‌ای شامل ۱۵۰۰۰ ساعت ویدئوی آموزشی رایگان ارائه داده است. این ویدئو‌های رایگان در زمینه آی تی، برنامه‌نویسی، مدیریت و کارآفرینی، مالی و سرمایه‌گذاری، علوم انسانی وغیره هستند. رایگان بودن این دوره‌ها از کیفیت این دوره‌ها کم نمی‌کند؛ بلکه آموزش و تهیه این ویدئو‌ها توسط اساتید خبره ایران تدارک دیده شده است. اکثر این استادان برجسته از دانشگاه برتر شهید بهشتی، ‌امیر کبیر، صنعتی شریف و غیره هستند. آکادمی مکتب خونه سعی دارد با انجام پروژه‌های رایگان در راستای تحقق اهداف خود قدمی بردارد.

مشاهده بیشتر
enamad
logo-samandehi
تمام حقوق این وب‌سایت برای شرکت ندای دانش همراه ایرانیان (مکتب‌خونه‌‌‌‌) است.