در طی دوره آموزش css grid به شکل کامل و پروژه محور بحث css grid را به شما آموزش خواهم داد تا بتوانید برای پیادهسازی پروژههای خود از css grid استفاده کنید.
در طی دوره آموزش CSS Grids قصد داریم به شکل کامل محبث ماژول Grid که در CSS3 معرفی شده را بصورت مفصل به شما آموزش دهیم. برای آنکه بتوانید این دوره را به شکل کامل مشاهده کنید در ابتدا نیاز است با CSS3 به شکل کامل آشنا باشید برای یادگیری CSS نیز میتوانید از دوره دوره آموزشی CSS3در وبسایت آموزشی راکت استفاده کنید.
CSS Grids یک ماژول CSS3 به حساب میآید که به کسانی که با CSS3 کار میکنند، کمک میکند تا ساختارهای پیچیده واکنشگرا را راحتتر پیادهسازی کنند. CSS Grids این قابلیت را به وجود میآورد که هنگام طراحی صفحات وب بتوانید صفحه در حال طراحی را به بخشهای مختلف تقسیم کنید، به شکلی که این بخشهای با یکدیگر تداخل نداشته باشند.
البته این چیز جدیدی در CSS نیست و قبل از Grid شما مواردی همچون Flexbox را در اختیار داشتید که البته مزایا و معایب خودش را نیز دارد.
این تنها توضیح کوتاهی راجع به چیستی CSS Grids بود، در ویدیوی اول این دوره آموزشی بصورت کاملتر با این موضوع آشنا خواهید شد.
یکی از اصلیترین تفاوتهای بین CSS Grids و Flexbox بحث "بُعد یا به انگلیسی Dimensional" است. شما بصورت پیشفرض در CSS میتوانید المنتهای داخل صفحه را به شکل تک بعدی و دو بعدی چینش کنید. اما منظورمان به صورت دقیقتر از تک بعدی و دو بعدی چیست؟
به تصویر زیر دقت کنید.
همانطور که در تصویر بالا مشاهده میکنید از Flexbox تنها میتوانید برای مشخص کردن چینش در بُعد افقی استفاده کرد، برای مثال ساختار منوها در یک مسیر یا ساختار نوار کناری سایت یا مواردی مانند آن، اما با استفاده از CSS Grids شما قابلیت آن را خواهید داشت که در چند بعد المنتهای خود را چینش کنید. فرض کنید در بالای صفحه شما یک فهرست به عنوان منو وبسایت را دارید، در کنار Sidebar در سمت دیگر باکس محتوا و در پایین Footer، خب در این حالت CSS Grids میتواند به خوبی در این زمینه به شما کمک بکند.
البته دقت کنید این دلیلی بر بهتر بودن CSS Grids نسبت به Flexbox نیست. اصلا هیچ کدام بر دیگری برتری ندارند. در حقیقت موقعیت شما و سبک طراحی که در حال پیادهسازی آن هستید تعیین کننده آن خواهد بود که از کدامین مورد استفاده کنید.
در ضمن این نکته را هم باید متذکر شد که شما توانایی این را دارید که از هر دو به شکل همزمان استفاده کنید هر کدام برای هدف مشخص.
توجه کنید که، چنین نکاتی را در طی دوره آموزش CSS Girds به شکل عملی به شما نمایش خواهیم داد.
بدلیل اینکه CSS Grids مقداری بحث جدید محسوب میشود، آشنایی ابتدایی با آن ممکن است برای تازه کاران تا حدودی سخت باشد اما اگر از قبل با CSS به خوبی کار کرده باشید و از آن برای پیادهسازی پروژههای مختلف استفاده کرده باشید قطعا کار سختی برای یادگیری CSS Grids نخواهید داشت.
در دوره آموزش css grid ما سعی کردهایم به شکل کامل و مفصل به همراه مثالهای کافی مبحث css grid را به شما آموزش دهیم در طی این دوره شما به شکل کامل css grid را یاد میگیرید و میتوانید در پروژههای خود از آن بهره ببرید.
ماژول grid زمان زیادی نیست که برای استفاده در css معرفی شده، اما خیلی زود مورد توجه طراحان و کدنویسان وب قرار گرفته. اگر مایل هستید که خود را به روز نگه دارید قطعا نیاز دارید این دوره را مشاهده کنید.
با تسلط کافی بر روی css شما میتوانید خیلی سریع، در مدت یکی دو روز با ماژول Grid کار کنید و با آن آشنا شوید و در نهایت در پروژههای خود از آن استفاده کنید.
grid یک ماژول در css است که به توسعه دهندگاه وب کمک میکند تا المنتهای صفحه را به شکل دو بعدی تقسیم بندی کنید و طراحهای پیچیده واکنشگرا را به شکل راحتتری پیاده سازی کنید.
برای آنکه به شما اطمینان دهیم، که ما از محتوای دورههای خود ۱۰۰ درصد مطمئن هستیم، برای این دوره گارانتی بازگشت وجه قرار دادهایم و این به این معنی است که اگر شما محتوای این دوره را به شکل کامل مشاهده کنید، اما نتیجهای که به شما قول دادیم را دریافت نکنید ۱۰۰ درصد مبلغ پرداختی شما را برگشت خواهیم زد.
مراحل و فرایند گارانتیاین دوره برای اعضای ویژه بصورت رایگان قابل مشاهده است. عضویت ویژه
اول داستان، طراح گرافیک بودم و ۲ سالی به عنوان طراح مشغول بودم، بعد به برنامهنویسی علاقمند شدم و الان بیشتر از ۱۰ ساله که عاشق کدزنی و چالشهای پروژههای مختلفم. به تدریس علاقه خاصی دارم و دوست دارم دانشی که در این راه بدست آوردم را در اختیار دیگران...
مدیریت سرور مثل آب خوردن
جالب میشه اگر از جایی سرور اختصاصی یا vps تهیه کنید و با چند کلیک بتونی nginx، ورژنهای مختلف php یا nodejs، دیتابیسهای مختلف رو نصب و مدیریت کنی و رو همون، هر تعداد سایت که خواستی رو بالا بیاری و مثل آب خوردن مدیریت کنی اون هم با چند کلیک؟
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟
دیدگاه و پرسش
برای ارسال دیدگاه لازم است وارد شده یا ثبتنام کنید
ورود یا ثبتنامدر حال دریافت نظرات از سرور، لطفا منتظر بمانید
در حال دریافت نظرات از سرور، لطفا منتظر بمانید