مشاهده همه دوره‌ها
Languagesمتوسط12 قسمت

CSS Gridها به زبان ساده

CSS Grids Simplified

Grid is one of the most powerful tools in CSS, but also the most confusing one. Once you master creating layouts with CSS grids, you’ll wonder how you lived without it.

In this course, we'll use real world examples and layouts to learn about the CSS properties related to grid. Hopefully, by the conclusion of this series, you'll have a much better understanding of the finer details.

قسمت‌های دوره

نگاهی اولیه به CSS Grid

4m 20s

Create your first CSS Grid layout in minutes and learn how to make it responsive. Start building flexible, modern web designs with ease and confidence!

اندازه‌گذاری سلول‌ها

5m 14s

Explore advanced CSS Grid sizing units for columns and cells. Learn how different units impact your layout to create precise, responsive designs!

ایجاد ردیف‌ها

6m 7s

Learn how to create and size rows in CSS Grid. Expand your layout skills by mastering row dimensions for flexible, well-structured web designs!

فاصله بین سلول‌ها

8m 2s

Master spacing between CSS Grid cells with key properties and values. Learn how to control gaps for clean, balanced layouts in your web designs!

فاصله افقی و عمودی

6m 50s

Learn how to control horizontal and vertical spacing in CSS Grid. Align content perfectly within rows and columns for clean, balanced layouts every time!

تراز کردن سلول تکی

7m 15s

Learn how to align individual CSS grid cells for perfect layouts. Master cell-specific alignment techniques to create flexible, polished designs!

ادغام و جابجایی سلول‌ها

9m 19s

Learn how to merge, span, and swap grid cells using CSS grid lines. Master powerful layout techniques with clear, friendly Laracasts tutorials!

نواحی Grid نام‌دار

7m 34s

Learn how to use named grid areas to position content easily within CSS grids. Simplify layout design with clear, friendly guidance from Laracasts tutorials!

مقادیر اندازه‌گذاری پیشرفته

9m 25s

Master advanced sizing values for grid columns and rows to control layout with precision. Elevate your CSS skills with clear, friendly Laracasts tutorials!

Gridهای واکنش‌گرا بدون Media Query

7m 12s

Discover how to create responsive CSS grid layouts without media queries and simplify your design process with this powerful, flexible grid technique.

جریان خودکار و اندازه‌گذاری Gridهای ضمنی

9m 50s

Learn how to control CSS Grid’s auto flow and master implicit grid sizing to create flexible, dynamic layouts that adapt effortlessly to your content.

یادگیری خود را به آزمون بگذارید

7m 53s

Test your CSS Grid skills by building a complex three-level nested layout, combining key concepts to create responsive, modern web designs with confidence.

یادگیری را ادامه دهید

تصویر بندانگشتی دوره فشرده PHP 8
دوره فشرده PHP 8

با Jeffrey Way

  • 9 قسمت
  • متوسط
  • Languages
تصویر بندانگشتی مبانی جاوااسکریپت مدرن
مبانی جاوااسکریپت مدرن

با Andrew Schmelyun

  • 10 قسمت
  • تازه‌کار
  • Languages
تصویر بندانگشتی CSS مدرن برای توسعه‌دهندگان بک‌اند
CSS مدرن برای توسعه‌دهندگان بک‌اند

با Jeffrey Way

  • 17 قسمت
  • متوسط
  • Languages
تصویر بندانگشتی CSS Flexbox به زبان ساده
CSS Flexbox به زبان ساده

با Shruti Balasa

  • 12 قسمت
  • تازه‌کار
  • Languages
تصویر بندانگشتی تکه‌های PHP
تکه‌های PHP

با Jeffrey Way

  • 8 قسمت
  • متوسط
  • Languages

دوست دارید گاهی خبرهای Laracasts را ایمیل کنیم؟