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