آموزش Vue.js: آزمایش و اشکال زدایی

Vue.js: Testing and Debugging

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

شما Vue را آموخته اید و می توانید رابط های جلویی شگفت انگیزی ایجاد کنید ، اما چگونه مطمئن می شوید که آنها واقعاً کار می کنند؟ با استفاده از Jest ، ESLint و ابزارهای توسعه دهنده مرورگر ، می توانید زیر کاپوت را نگاه کنید و ببینید که رابط کاربری شما واقعاً چگونه کار می کند. مربی Fikayo Adepoju مزایای کد خوب تست شده را توضیح می دهد ، سپس به چگونگی تنظیم ابزارهای آزمایش خود می پردازد. Fikayo همه چیز مورد نیاز برای شروع آزمایش واحد را بررسی می کند ، از جمله آزمایش رشته ها با استفاده از matchers ، سازماندهی تست ها ، آزمایش کد ناهمزمان و موارد دیگر. او به شما نحوه آزمایش اجزای Vue.js و نحوه استفاده از Chrome DevTools و Vue.js Devtools برای اشکال زدایی برنامه شما را نشان می دهد. به علاوه ، Fikayo مراحل آزمایش خودکار و عملکردی را در Cypress و CircleCI طی می کند.


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

معرفی Introduction

  • تست برنامه های کاربردی VUE Testing Vue applications

  • آنچه باید بدانید What you should know

  • فایل های تمرین برای آزمایش و اشکال زدایی Exercise files for testing and debugging

  • چرا باید تست کنید Why you need to test

1. راه اندازی ابزارهای آزمایش 1. Setting Up Testing Tools

  • راه اندازی پروژه نمونه Setting up the sample project

  • یک مجموعه ابزار تست چیست؟ What makes up a testing toolkit?

  • شروع به کار با Jest Getting started with Jest

  • بررسی خطای نحو با ESLint Syntax error checking with ESLint

2. تست واحد 2. Unit Testing

  • نصب و اجرای Jest Installing and running Jest

  • آزمایش رشته ها با استفاده از matchers Testing strings using matchers

  • آزمایش مقادیر عددی Testing numeric values

  • تست اشیاء و آرایه ها Testing objects and arrays

  • سازماندهی آزمون ها Organizing tests

  • تست کد ناهمزمان Testing asynchronous code

  • تجزیه و تحلیل پوشش آزمون Analyzing test coverage

3. آزمایش اجزای Vue 3. Testing Vue Components

  • نصب قطعات با استفاده از رندر Mounting components using render

  • دسترسی به عناصر درون یک جزء Accessing elements within a component

  • شلیک رویدادها روی اجزاء Firing events on components

4. اشکال زدایی با ابزارهای Vue و Chrome Developer 4. Debugging with Vue and Chrome Developer tools

  • اشکالات اشکال زدایی با استفاده از Chrome DevTools Debugging errors using Chrome DevTools

  • راه اندازی Vue Devtools Setting up Vue Devtools

  • اشکال زدایی با Vue Devtools Debugging with Vue Devtools

  • ردیابی و اشکال زدایی دولت Tracking and debugging state

  • اجرای ممیزی عملکرد Running a performance audit

5. تست عملکردی و خودکار 5. Functional and Automated Testing

  • آشنایی با سرو Introduction to Cypress

  • اجرای یک آزمایش ساده به انتها با سرو Running a simple end-to-end test with Cypress

  • تست خودکار با CircleCI Automated testing with CircleCI

نتیجه Conclusion

  • مراحل بعدی با آزمایش Next steps with testing

نمایش نظرات

آموزش Vue.js: آزمایش و اشکال زدایی
جزییات دوره
1h 19m
27
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
-
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Fikayo Adepoju Fikayo Adepoju

سلام، من فیکایو هستم.