آموزش طرح بندی ساختمان با شبکه CSS

Building Layouts with the CSS Grid

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با CSS Grid جدید، طرح‌بندی ساختمان بسیار آسان‌تر شد. در این دوره آموزشی، نحوه ساخت کارآمد طرح‌بندی‌ها در CSS Grid جدید را خواهید آموخت. اکنون زمان مناسبی برای شروع یادگیری شبکه CSS است، زیرا پشتیبانی مرورگر به شدت افزایش می‌یابد. اگر در گذشته طرحی ساخته اید، به احتمال زیاد به مشکلی برخورد کرده اید که باید از نوعی هک استفاده کنید. خوشبختانه، CSS Grid جدید بسیاری از مشکلاتی را که توسعه دهندگان frontend هنگام ساخت طرح‌بندی با آن‌ها مواجه بودند، از بین می‌برد. در این دوره آموزشی، Building Layouts with the CSS Grid، یاد می گیرید که چگونه از شبکه CSS برای ساخت طرح بندی کارآمد و موثر استفاده کنید. ابتدا، نحوه ساختار سطرها و ستون های پویا را کشف خواهید کرد. در مرحله بعد، نحوه تراز کردن ظرف شبکه را با موارد آن بررسی خواهید کرد. در نهایت، یاد می‌گیرید که چگونه طرح‌بندی شبکه‌ای خود را واکنش‌گرا کنید و موارد دیگر. در پایان این دوره، دانش و مهارت های لازم برای ایجاد یک طرح از ابتدا، همه بر اساس شبکه CSS را خواهید داشت.

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

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

شروع شدن Getting Started

  • شبکه CSS چیست؟ What Is the CSS Grid?

  • سازگاری مرورگر Browser Compatibility

  • پیش نمایش پروژه Project Preview

  • محیط توسعه Development Environment

مبانی شبکه Grid Basics

  • تعریف گرید Defining a Grid

  • ستون ها و ردیف ها Columns and Rows

  • خطوط شبکه Grid Lines

  • مناطق الگوی شبکه Grid Template Areas

تراز شبکه Grid Alignment

  • تعریف شکاف های شبکه Defining Grid Gaps

  • تراز ردیف Row Alignment

  • تراز ستون Column Alignment

  • تراز شبکه Grid Alignment

شبکه CSS پاسخگو Responsive CSS Grid

  • بررسی اجمالی طراحی پاسخگو Responsive Design Overview

  • پرسش های رسانه ای تبلت Tablet Media Queries

  • پرسش های رسانه ای گوشی های هوشمند Smartphone Media Queries

نتیجه Conclusion

  • بررسی دوره Course Review

نمایش نظرات

آموزش طرح بندی ساختمان با شبکه CSS
جزییات دوره
1h 16m
17
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
103
4.3 از 5
دارد
دارد
دارد
Gary Simon
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Gary Simon Gary Simon

توسعه دهنده و مدرس Full Stack

  • توسعه دهنده Full Stack برای نزدیک به 2 دهه.
  • به عنوان یک مربی برای Pluralsight، LinkedIn/Lynda.com و Envato Network کار کرد