آموزش چیدمان Responsive

Responsive Layout

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: طراحی پاسخگو اقتضا می کند وب سایت ها با دستگاهی که در آن نمایش داده می شوند سازگار شوند. طرح ریسپانسیو مهم است و اکنون HTML و CSS ویژگی هایی را ارائه می دهند که ایجاد طرح بندی هایی که در طیف وسیعی از دستگاه ها و اندازه صفحه نمایش به خوبی کار می کنند را بیش از هر زمان دیگری آسان می کند. در این دوره ، Clarissa Peterson اصول طراحی پوسته های پاسخگو با آخرین استانداردها از جمله CSS Flexbox و Grid را پوشش می دهد. اصول اولیه را بررسی کنید ، مانند کار با موقعیت و ویژگی های شناور برای تنظیم مکان عناصر روی صفحه ، و نحوه استفاده از کوئری های رسانه را برای به روزرسانی فعال طرح خود کشف کنید. سپس به CSS Grid بروید ، از جمله ترتیب و ترتیب موارد درون شبکه ، و در مورد ظروف flexbox استفاده کنید. در آخر ، یاد بگیرید که یک طرح 12 ستونی بسازید که Grid و Flexbox را در یک طرح ترکیب کند.
موضوعات شامل:
  • طراحی پاسخگو چیست؟
  • ساختار صفحه پاسخگو
  • قابلیت دسترسی و طراحی پاسخگو
  • استفاده از س quالات رسانه
  • طراحی با شبکه CSS
  • طراحی با CSS Flexbox

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

مقدمه Introduction

  • ایجاد کارگروه Go cross-platform with responsive design

  • ایجاد کارگروه What you should know

1. ساختار صفحه اصلی 1. Basic Page Structure

  • ایجاد کارگروه Viewport

  • ایجاد کارگروه Required CSS

  • ایجاد کارگروه Display property

  • ایجاد کارگروه Positioning

  • ایجاد کارگروه Floats

  • ایجاد کارگروه Units

2. چیدمان پاسخگو 2. Responsive Layout

  • ایجاد کارگروه Responsive design

  • ایجاد کارگروه Media queries

  • ایجاد کارگروه Flexbox and Grid

  • ایجاد کارگروه Accessibility

  • ایجاد کارگروه Browser support

3. طرح بندی شبکه 3. Grid Layout

  • ایجاد کارگروه Intro to CSS Grid

  • ایجاد کارگروه Defining rows and columns

  • ایجاد کارگروه Grid gap

  • ایجاد کارگروه Sizing rows and columns

  • ایجاد کارگروه Placing grid items

  • ایجاد کارگروه Grid alignment overview

  • ایجاد کارگروه Aligning tracks

  • ایجاد کارگروه Aligning grid items within tracks

  • ایجاد کارگروه Aligning individual grid items

  • ایجاد کارگروه Variable columns

  • ایجاد کارگروه Grid template areas

  • ایجاد کارگروه Naming grid lines

  • ایجاد کارگروه Ordering grid items

  • ایجاد کارگروه Grid flow and implicit tracks

  • ایجاد کارگروه Challenge: The rainbow box

  • ایجاد کارگروه Solution: The rainbow box

4. Flexbox 4. Flexbox

  • ایجاد کارگروه Defining a flexbox container

  • ایجاد کارگروه Direction

  • ایجاد کارگروه Wrapping

  • ایجاد کارگروه Ordering flex items

  • ایجاد کارگروه Flexbox alignment overview

  • ایجاد کارگروه Aligning items on main axis

  • ایجاد کارگروه Aligning items on cross axis

  • ایجاد کارگروه Aligning lines on cross axis

  • ایجاد کارگروه Aligning individual flex items

  • ایجاد کارگروه Distributing space to flex items

  • ایجاد کارگروه Challenge: Floats to flexbox

  • ایجاد کارگروه Solution: Floats to flexbox

5. طرح چیدمان 5. Layout Design

  • ایجاد کارگروه Centering content

  • ایجاد کارگروه 3-column layout with grid areas, part 1

  • ایجاد کارگروه 3-column layout with grid areas, part 2

  • ایجاد کارگروه 3-column layout with flexbox

  • ایجاد کارگروه 12-column layout setup

  • ایجاد کارگروه 12-column layout for medium viewports

  • ایجاد کارگروه 12-column layout for wide viewports

نتیجه Conclusion

  • ایجاد کارگروه Next steps

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

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

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

آموزش چیدمان Responsive
جزییات دوره
2h 32m
49
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
131,319
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Clarissa Peterson Clarissa Peterson

Clarissa Peterson یک توسعه دهنده ، نویسنده و گوینده ، متخصص در تجربه کاربری و استراتژی طراحی است. کلاریسا تقریباً در هر نقشی که می توانید تصور کنید از سال 2002 در وب کار می کند. او به عنوان یک توسعه دهنده جلویی شروع به کار کرد و در سالهای اخیر به سمت تمرکز روی تجربه کاربری و استراتژی دیجیتال روی آورد. تجربه متنوع او به او این امکان را می دهد تا نقش منحصر به فردی در تیم ها داشته باشد ، شکاف بین طراحان ، توسعه دهندگان و سایر مناطق و نقش های دیگر که برای ایجاد و حفظ یک حضور آنلاین قوی لازم است. او نویسنده آموزش طراحی وب سایت پاسخگو: راهنمای مبتدی است که در سال 2014 توسط (O'Reilly Media.) منتشر شده است. این کتاب مقدماتی از ابتدای طراحی با طراحی پاسخگو است ، به سمت طراحان ، مدیران پروژه ها ، روسای بخش ها و سایر افرادی که ممکن است برای ورود به کتاب های فنی تر و با تمرکز بیشتر روی طراحی پاسخگو با مشکل روبرو شوند. Clarissa همچنین یک سخنران مکرر در کنفرانس های طراحی و فناوری است. از سال 2012 ، وی با حضور در بیش از 60 رویداد گفتگو یا کارگاه برگزار کرده است. او همچنین یک مربی در برنامه Fast Tracker Web در موسسه فناوری آلبرتا جنوبی (SAIT) در کلگری ، کانادا است.