آموزش React: تست و اشکال زدایی

React: Testing and Debugging

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: ردیابی اشکالات در React - و قطعات مختلفی که با آنها ارتباط برقرار می کند - می تواند یک چالش باشد. در حالی که ابزارهای پایه و تست اشکال زدایی جاوا اسکریپت مطمئناً کار می کنند ، راه حل هایی که به طور خاص برای کار با React طراحی شده اند ، در وقت و تلاش شما صرفه جویی می کنند. این دوره شامل این ابزارها ، همچنین نکات و تکنیک هایی است که به شما کمک می کند مشکلات موجود در برنامه های خود را پیدا ، تشخیص و برطرف کنید. نحوه آزمایش React code با Jest ، اشکال زدایی با Chrome ، بررسی نوع با flow و بهینه سازی کد خود با ESLint را ببینید و بیاموزید. مربی امانوئل هنری این دوره را با تمام مواردی که برای شروع به کار نیاز دارید ، از جمله پرونده های تمرینی و دستورالعمل های راه اندازی ، بسته بندی کرده است و در پایان با مراحل بعدی بررسی اشکال زدایی پیشرفته در React ، به پایان می رسد.
موضوعات شامل:
  • راه اندازی برای آزمایش React و اشکال زدایی
  • تست با Jest
  • تست عکس
  • اشکال زدایی با افزونه های Chrome و Chrome
  • بهینه سازی کد واکنش با ESLINT
  • بررسی نوع

سرفصل ها و درس ها

مقدمه Introduction

  • برنامه های React خود را تست و اشکال زدایی کنید Testing and debugging your React apps

  • پیش نیازهای دوره Course prerequesites

1. تنظیم 1. Setting Up

  • پروژه آزمون شما Your test project

  • نمای کلی از ابزار خود An overview of your toolset

  • ابزارهای برنامه نویس را React کنید React Developer Tools

  • معرفی شوخی Jest introduction

  • چک کردن با جریان را تایپ کنید Type checking with flow

  • پوشش با ESLint Linting with ESLint

2. تست کردن با Jest 2. Testing with Jest

  • شماره های آزمون را با شرکا انجام دهید Test numbers with matchers

  • رشته را با تشریفات تست کنید Test string with matchers

  • آرایه ها و اشیاء را با تشک تست کنید Test arrays and objects with matchers

  • تست عکس فوری با Jest Snapshot testing with Jest

  • تست های خود را با شرح () Organize your tests with describe()

  • گزارش های پوشش کد Code coverage reports

3. اشکال زدایی با Chrome و برنامه های افزودنی 3. Debugging with Chrome and Extensions

  • با معرفی Chrome اشکال زدایی کنید Debug with Chrome introduction

  • اشکال زدایی با React DevTools Debug with React DevTools

  • شبکه و عملکرد خود را آزمایش کنید Test your network and performance

  • ممیزی را در Chrome اجرا کنید Run an audit in Chrome

  • منابع را برای یافتن پاسخ اشکال زدایی کنید Debug resources to find answers

4. ESLint و انواع 4. ESLint and Types

  • بهبود کد با ESLint Code improvement with ESLint

  • چک کردن را با Flow تایپ کنید Type checking with Flow

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

آموزش React: تست و اشکال زدایی
جزییات دوره
1h 18m
22
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
161
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Emmanuel Henri Emmanuel Henri

مدیر اجرایی با بیش از 20 سال تجربه در برنامه نویسی و طراحی

امانوئل هنری یک توسعه دهنده فول استک با 20 سال تجربه در برنامه نویسی، فناوری و طراحی است.

> امانوئل مسئول تمام جنبه های پروژه های وب و تلفن همراه مبتنی بر مشتری، از جمله جدول زمانی و محدوده بوده است. این پروژه‌ها از ابزارهای JIRA/Atlassian، متدولوژی‌های چابک، و زبان‌ها و چارچوب‌هایی مانند React، Angular، Node، Meteor، GraphQL، JavaScript، Swift، HTML، CSS (Sass)، MongoDB و MySQL استفاده کرده‌اند. او همچنین در دنیای بازی های سه بعدی با استفاده از ابزارهایی مانند Unreal، ZBrush، Maya و چندین ابزار دیگر کار می کند. او علاقه زیادی به ایجاد برنامه‌ها و بازی‌هایی دارد که از جدیدترین فناوری‌ها در ابزارها، چارچوب‌ها و زبان‌های فوق استفاده می‌کنند.

برای اطلاعات بیشتر، به mannyhenri.com.