لطفا جهت پرداخت (ورود به درگاه بانک) فیلترشکن خود را خاموش نمایید.
لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش چیدمان Responsive
Responsive Layout
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
طراحی پاسخگو اقتضا می کند وب سایت ها با دستگاهی که در آن نمایش داده می شوند سازگار شوند. طرح ریسپانسیو مهم است و اکنون HTML و CSS ویژگی هایی را ارائه می دهند که ایجاد طرح بندی هایی که در طیف وسیعی از دستگاه ها و اندازه صفحه نمایش به خوبی کار می کنند را بیش از هر زمان دیگری آسان می کند. در این دوره ، Clarissa Peterson اصول طراحی پوسته های پاسخگو با آخرین استانداردها از جمله CSS Flexbox و Grid را پوشش می دهد. اصول اولیه را بررسی کنید ، مانند کار با موقعیت و ویژگی های شناور برای تنظیم مکان عناصر روی صفحه ، و نحوه استفاده از کوئری های رسانه را برای به روزرسانی فعال طرح خود کشف کنید. سپس به CSS Grid بروید ، از جمله ترتیب و ترتیب موارد درون شبکه ، و در مورد ظروف flexbox استفاده کنید. در آخر ، یاد بگیرید که یک طرح 12 ستونی بسازید که Grid و Flexbox را در یک طرح ترکیب کند.
موضوعات شامل:
طراحی پاسخگو چیست؟ li>
ساختار صفحه پاسخگو li>
قابلیت دسترسی و طراحی پاسخگو li>
استفاده از س quالات رسانه li>
طراحی با شبکه CSS li>
طراحی با 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
لینکدین: شبکه اجتماعی حرفهای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکههای اجتماعی حرفهای، به میلیونها افراد در سراسر جهان این امکان را میدهد تا ارتباط برقرار کنند، اطلاعات حرفهای خود را به اشتراک بگذارند و فرصتهای شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان میدهد تا رزومه حرفهای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمنها و گروههای حرفهای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهرهمند شوند.
لینکدین همچنین به کارفرمایان امکان میدهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفهای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصتهای شغلی و گسترش شبکه حرفهای خود، نقش مهمی را ایفا میکند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفهای در دنیای امروز مورد توجه قرار دارد.
Clarissa Peterson یک توسعه دهنده ، نویسنده و گوینده ، متخصص در تجربه کاربری و استراتژی طراحی است.
کلاریسا تقریباً در هر نقشی که می توانید تصور کنید از سال 2002 در وب کار می کند. او به عنوان یک توسعه دهنده جلویی شروع به کار کرد و در سالهای اخیر به سمت تمرکز روی تجربه کاربری و استراتژی دیجیتال روی آورد. تجربه متنوع او به او این امکان را می دهد تا نقش منحصر به فردی در تیم ها داشته باشد ، شکاف بین طراحان ، توسعه دهندگان و سایر مناطق و نقش های دیگر که برای ایجاد و حفظ یک حضور آنلاین قوی لازم است.
او نویسنده آموزش طراحی وب سایت پاسخگو: راهنمای مبتدی است که در سال 2014 توسط (O'Reilly Media.) منتشر شده است. این کتاب مقدماتی از ابتدای طراحی با طراحی پاسخگو است ، به سمت طراحان ، مدیران پروژه ها ، روسای بخش ها و سایر افرادی که ممکن است برای ورود به کتاب های فنی تر و با تمرکز بیشتر روی طراحی پاسخگو با مشکل روبرو شوند.
Clarissa همچنین یک سخنران مکرر در کنفرانس های طراحی و فناوری است. از سال 2012 ، وی با حضور در بیش از 60 رویداد گفتگو یا کارگاه برگزار کرده است. او همچنین یک مربی در برنامه Fast Tracker Web در موسسه فناوری آلبرتا جنوبی (SAIT) در کلگری ، کانادا است.
نمایش نظرات