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

با وجود همه نرم افزارهای طراحی وب، چرا باید در مرورگر طراحی کنید؟ ما در یک دنیای شجاعانه جدید با طراحی واکنش گرا زندگی می کنیم. وب سایت ها را می توان بر روی دستگاه های تلفن همراه، رایانه های لوحی، رایانه های رومیزی و حتی ساعت های هوشمند مچ دست خواند. اکثر ابزارهای طراحی وب ایستا چنین چیزی را در نظر نمی گیرند. مرورگر یک بوم بی پایان و انعطاف پذیر است. این یک مکان طبیعی برای کدگذاری است، و سطح طراحی پویا و بازخورد فوری به شما امکان می دهد طراحی وب را پاسخگو تر کنید.
در این دوره، مورتن رند-هندریکسن رویکرد خود را در زمینه طراحی در مرورگر توضیح می دهد، که قبل از شروع برنامه نویسی بسیار خوب شروع می شود. او نحوه تعریف طرح بندی روی کاغذ و ایجاد "زبان" برای سایت را نشان می دهد، و سپس یک سند پایه با HTML5 ایجاد می کند. سپس از CSS برای راهنمایی ظاهر سایت و طرح بندی استفاده می کند، از پرس و جوهای رسانه ای و Flexbox برای افزودن رفتارهای پاسخگو استفاده می کند. در فصل 3، مورتن با استفاده از انتقال و تبدیل CSS، تعامل سایت را بهبود می بخشد. در نهایت، او نحوه استفاده از این تکنیک ها را برای ایجاد تم های وردپرس در مرورگر نشان می دهد.
هر مرحله شامل استراتژی های طراحی، بهترین شیوه ها و نمونه های واقعی کد است که مرورگر وب را به ابزار طراحی جدید مورد علاقه شما تبدیل می کند.

اهداف یادگیری
از مرورگر به عنوان بوم طراحی استفاده کنید
طرح بندی طرح با قلم و کاغذ
مدولاریزه کردن طرح
یک سند پایه با HTML5 ایجاد کنید
با Flexbox طرح بندی پاسخگو ایجاد کنید
استفاده از انتقال و تبدیل CSS
ایجاد تم های وردپرس در مرورگر