آموزش طراحی وب‌سایت‌های واکنش‌گرا (Responsive) برای تمامی دستگاه‌ها - آخرین آپدیت

عنوان فصل ۱: چیدمان‌های پیشرفته با Flexbox و Grid Module 1: Advanced Layouts with Flexbox and Grids

• عنوان ویدیو ۱-۱: مقدمه‌ای بر FlexBox FlexBox Intro

• عنوان ویدیو ۱-۲: ویژگی‌های FlexBox FlexBox Properties

• عنوان ویدیو ۱-۳: ساخت گرید‌های سفارشی با HTML HTML Custom Grids

• عنوان ویدیو ۱-۴: آشنایی با CSS Grids CSS Grids

عنوان فصل ۲: ارتقای طراحی و استقرار پروژه Enhancing Design and Deployment

• عنوان ویدیو ۲-۱: نمایش فونت Awesome Font Awesome Demo

• عنوان ویدیو ۲-۲: استایل‌دهی به فونت (مرور دوره اول) Font Styling (Review from Course 1)

• عنوان ویدیو ۲-۳: کار با تصاویر در HTML و CSS Images in HTML and CSS

• عنوان ویدیو ۲-۴: طیف‌های رنگی (Gradients) Gradients

• عنوان ویدیو ۲-۵: کار با GitHub Pages GitHub Pages

عنوان فصل ۳: اصول طراحی و تجربه کاربری User Experience and Design Principles

• عنوان ویدیو ۳-۱: ارزیابی یک موکاپ (Mock Up) Evaluating a Mock-Up

• عنوان ویدیو ۳-۲: مقدمه‌ای بر تجربه کاربری (UX) User Experience Introduction

• عنوان ویدیو ۳-۳: داستان‌های کاربر (User Stories) User Stories

• عنوان ویدیو ۳-۴: چرخه حیات پروژه Project Life Cycle

عنوان فصل ۴: طراحی واکنش‌گرا و قابلیت دسترسی Responsive Design and Accessibility

• عنوان ویدیو ۴-۱: مقدمه‌ای بر قابلیت دسترسی‌پذیری وب Web Accessibility Intro

• عنوان ویدیو ۴-۲: پیاده‌سازی فنی قابلیت دسترسی Technical Implementation for Accessibility

• عنوان ویدیو ۴-۳: تصاویر واکنش‌گرا با استفاده از srcset و sizes Responsive Images with srcset and sizes

• عنوان ویدیو ۴-۴: ایجاد Media Queries Creating Media Queries

• عنوان ویدیو ۴-۵: ادامه Media Queries و تست کردن Media Queries Continued and Testing

• عنوان ویدیو ۴-۶: مقدمه‌ای بر DOM DOM Introduction