telegram

توضیحات

دوستان این دوره بازتولید شده (با کیفیت و محتوای بهتر) دوره قبلی (آموزش Grid Layout پروژه محور) در سایت هست که میتوانید از این دوره استفاده کنید.

در دنیای HTML و CSS که نمایش محتوا را به عهده دارند همیشه یک موضوع, سختی و پیچیدگی خاص خود را داشته و آن هم صفحه آرایی است.در گذشته برای صفحه آرایی از Float که به وسیله تکنیک Clearfix حل می شود استفاده میکردیم.تا اینکه CSS 3 ماژولی برای صفحه آرایی دارد که نه تنها مشکلات قبلی را کنار می زند بلکه ویژگی های بسیار چشم گیر و کاربردی را فراهم می کند. این ماژول Flexible Box یا Flexbox نام دارد.بعد از فلکس باکس ماژول دیگری نیز برای صفحه آرایی معرفی شد به نام  CSS Grid  (سی اس اس گرید) که باعث شد تا قدرت ما در صفحه آرایی بیشتر شود و در کنار فلکس باکس بتوانیم برای چیدمان اجزا صفحه از آن نیز استفاده کنیم.گرید توانایی های جدیدی برای ما دارد که از مهمترین آنها می توان به مدیریت صفحه آرایی در دو بعد افقی و عمودی به صورت همزمان اشاره کرد.

حتما ویدیو معرفی دوره را در پایین مشاهده کنید تا با دوره و پروژه ای انتهای دوره آشنا شوید.

مباحثی که در این دوره گفته میشود شامل :
آشنایی با CSS Grid (سی اس اس گرید)

  • معرفی و آشنایی با css grid (گرید)
  • پراپرتی های grid-template-columns و grid-template-rows
  • واحد ها و fr (fraction)
  • پراپرتی gap
  • پراپرتی های grid-column و grid-row
  • پراپرتی grid-template-areas
  • تابع repeat و پراپرتی order
  • پراپرتی های justify-content و align-content
  • پراپرتی های justify-items و align-items
  • پراپرتی های justify-self و align-self
  • تابع minmax
  • مقادیر auto-fill و auto-fit

پروژه دوره

  • معرفی پروژه و افزودن متغیرها های css، استایل های عمومی، فونت و آیکون
  • ایجاد favicon برای پروژه
  • بخش header (هدر)
  • بخش navbar
  • بخش sidebar
  • بخش درباره ما
  • بخش خدمات ما
  • بخش پروژه ها
  • بخش تماس با ما
  • بخش مهارت ها
  • بخش timeline
  • بخش مقالات
  • بخش footer (فوتر)
  • افزودن browser prefixes
  • آپلود پروژه روی سرور (deploy)

پیش نیاز های این دوره فوق العاده کاربردی:

دوره های پیشنهادی، بعد از گذراندن این دوره :

HTML CSS طراحی وب grid سی اس اس اچ تی ام ال css 3 html 5 سی اس اس گرید گرید css grid

مدرس دوره علی شیخ
مدت دوره 05:06:22
تعداد ویدیو 40
وضعیت دوره : کامل شده
قیمت دوره : رایگان
ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

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

دوره های آموزشی
آموزش Emmet
کامل شده

آموزش Emmet

Emmet یک ابزار برای توسعه‌دهندگان وب است که می‌تواند سرعت نوشتن کد‌های HTML و CSS را تا حد بسیار زیادی افزایش دهد. این ا...

رایگان
01:12:37
آموزش Node.js
کامل شده

آموزش Node.js

Node.js یک محیط سمت سرور برای اجرای کدهای JavaScript است، در واقع به کمک Node.js، زبان برنامه نویسی جاوااسکریپ به جای اج...

رایگان
03:23:18
آموزش Materialize پروژه محور
کامل شده

آموزش Materialize پروژه محور

آموزش Materialize به همراه 3 پروژه. Materialize مجموعه ای از رابط های کاربری ساخته شده با CSS و HTML و Javascript هست

89,000 تومان
06:38:32
آموزش ناکست جی اس (nuxt.js)
کامل شده
% 15 تخفیف

آموزش ناکست جی اس (nuxt.js)

بلاخره بعد از مدت ها انتظار nuxt.js (ناکست جی اس) ورژن 3 آمد و توی این دوره قصد داریم در مورد این فریموک فوق العاده جاوا...

599,000 509,000 تومان
09:18:11

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • ali norooz

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

    • علی شیخ

      1 ماه پیش

      سلام وقت بخیر.
      ممنون از شما و حمایتتون🙏
      خداروشکر دوره براتون مفید بوده