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

در این دوره آموزشی قدم به قدم طراحی وب واکنش گرا را یاد گرفته و در مرورگر تمرین و تجربه خواهید کرد.

عنوان اصلی : Learning Responsive Web Design in the Browser

سرفصل ها :

معرفی
خوش آمدی
قبل از شروع این دوره چه نکاتی را باید بدانید
1. آماده سازی طراحی
از مرورگر به عنوان بوم طراحی استفاده کنید
یک زبان طراحی برای سایت خود ایجاد کنید
طرح بندی ها را با قلم و کاغذ پیش نویس کنید
با کشیدن جعبه ها، کانتینرها را نقشه برداری کنید
طراحی را مدولار کنید
✓ چالش: یک نقشه کانتینر ایجاد کنید و طرح را مدولار کنید
✓ راه حل: یک نقشه کانتینر ایجاد کنید و طرح را مدولار کنید
2. طراحی بصری در مرورگر
ابزار و راه اندازی
با یک راه اندازی هسته شروع کنید
یک سند پایه با HTML5 ایجاد کنید
نوار کناری: یک اصل ساده RWD
اعمال فونت و تایپوگرافی پاسخگو
در یک زمان روی یک ماژول کار کنید
یک رویکرد عملی برای طراحی وب سایت واکنش گرا
از فناوری های مدرن برای ساده سازی فرآیند طراحی استفاده کنید
طرح‌بندی‌های واکنش‌گرا با Flexbox ایجاد کنید
ابزار رنگ در مرورگر
آزمایش رنگ و ارزش HSLA
✓ چالش: طراحی صفحه مقاله در مرورگر
✓ راه حل: صفحه مقاله را در مرورگر طراحی کنید
3. طراحی تعامل در مرورگر
طراحی تعامل از طریق CSS
CSS تبدیل می شود
آزمایش از طریق فیلترهای تصویر
4. طراحی قالب وردپرس در مرورگر
قالب های واکنش گرا وردپرس را در مرورگر طراحی کنید
مراحل بعدی
متشکرم!