1h 18m
22
Lynda
30 تیر 1399
161
-

واکنش: آزمایش و اشکال زدایی

React: Testing and Debugging

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

مقدمه 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
Emmanuel Henri

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