تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی آن را تمرین کن: طرح بندی CSS

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

1 ساعت 53 دقیقهمتوسط2023-08-21

مدرسین

Julia Dyck

Julia Dyck

جزئیات دوره

توی این دوره، مربی جولیا دایک بهت نشون می‌ده چطور می‌تونی طرح‌های وب ریسپانسیو بسازی که به هر سایز صفحه‌ای سازگار بشن و تجربه کاربری بدون مشکل رو فراهم کنن. با جولیا همراه شو و یاد بگیر چطور با استفاده از CSS Grid و Flexbox طرح‌های مدولار بسازی و اون‌ها رو با استفاده از مدیا کوئری‌ها برای اندازه‌های مختلف صفحه تطبیق بدی. جولیا بهت اصول اولیه طراحی با Grid رو معرفی می‌کنه، توضیح می‌ده چطور طرح‌ها رو ریسپانسیو کنی و بعد راهنماییت می‌کنه چطور یه طرح سه‌ستونه و دوازده‌ستونه بسازی.

مهارت ها

CSSWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceOne-Off

سرفصل ها

0. مقدمه

  • 01 - ایجاد طرح بندی شبکه پاسخگو
  • 02 - آنچه باید بدانید
  • 03 - استفاده از GitHub Codespaces با این دوره

1. مقدمه ای بر Grid Layouts

  • 04 - طراحی طرح شبکه ای
  • 05 - تعریف عناصر شبکه
  • 06 - کار با سلکتورهای پیشرفته
  • 07 - گرید در مقابل فلکس باکس
  • 08 - آن را امتحان‌کنید - یک طرح بندی شبکه ای اولیه ایجاد کنید
  • 09 - بررسی‌کنید - یک طرح بندی شبکه ای اولیه ایجاد کنید

2. پاسخگو کردن

  • 10 - استفاده از رویکرد اول موبایل
  • 11 - استفاده از پرسش‌های رسانه ای
  • 12 - تغییر طرح
  • 13 - در دسترس قرار دادن آن
  • 14 - آن را امتحان‌کنید - طراحی شبکه پاسخگو
  • 15 - بررسی‌کنید - طراحی شبکه پاسخگو

3. ایجاد یک طرح سه ستونی

  • 16 - طراحی یک طرح ریسپانسیو با فلکس باکس
  • 17 - امتحان‌کنید - طراحی طرح با Flexbox و Grid
  • 18 - بررسی‌کنید - طراحی طرح سه ستونی با Flexbox
  • 19 - بررسی‌کنید - طراحی طرح سه ستونی با Grid

4. ایجاد یک طرح دوازده ستونی

  • 20 - تنظیم چیدمان دوازده ستونی
  • 21 - طرح دوازده ستونی برای نماهای مختلف
  • 22 - امتحان‌کنید - طراحی یک چیدمان دوازده ستونی
  • 23 - بررسی‌کنید - طراحی طرح دوازده ستونی

نتیجه

  • 24 - مراحل بعدی - چیدمان‌های پیشرفته و UX

دوره های مرتبط

درباره ما

لینداکده یک بستر یادگیری پیشرو است که به افراد کمک می کند تا کسب و کار ، نرم افزار ، فناوری و مهارت‌های خلاقانه را برای دستیابی به اهداف شخصی و حرفه ای بیاموزد.

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal