دوره آموزشی Vue.js: آزمایش و اشکال زدایی
1 ساعت 19 دقیقهمتوسط2021-09-02
مدرسین

Fikayo Adepoju
Technical Writer | Software Developer
جزئیات دوره
شما Vue را آموخته اید و می توانید رابط های جلویی شگفت انگیزی ایجاد کنید، اما چگونه مطمئن می شوید که آنها واقعاً کار می کنند؟ با استفاده از Jest، ESLint و ابزارهای توسعه دهنده مرورگر، می توانید زیر کاپوت را نگاه کنید و ببینید که رابط کاربری شما واقعاً چگونه کار می کند. مربی Fikayo Adepoju مزایای کد خوب تست شده را توضیح می دهد، سپس به چگونگی تنظیم ابزارهای آزمایش خود می پردازد. Fikayo همه چیز مورد نیاز برای شروع آزمایش واحد را بررسی می کند، از جمله آزمایش رشته ها با استفاده از matchers، سازماندهی تست ها، آزمایش کد ناهمزمان و موارد دیگر. او به شما نحوه آزمایش اجزای Vue.js و نحوه استفاده از Chrome DevTools و Vue.js Devtools برای اشکال زدایی برنامه شما را نشان می دهد. به علاوه، Fikayo مراحل آزمایش خودکار و عملکردی را در Cypress و CircleCI طی می کند.
مهارت ها
Vue.jsSoftware TestingJavaScriptProgramming FoundationsOracleOpen SourceSoftware DevelopmentDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - آزمایش برنامههای Vue
- 02 - آنچه باید بدانید
- 03 - فایلهای تمرینی برای تست و رفع اشکال
- 04 - چرا باید تست کنید
1. راهاندازی ابزارهای تست
- 05 - راهاندازی پروژه نمونه
- 06 - چه چیزی یک جعبه ابزار تست را تشکیل میدهد
- 07 - شروع کار با Jest
- 08 - بررسی خطای نحوی با ESLint
2. تست واحد
- 09 - نصب و اجرای Jest
- 10 - تست رشتهها با استفاده از همسان
- 11 - آزمایش مقادیر عددی
- 12 - تست اشیا و آرایه ها
- 13 - سازماندهی آزمون ها
- 14 - تست کدهای ناهمزمان
- 15 - تجزیهوتحلیل پوشش آزمون
3. تست اجزای Vue
- 16 - نصب قطعات با استفاده از رندر
- 17 - دسترسی به عناصر درون یک جزء
- 18 - حوادث شلیک بر روی قطعات
4. اشکال زدایی با ابزار Vue و Chrome Developer
- 19 - خطاهای اشکال زدایی با استفاده از Chrome DevTools
- 20 - راهاندازی Vue Devtools
- 21 - اشکال زدایی با Vue Devtools
- 22 - وضعیت ردیابی و اشکال زدایی
- 23 - اجرای ممیزی عملکرد
5. تست عملکردی و خودکار
- 24 - آشنایی با سرو
- 25 - اجرای یک تست ساده سرتاسر با سرو
- 26 - تست خودکار با CircleCI
نتیجه
- 27 - مراحل بعدی با تست
دوره های مرتبط
- دوره آموزشی ایجاد و میزبانی یک سایت Full-Stack با استفاده از Vue.js
- دوره آموزشی یادگیری Nuxt.js
- دوره آموزشی مستند Vue.js
- دوره آموزشی یادگیری Vue.js
- دوره آموزشی یادگیری جامع Vue.js 3
- دوره آموزشی کار با API ها در Vue.js 2
- دوره آموزشی Vue.js 2: برنامه های Full-Stack با Firebase
- دوره آموزشی ایجاد یک رابط در Vue.js 2