آموزش 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

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.

لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.

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

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Fikayo Adepoju Fikayo Adepoju

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