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

titleهفته اول: استایل‌دهی با طراحی واکنش‌گرا Week One: Style with Responsive Design

• titleمقدمه‌ای بر طراحی واکنش‌گرا Introduction to Responsive Design

• titleشروع کار با Github Getting Started with Github

• titleدانلود و آپلود کد با VSCode و Github Downloading and Uploading Code with VSCode and Github

• titleکپی کردن کد با GitHub Codespaces Copying Code with GitHub Codespaces

• titleآپلود در GitHub Pages Uploading to GitHub Pages

• titleمرور: انتشار سایت شما Review: Publishing Your Site

• titleطراحی واکنش‌گرا چیست؟ What is Responsive Design?

• titleتست کردن سایت‌ها Testing Sites

• titleمزایای طراحی واکنش‌گرا Benefits of Responsive Design

• titleاندازه‌گیری‌های سیال (Fluid Measurements) Fluid Measurements

• titleآموزش عملی: اندازه‌گیری‌های سیال Code With Me: Fluid Measurements

titleهفته دوم: مفاهیم پایه Week Two: Basic Concepts

• titleمدیا کوئری‌ها (Media Queries) Media Queries

• titleآموزش عملی: اندازه‌گیری‌های سیال و مدیا کوئری‌ها Code With Me: Fluid Measurements and Media Queries

• titleوایرفریم‌ها (Wire Frames) Wire Frames

• titleنقاط شکست (Breakpoints) Breakpoints

• titleمدیا کوئری‌ها - بخش دوم Media Queries Part Two

• titleآموزش عملی: ناوبری واکنش‌گرا (Responsive Navigation) Code With Me: Responsive Navigation

• titleمرور تکالیف: مدیا کوئری‌های پایه Homework Review: Basic Media Queries

titleهفته سوم: مدیا کوئری‌ها برای چیدمان و دسترسی‌پذیری Week Three: Media Queries for Layout and Accessibility

• titleپیش‌نمایش هفته سوم Preview of Week 3

• titleآموزش عملی: استفاده از مدیا کوئری‌ها با Grid Code With Me: Using Media Queries with Grid

• titleآموزش عملی: استفاده از مدیا کوئری‌ها با Flex Code With Me: Using Media Queries with Flex

• titleمدیا کوئری‌ها برای دسترسی‌پذیری (Accessibility) Media Queries for Accessibility

• titleتست دسترسی‌پذیری Accessibility Testing

titleهفته چهارم: فریم‌ورک‌ها Week Four: Frameworks

• titleاستفاده از فریم‌ورک‌ها Using Frameworks

• titleمقدمه‌ای بر Bootstrap Introduction to Bootstrap

• titleسیستم گرید Bootstrap Bootstrap Grid System

• titleاختیاری: مصاحبه با M W Optional: Interview with M W

• titleاختیاری: مصاحبه با H W Optional: Interview with H W

• titleاختیاری: مصاحبه با H N Optional: Interview with H N

• titleمرور تکالیف: پروژه نهایی Homework Review: Final Project

• titleنتیجه‌گیری Conclusion