آموزش طراحی چیدمان‌های پیشرفته وب (Advanced Web Layouts) - آخرین آپدیت

CSS Grid CSS Grid

• معرفی دوره Course Introduction

• مقدمه بخش ۱ Module 1 Introduction

• مرور چیدمان پیشرفته وب، بخش ۱ Advanced Web Layout Overview, Part 1

• مرور چیدمان پیشرفته وب، بخش ۲ Advanced Web Layout Overview, Part 2

• مرور چیدمان پیشرفته وب، بخش ۳ Advanced Web Layout Overview, Part 3

• مرور چیدمان پیشرفته وب، بخش ۴ Advanced Web Layout Overview, Part 4

• مرور چیدمان پیشرفته وب، بخش ۵ Advanced Web Layout Overview, Part 5

• مرور چیدمان پیشرفته وب، بخش ۶ Advanced Web Layout Overview, Part 6

• مرور چیدمان پیشرفته وب، بخش ۷ Advanced Web Layout Overview, Part 7

• مرور چیدمان پیشرفته وب، بخش ۸ Advanced Web Layout Overview, Part 8

• تقلب‌نامه (Cheat Sheet) چیدمان وب Web Layout Cheat Sheet

• مبانی CSS Grid، بخش ۱ CSS Grid Basics, Part 1

• مبانی CSS Grid، بخش ۲ CSS Grid Basics, Part 2

• مبانی CSS Grid، بخش ۳ CSS Grid Basics, Part 3

• مبانی CSS Grid، بخش ۴ CSS Grid Basics, Part 4

• مبانی CSS Grid، بخش ۵ CSS Grid Basics, Part 5

• مبانی CSS Grid، بخش ۶ CSS Grid Basics, Part 6

Advanced Grid Examples Advanced Grid Examples

• مقدمه بخش ۲ Module 2 Introduction

• مثال‌های پیشرفته گرید، بخش ۱ Advanced Grid Examples, Part 1

• مثال‌های پیشرفته گرید، بخش ۲ Advanced Grid Examples, Part 2

• مثال‌های پیشرفته گرید، بخش ۳ Advanced Grid Examples, Part 3

• مثال‌های پیشرفته گرید، بخش ۴ Advanced Grid Examples, Part 4

• مثال‌های پیشرفته گرید، بخش ۵ Advanced Grid Examples, Part 5

• چالش‌های قالب گرید - شروع چالش ۱ Grid Template Challenges - Challenge 1 Start

• حل چالش ۱، شروع چالش ۲ Grid Template Challenges - Challenge 1 Solution, Challenge 2 Start

• حل چالش ۲، شروع چالش ۳ Grid Template Challenges - Challenge 2 Solution, Challenge 3 Start

• حل چالش ۳، شروع چالش ۴ Grid Template Challenges - Challenge 3 Solution, Challenge 4 Start

• حل چالش ۴، شروع چالش ۵ Grid Template Challenges - Challenge 4 Solution, Challenge 5 Start

• حل چالش ۵ Grid Template Challenges - Challenge 5 Solution

Flexbox Part 3 & Positioning Flexbox Part 3 & Positioning

• مقدمه بخش ۳ Module 3 Introduction

• فلکسباکس، بخش 3A (فقط صوتی) Flexbox, Part 3A (Audio Only)

• فلکسباکس، بخش 3B Flexbox, Part 3B

• فلکسباکس، بخش 3C Flexbox, Part 3C

• فلکسباکس، بخش 3D Flexbox, Part 3D

• فلکسباکس، بخش ۳ - چالش‌های ۱ و ۲ Flexbox, Part 3 - Challenges 1 and 2

• فلکسباکس، بخش ۳ - چالش ۳ Flexbox, Part 3 - Challenges 3

• فلکسباکس، بخش ۳ - چالش ۴ Flexbox, Part 3 - Challenges 4

• فلکسباکس، بخش ۳ - چالش ۵ Flexbox, Part 3 - Challenges 5

• فلکسباکس، بخش ۳ - چالش ۶ Flexbox, Part 3 - Challenges 6

• مثال‌های موقعیت‌دهی (Positioning)، بخش ۱ Positioning Examples, Part 1

• مثال‌های موقعیت‌دهی، بخش ۲ Positioning Examples, Part 2

• مثال‌های موقعیت‌دهی، بخش ۳ Positioning Examples, Part 3

• مثال‌های موقعیت‌دهی، بخش ۴ Positioning Examples, Part 4

• مثال‌های موقعیت‌دهی، بخش ۵ Positioning Examples, Part 5

• تمرین موقعیت‌دهی در CSS CSS Positioning Practice

• منوهای کشویی (Drop Down)، بخش ۱ Drop Down Menus, Part 1

• منوهای کشویی، بخش ۲ Drop Down Menus, Part 2

• منوهای کشویی، بخش ۳ Drop Down Menus, Part 3

• منوهای کشویی، بخش ۴ Drop Down Menus, Part 4

• منوهای کشویی، بخش ۵ Drop Down Menus, Part 5

• مثال‌های پارالاکس (Parallax) Parallax Examples

Example Project Example Project

• مقدمه بخش ۴ Module 4 Introduction

• آشنایی با CSS Floats Introducing CSS Floats

• چالش‌های فلوت، بخش ۱ Float Challenges, Part 1

• چالش‌های فلوت، بخش ۲ Float Challenges, Part 2

• چالش‌های فلوت، بخش ۳ Float Challenges, Part 3

• نمونه چیدمان با استفاده از Float، بخش ۱ Example Layout with Float, Part 1

• نمونه چیدمان با استفاده از Float، بخش ۲ Example Layout with Float, Part 2

• گام‌های بعدی، بخش ۱ Next Steps, Part 1

• گام‌های بعدی، بخش ۲ Next Steps, Part 2

• گام‌های بعدی، بخش ۳ Next Steps, Part 3

• دیدگاه‌هایی درباره استفاده از هوش مصنوعی، بخش ۱ Thoughts About Using AI, Part 1

• دیدگاه‌هایی درباره استفاده از هوش مصنوعی، بخش ۲ Thoughts About Using AI, Part 2

• دیدگاه‌هایی درباره استفاده از هوش مصنوعی، بخش ۳ Thoughts About Using AI, Part 3

• دیدگاه‌هایی درباره استفاده از هوش مصنوعی، بخش ۴ Thoughts About Using AI, Part 4

• دیدگاه‌هایی درباره استفاده از هوش مصنوعی، بخش ۵ Thoughts About Using AI, Part 5

• خلاصه دوره Course Summary