لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش طرح بندی ساختمان با شبکه 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
نمایش نظرات