دوره ای که تمام جنبه های طراحی واکنشگرا را بررسی می کند. یاد بگیرید که چگونه سایت هایی را بسازید که عالی به نظر برسند و برای همه خوب کار کنند.
این دوره شما را به سفری در بسیاری از جنبه های طراحی وب ریسپانسیو مدرن می برد. چند ماژول اول شما را با تاریخچه ای از اینکه طراحی واکنش گرا از کجا آمده و نگاهی به اصول چیدمان های واکنش گرا آسان می کند. از آنجا، با تصاویر واکنشگرا، تایپوگرافی، دسترسی و موارد دیگر آشنا خواهید شد.
در طول مسیر، خواهید فهمید که چگونه می‌توانید وب‌سایت‌ها را به تنظیمات برگزیده کاربر و قابلیت‌های دستگاه پاسخگو کنید. در پایان، شما همچنین درک درستی از آنچه در آینده ممکن است برای طراحی واکنشگرا باشد خواهید داشت.
هر ماژول دارای دموها و خودارزیابی هایی است که می توانید دانش خود را آزمایش کنید.
این دوره برای طراحان و توسعه دهندگان مبتدی و متوسط ایجاد شده است. درک اولیه HTML و CSS باید کافی باشد. شما نیازی به دانستن هیچ جاوا اسکریپتی ندارید. اگر در ساخت وب‌سایت‌ها کاملاً تازه کار هستید، مقدمه‌ای بر HTML و دوره دیگری برای کمک به یادگیری CSS وجود دارد.
در اینجا چیزی است که یاد خواهید گرفت:
معرفی
بیابید طراحی واکنشگرا از کجا آمده است.
داستان های رسانه
با استفاده از پرس و جوهای رسانه ای CSS، طرح های خود را با اندازه های مختلف صفحه نمایش تطبیق دهید.
بین المللی شدن
طرح های خود را برای زبان های مختلف و حالت های نوشتاری آماده کنید.
چیدمان های ماکرو
طرح‌بندی صفحه را با استفاده از تکنیک‌های CSS طراحی کنید.
چیدمان های میکرو
اجزای انعطاف پذیری بسازید که می توانند در هر مکانی قرار گیرند.
تایپوگرافی
متن خود را بدون توجه به جایی که ظاهر می شود خوانا و زیبا کنید.
تصاویر واکنش گرا
مناسب ترین تصاویر را برای دستگاه ها و صفحه نمایش به بازدیدکنندگان خود ارائه دهید.
عنصر تصویر
کنترل خلاقانه تری روی تصاویر خود اعمال کنید.
نمادها
از SVG برای نماد نگاری پاسخگو مقیاس پذیر استفاده کنید.
موضوع بندی
طرح های خود را برای مطابقت با ترجیحات کاربر مانند حالت تاریک تطبیق دهید.
دسترسی
اطمینان حاصل کنید که وب سایت شما در دسترس همه است.
اثر متقابل
صفحات خود را برای مکانیسم های ورودی مختلف آماده کنید. ماوس، صفحه کلید و لمس.
الگوهای رابط کاربری
برخی از عناصر رابط کاربری رایج را در نظر بگیرید که با اندازه های مختلف صفحه نمایش سازگار هستند.
ویژگی های رسانه
گردآوری تمام روش هایی که ویژگی های رسانه به شما امکان می دهد به دستگاه ها و اولویت ها پاسخ دهید.
تنظیمات صفحه نمایش
محتوای خود را برای دستگاه هایی با چند صفحه نمایش آماده کنید.
نتیجه گیری و مراحل بعدی
منابع بیشتر برای کمک به شما در برداشتن گام های بعدی.
بنابراین، آیا آماده یادگیری طراحی واکنش گرا هستید؟