آموزش CSS3 + پروژه

پشتیبانی اختصاصی!

با ثبت نام در این دوره، تا 3 ماه از پشتیبانی اختصاصی در واتساپ و تلگرام برخوردار خواهید شد.
بدین ترتیب هرگونه سوالی که داشته باشید میتوانید از پشتیبان متخصص بپرسید.

ویدیوها

1#: نکات عمومی

12:28

2#: کاربرد css وآشنایی با vscode

05:48

3#: syntax

06:29

4#: انواع سلکتور

07:47

5#: انواع روش های اضافه کردن استایل به صفحه

06:05

6#: کامنت

01:42

7#: رنگ ها

08:29

8#: پس زمینه

11:25

9#: border

07:30

10#: margin و padding

05:16

11#: ادامه margin و padding

05:16

12#: تنظیم طول و عرض

06:11

13#: Box Sizing 1

04:08

14#: outline

04:37

15#: کار با متن ها

15:35

16#: کار با فونت

16:19

17#: ادامه کار با فونت

09:40

18#: لینک ها

07:02

19#: لیست ها

10:28

20#: جدول ها

16:49

21#: inline و block

08:13

22#: نکته

04:11

23#: position

15:20

24#: z-index

05:09

25#: overflow

03:10

26#: float

07:58

27#: inline-block

06:10

28#: align

10:11

29#: معرفی چند selector جدید

06:48

30#: کار با Pseudo-elements و Pseudo-classes

12:56

31#: کار با before و after

16:06

32#: Attribute Selectors

08:15

33#: Opacity

03:05

34#: اولویت استایل ها

08:24

35#: !important

02:43

36#: ریاضی در css

04:03

37#: border image

05:27

38#: کلمات کلیدی رنگ ها

05:08

39#: gradient

09:35

40#: ایجاد سایه برای باکس ها

03:55

41#: transform

06:57

42#: transition

07:39

43#: ایجاد انیمیشن

12:41

44#: ایجاد فیلتر روی عکس ها

05:54

45#: object-fit

04:30

46#: تغییر اندازه باکس ها توسط کاربر

02:12

47#: متغییرها

05:52

48#: Box Sizing 2

08:11

49#: @media

08:55

50#: flex

14:18

51#: grid

06:31

52#: ریسپانسیو- مقدمه

03:50

53#: ریسپانسیو - viewport

02:04

54#: ریسپانسیو - تقسیم عرض برحسب درصد

05:18

55#: ریسپانسیو - @media

10:25

56#: ریسپانسیو - تنظیم عرض عکس و ویدیو و...

05:33

57#: ریسپانسیو - نکته

01:44

58#: تمرین: ساخت منو

13:33

59#: تمرین: ساخت دکمه نئونی

06:39

60#: تمرین: ساخت نویگیشن بار

13:16

61#: نکته مهم

10:51

62#: پیدا کردن فایل های گرافیکی برای سایت

20:26

63#: پروژه: طراحی صفحه اول سایت اسنپ - 1

32:23

64#: پروژه: طراحی صفحه اول سایت اسنپ - 2

50:55

65#: پروژه: طراحی صفحه اول سایت اسنپ - 3

36:31

66#: پروژه: طراحی صفحه اول سایت اسنپ - 4

27:17

67#: پروژه: طراحی صفحه اول سایت اسنپ - 5

53:27

68#: پروژه: طراحی صفحه اول سایت اسنپ - 6

43:21

فایل‌ها

1#: پروژه صفحه اصلی اسنپ

zip

نظرات کاربران

مهشاد موسوی:

عالی مرسی

ارسال پاسخ

نام

متن نظر

hirad:

محتوا معرکه بود مخصوصا اخرش که پروژه اسنپ رو پیاده سازی کردید فوق العاده بود. ممنون استاد

ارسال پاسخ

نام

متن نظر

هومن رضایی:

دوره عالی بود فقط حواستون باشه حتما قبل از دیدن این دوره باید html بلد باشید

ارسال پاسخ

نام

متن نظر

farzad:

خدا خیرت بده داداش . حلالت باشه لذت بردم واقعا

ارسال پاسخ

نام

متن نظر