دوره آموزشی React: کامپوننت ها، زمینه و دسترسی
1 ساعت 11 دقیقهپیشرفته2018-07-17
مدرسین

Eve Porcello
Software Developer and Instructor
جزئیات دوره
هنگامی که بر پایه های چارچوب React و معماری پشتیبانی کننده آن تسلط پیدا کردید، می توانید از ویژگی های پیچیده تری استفاده کنید که برنامه های کاربردی سریعتر و در دسترس تر را فعال می کند. در این دوره آموزشی، با پیشرفتهای موجود در React 16 و نحوه استفاده از ویژگیهای کلیدی برای ساخت برنامههای بهتر React آشنا شوید. مؤلفهها و الگوهای پیشرفتهای را کاوش کنید که به شما کمک میکنند برنامههایتان را تمیزتر ساختار دهید. مربی Eve Porcello همچنین نحوه استفاده از Context API، ساخت محتوای معنایی قابل دسترس و موارد دیگر را نشان می دهد.
اهداف یادگیری
چیزهای جدید در React 16
رندر کردن آرایه ها
اجزای کنترل شده، کنترل نشده و ترکیبی
استفاده از قطعات کلیددار
کار با روش های جدید چرخه حیات
الگوهای واکنش نشان دهند
با استفاده از Context API
بررسی مشکلات دسترسی در کد React شما
اهداف یادگیری
چیزهای جدید در React 16
رندر کردن آرایه ها
اجزای کنترل شده، کنترل نشده و ترکیبی
استفاده از قطعات کلیددار
کار با روش های جدید چرخه حیات
الگوهای واکنش نشان دهند
با استفاده از Context API
بررسی مشکلات دسترسی در کد React شما
مهارت ها
AccessibilityReact.jsMetaDiversity, Equity, and Inclusion (DEI)Front-End Web DevelopmentUser ExperienceWeb DevelopmentDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - آنچه باید قبل از تماشای این دوره بدانید
- 03 - استفاده از فایل های تمرین
1. آنچه در React جدید است
- 04 - موارد جدید در React 16
- 05 - رندر آرایه ها
- 06 - setState() تغییر می کند
2. اجزای پیشرفته
- 07 - اجزاء مرکب
- 08 - اجزای کنترل نشده
- 09 - اجزای کنترل شده
3. اجزای پیشرفته
- 10 - کار با قطعات
- 11 - استفاده از قطعات کلیددار
- 12 - چرخه عمر قطعه جدید
4. الگوهای واکنش
- 13 - درک زمینه API
- 14 - استفاده از زمینه
- 15 - ارجاع به زمینه در اجزای تابعی بدون حالت
- 16 - کار با اجزای درجه بالاتر
- 17 - کار با رندر props
- 18 - رندر وسایل در طبیعت - واکنش آپولو
5. React Accessibility
- 19 - نمای کلی دسترسی به وب
- 20 - مشاهده هشدارهای دسترسی React
- 21 - استفاده از HTML معنایی
- 22 - نقش های WAI-ARIA
- 23 - تست دسترسی
نتیجه
- 24 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی افزایش دسترسیپذیری در بازاریابی دیجیتال با هوش مصنوعی مولد (GenAI)
- دوره آموزشی استفاده از هوش مصنوعی برای گردشکارهای طراحی دسترسپذیر
- دوره آموزشی تایپوگرافی فراگیر
- دوره آموزشی طراحی ارائه های جذاب و در دسترس در Canva
- دوره آموزشی استفاده از Stark برای پروژه های طراحی قابل دسترس
- دوره آموزشی قابلیت دسترسی به وب برای توسعه دهندگان
- دوره آموزشی دسترسیپذیری و هوش مصنوعی: پل زدن بر شکاف معلولیت
- دوره آموزشی ساخت یک ابزار زیرنویس تصویر برای کاربران کم بینا با Gemini