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

لطفا شماره موبایل خود را وارد کنید دریافت کد تایید

دوره طراحی وب واکنش‌گرا با HTML5 و CSS

دوره ویژه کاربران اشتراکی

طراحی وب

سی اس اس

اچ تی ام ال

برنامه نویسی

  • 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

درباره این دوره

دوره های آموزشی مرتبط

دانلود اپلیکیشن آموزش روز