دوره آموزشی 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 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی React: توسعه API Context
- دوره آموزشی ساخت برنامههای واکنشی آماده تولید: راهاندازی برای استقرار با Firebase
- دوره آموزشی بهترین شیوههای (Best Practices) ریاکت (React)
- دوره آموزشی ساخت اپلیکیشن MCP با استفاده از json-render
- دوره آموزشی ساخت یک برنامه Serverless با استفاده از React در AWS
- دوره آموزشی الگوهای طراحی React
- دوره آموزشی کار با حلقه ها در React
- دوره آموزشی مجموعه فریلنسری: پروژه واقعی با Next.js و Strapi
مسیرهای مرتبط
- مسیر آموزشی طراحی و توسعه برای دسترسپذیری دیجیتال
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده React
- مسیر آموزشی کاوش شغلی در توسعه وب فرانت اند
- مسیر آموزشی تبدیل شدن به یک Microsoft 365 Enterprise Administrator
- مسیر آموزشی مهارت های خود را به عنوان یک طراح آموزشی ایجاد کنید
- مسیر آموزشی آمادگی برای دسترسپذیری دیجیتال
- مسیر آموزشی ساخت یک برنامه واقعیت مجازی با React
- مسیر آموزشی توسعه برنامه را با پشته MERN کاوش کنید