برای استفاده از خدمات وارد حساب خود شوید

1- مقدمه 01:33

2- پشتیبانی مرورگر، ابزارها و نمونههای کد 06:21

3- درک طراحی وب واکنشگرا 09:48

4- ورود مدیا کوئریها 05:52

5- خلاصه 02:42

6- نوشتن نشانهگذاری HTML 02:41

7- شروع صحیح صفحات HTML 12:09

8- عناصر معنایی جدید در HTML5 12:17

9- عناصر گروهبندی HTML 07:58

10- عناصر معنایی سطح متن در HTML 08:50

11- استفاده از عناصر HTML5 03:45

12- انطباق با استانداردهای دسترسیپذیری WCAG و WAI-ARIA برای وب اپلیکیشنهای قابل دسترستر 06:23

13- تعبیه رسانه در HTML5 14:49

14- عنصر 08:29

15- خلاصه و تکالیف 02:09

16- مدیا کوئریها و کانتینر کوئریها 03:47

17- تگ meta و مدیا کوئریها 19:40

18- تست طراحیهای واکنشگرا روی امولاتورها و شبیهسازها 04:16

19- آیا باید مدیا کوئریها را در فایلهای جداگانه قرار داد؟ 03:09

20- مدیا کوئریها را یکپارچه کنیم یا هرجا مناسب است پراکنده کنیم؟ 05:30

21- مدیا کوئریهای سطح 5 11:34

22- کانتینر کوئریها 13:42

23- خلاصه 01:50

24- طرح بندی شناور و Flexbox - مقدمه 02:01

25- تبدیل یک طرح با پیکسل ثابت به یک طرح بندی شناور متناسب 11:44

26- چرا به Flexbox نیاز داریم؟ 02:14

27- پیادهسازی Flexbox 14:16

28- فوتر چسبنده 02:40

29- بازآرایی بصری 09:20

30- خلاصه 01:46

31- طرح بندی با CSS Grid - مقدمه 02:28

32- سینتکس اولیه Grid 11:33

33- بهبود سیستم Grid خود 09:22

34- جایگذاری و اندازهبندی آیتمهای طرح بندی گرید 09:11

35- خطوط نامگذاری شده گرید و نواحی قالب گرید 11:46

36- auto-fit و auto-fill 06:01

37- سینتکس خلاصه 13:43

38- اجازه دادن به عناصر تودرتو برای شرکت در گرید 08:53

39- خلاصه 03:54

40- انتخابگرهای CSS، تایپوگرافی و بیشتر 02:56

41- انتخابگرها، واحدها و قابلیتها 06:10

42- انتخابگرهای CSS - فراتر از معمول! 11:49

43- شبه-کلاسهای ساختاری CSS 13:57

44- انتخاب مبتنی بر nth در طراحیهای وب واکنشگرا 08:14

45- انتخابگرهای ترکیبی – فرزند، همزاد بعدی و همزادهای بعدی 10:27

46- گروهبندی انتخابگرها 14:04

47- واحدهای طول وابسته به ویوپورت واکنشگرا 07:57

48- استفاده از supports@ برای انشعاب در CSS 09:20

49- تایپوگرافی وب 05:09

50- دستور font-face@ در CSS 26:04

51- فونتهای متغیر 13:52

52- خلاصه 01:04

53- مقدمه 02:04

54- فرمت رنگ RGB 07:14

55- کانال آلفا 06:50

56- مفاهیم و اصطلاحات رنگ 06:41

57- فضاهای رنگ پیشرفته 06:02

58- بررسی در رنگ Lab و LCH 07:06

59- OKLab و OKLCH 12:49

60- استفاده از توابع ()color-mix و ()color-contrast 09:45

61- خلاصه 01:43

62- مقدمه و اهداف 01:40

63- سایههای متن و سایههای باکس 10:58

64- گرادینتهای پسزمینه 16:12

65- گرادینتهای مخروطی، گرادینتهای تکرارشونده و الگوهای گرادینت پسزمینه 11:50

66- تصاویر پسزمینه چندگانه 11:49

67- فیلترهای CSS 14:17

68- clip-path در CSS 09:43

69- Mask-Image و Mix-Blend-Mode 09:32

70- خلاصه 01:29

71- مقدمهای بر تصاویر واکنشگرا 04:12

72- فرمتهای تصویری مدرن 11:25

73- سینتکس تصویر واکنشگرا 09:59

74- کارگردانی هنری با عنصر picture 05:57

75- خلاصه 01:33

76- مقدمهای بر SVG 05:10

77- درک یک SVG اولیه 05:32

78- عناصر و ویژگیهای SVG 10:51

79- ساخت SVGs 06:09

80- درج SVG در صفحات وب 09:07

81- استفاده مجدد از آبجکت های گرافیکی از Symbols 08:05

82- رنگآمیزی مجدد SVGs با ویژگیهای سفارشی CSS 06:06

83- استفاده مجدد از آبجکت های گرافیکی از منابع خارجی 04:41

84- رنگآمیزی SVGs با mask-image 04:34

85- بررسی متدهای درج SVG 04:23

86- انیمیشن SMIL 07:07

87- استایلدهی به SVGs 05:25

88- متحرکسازی یک SVG با CSS 03:42

89- متحرکسازی SVG با جاوااسکریپت 10:31

90- استفاده از SVGs به عنوان فیلترها 03:07

91- درک مدیا کوئریها در SVG 02:51

92- بهینهسازی SVGs 04:15

93- خلاصه و منابع 02:30

94- مقدمهای بر ترنزیشنها، ترنسفورمها و انیمیشنها 02:25

95- ترنزیشنهای CSS و ویژگیهای آنها 12:55

96- درک توابع زمانی برای ترنزیشنهای CSS 07:17

97- ترنسفورمهای 2D در CSS 12:05

98- درک ویژگی transform-origin 02:22

99- ترنسفورمهای 3D در CSS 11:07

100- یادگیری درباره ویژگی Translate3D 11:38

101- انیمیشنهای CSS، تمرینات، آموزش و خلاصه 20:18

102- مقدمهای بر توابع CSS و ویژگیهای سفارشی 03:03

103- شروع با ویژگیهای سفارشی CSS 07:09

104- تغییر ویژگیهای سفارشی با JavaScript 07:10

105- ویژگیهای ویژگیهای سفارشی 07:57

106- بررسی توابع CSS به طور دقیق 06:13

107- نگاهی به توابع min ،max و clamp در CSS 07:24

108- ادغام دانش ما تا این نقطه 08:33

109- خلاصه 02:37

110- مقدمهای بر فرمهای HTML5 02:32

111- درک کامپوننت های فرمهای HTML5 05:33

112- بررسی در ویژگیهایی مانند 'required' و 'autofocus' 06:31

113- یادگیری درباره صفات autocomplete و list 07:38

114- انواع Input در HTML5 14:25

115- درک ورودیهای تاریخ و زمان 09:58

116- استایلدهی به فرمهای HTML5 با CSS 02:38

117- مشخص کردن فیلدهای الزامی 08:36

118- استایلدهی به نشانههای ورودی و رنگهای پسزمینه با CSS 05:48

119- خلاصه 00:57

120- مقدمهای بر ویژگیهای CSS و لایههای آبشاری 05:07

121- تسلط بر لایههای آبشاری برای بهبود مدیریت استایل 17:00

122- یادگیری درباره تو در تو سازی CSS 01:24

123- سادهسازی CSS با انتخابگرها و مدیا کوئریهای تودرتو 09:47

124- خلاصه 01:32

125- نکات و تکنیکها - مقدمه 01:50

126- خلاصهسازی متن در CSS 06:32

127- پنلهای اسکرولشونده و اسکرولبارهای سفارشی 11:21

128- CSS Scroll Snap 07:49

129- اسکرول نرم با CSS scroll-behavior 04:00

130- نکات مهم پایانی 04:20

131- تعیین سطوح پشتیبانی مرورگر 04:48

132- فریمورکهای CSS و لینتینگ 07:35

133- بررسی عملکرد و ابزارهای عملکرد 09:53

134- پدیده بزرگ بعدی چیست؟ 03:17

135- خلاصه 01:13
درباره این دوره