آموزش طراحی چیدمان‌های پایه وب - آخرین آپدیت

چیدمان در وب Layout on the Web

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

• معرفی بخش Module Introduction

• تاریخچه چیدمان وب، بخش اول Web Layout History, Part 1

• تاریخچه چیدمان وب، بخش دوم Web Layout History, Part 2

• تاریخچه چیدمان وب، بخش سوم Web Layout History, Part 3

• تاریخچه چیدمان وب، بخش چهارم Web Layout History, Part 4

• مدل باکس (Box Model)، بخش اول Box Model, Part 1

• مدل باکس (Box Model)، بخش دوم Box Model, Part 2

• مدل باکس (Box Model)، بخش سوم Box Model, Part 3

• مدل باکس (Box Model)، بخش چهارم Box Model, Part 4

• مبانی ویژگی Display، بخش اول Display Property Basics, Part 1

• مبانی ویژگی Display، بخش دوم Display Property Basics, Part 2

• مبانی ویژگی Display، بخش سوم Display Property Basics, Part 3

فلکس‌باکس (Flexbox) Flexbox

• معرفی بخش Module Introduction

• فلکس‌باکس، بخش ۱.۱ Flexbox, Part 1.1

• فلکس‌باکس، بخش ۱.۲ Flexbox, Part 1.2

• فلکس‌باکس، بخش ۱.۳ Flexbox, Part 1.3

• فلکس‌باکس، بخش ۱.۴ Flexbox, Part 1.4

• فلکس‌باکس، بخش ۱.۵ Flexbox, Part 1.5

• معرفی چالش اول فلکس‌باکس Flexbox Challenge 1 Intro

• پاسخ چالش اول و معرفی چالش دوم Flexbox Challenge 1 Answer & Challenge 2 Intro

• پاسخ چالش دوم و معرفی چالش سوم Flexbox Challenge 2 Answer & Challenge 3 Intro

• پاسخ چالش سوم و معرفی چالش چهارم Flexbox Challenge 3 Answer & Challenge 4 Intro

• پاسخ چالش چهارم و معرفی چالش پنجم Flexbox Challenge 4 Answer & Challenge 5 Intro

• پاسخ چالش پنجم و معرفی چالش ششم Flexbox Challenge 5 Answer & Challenge 6 Intro

• پاسخ چالش ششم و معرفی چالش هفتم Flexbox Challenge 6 Answer & Challenge 7 Intro

• پاسخ چالش هفتم و معرفی چالش هشتم Flexbox Challenge 7 Answer & Challenge 8 Intro

• پاسخ چالش هشتم Flexbox Challenge 8 Answer

طراحی وب واکنش‌گرا Responsive Web Design

• معرفی بخش Module Introduction

• طراحی واکنش‌گرا، بخش اول Responsive Design, Part 1

• طراحی واکنش‌گرا، بخش دوم Responsive Design, Part 2

• طراحی واکنش‌گرا، بخش سوم Responsive Design, Part 3

• طراحی واکنش‌گرا، بخش چهارم Responsive Design, Part 4

• طراحی واکنش‌گرا، بخش پنجم Responsive Design, Part 5

• طراحی واکنش‌گرا، بخش ششم Responsive Design, Part 6

• طراحی واکنش‌گرا، بخش هفتم Responsive Design, Part 7

• طراحی واکنش‌گرا، بخش هشتم Responsive Design, Part 8

• طراحی واکنش‌گرا، بخش نهم Responsive Design, Part 9

• طراحی واکنش‌گرا، بخش دهم Responsive Design, Part 10

• طراحی واکنش‌گرا، بخش یازدهم Responsive Design, Part 11

• مثال ریسپانسیو اول-موبایل، بخش اول Mobile First Responsive Example, Part 1

• مثال ریسپانسیو اول-موبایل، بخش دوم Mobile First Responsive Example, Part 2

• مثال ریسپانسیو اول-موبایل، بخش سوم Mobile First Responsive Example, Part 3

• مثال ریسپانسیو اول-موبایل، بخش چهارم Mobile First Responsive Example, Part 4

• ریست‌های کاربردی CSS Common Sense CSS Resets

پروژه نمونه Example Project

• معرفی بخش Module Introduction

• فلکس‌باکس، بخش ۲.۱ Flexbox, Part 2.1

• فلکس‌باکس، بخش ۲.۲ Flexbox, Part 2.2

• فلکس‌باکس، بخش ۲.۳ Flexbox, Part 2.3

• فلکس‌باکس، بخش ۲.۴ Flexbox, Part 2.4

• فلکس‌باکس، بخش ۲.۵ Flexbox, Part 2.5

• معرفی چالش نهم فلکس‌باکس Flexbox Challenge 9 Intro

• پاسخ چالش نهم و معرفی چالش دهم Flexbox Challenge 9 Answer & Challenge 10 Intro

• پاسخ چالش دهم و معرفی چالش یازدهم Flexbox Challenge 10 Answer & Challenge 11 Intro

• پاسخ چالش یازدهم و معرفی چالش دوازدهم Flexbox Challenge 11 Answer & Challenge 12 Intro

• پاسخ چالش دوازدهم و معرفی چالش سیزدهم Flexbox Challenge 12 Answer & Challenge 13 Intro

• پاسخ چالش سیزدهم Flexbox Challenge 13 Answer

• معرفی چالش‌های چیدمان فلکس‌باکس ۱ تا ۳ Flexbox Layout Challenges 1-3 Introduction

• پاسخ چالش اول چیدمان فلکس‌باکس Flexbox Layout Challenge 1 Answer

• پاسخ چالش دوم چیدمان فلکس‌باکس Flexbox Layout Challenge 2 Answer

• پاسخ چالش سوم چیدمان فلکس‌باکس Flexbox Layout Challenge 3 Answer

• جمع‌بندی نهایی: پروژه پورتفولیو کوچک Putting it all Together: Mini Portfolio Project

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