فلشکارتهای آموزشی اصول تست برای سرعت (Speed) در فرانتاند
اصول تست برای سرعت در فرانتاند: دوره ای برای ارتقای عملکرد وبسایت شما اصول تست برای سرعت در فرانتاند: دوره ای برای ارتقای عملکرد وبسایت شما 1. معرفی دوره: سرعت، کیفیت و رضایت مشتری در دستان شما! آ...
🎓 دوره آموزشی جامع
📚 اطلاعات دوره
عنوان دوره: دوره اصول تست برای سرعت (Speed) در فرانتاند
موضوع کلی: برنامه نویسی
موضوع میانی: تست فرانتاند
📋 سرفصلهای دوره
- 1. مقدمهای بر اهمیت تست در توسعه فرانتاند
- 2. چرایی تمرکز بر سرعت در تست فرانتاند
- 3. اهداف اصلی دوره: اصول تست برای سرعت در فرانتاند
- 4. تعریف تست واحد (Unit Testing) در فرانتاند
- 5. اهمیت تست واحد برای سرعت و کیفیت
- 6. ابزارهای رایج تست واحد: Jest
- 7. نصب و پیکربندی Jest
- 8. نوشتن اولین تست واحد با Jest
- 9. مفهوم Assertions در Jest
- 10. انواع Assertions پرکاربرد
- 11. تست توابع ساده
- 12. تست کامپوننتهای React
- 13. استفاده از ReactDOMTestUtils
- 14. استفاده از Jest-dom برای تست DOM
- 15. تست کردن props در کامپوننتها
- 16. تست کردن state در کامپوننتها
- 17. تست کردن event handlers
- 18. تست کردن conditional rendering
- 19. تست کردن lists و keys
- 20. تست کردن async operations در تست واحد
- 21. مباحث پیشرفتهتر در تست واحد (Mocking)
- 22. Mocking توابع (jest.fn())
- 23. Mocking ماژولها (jest.mock())
- 24. Mocking API calls
- 25. استفاده از `beforeEach`, `afterEach`, `beforeAll`, `afterAll`
- 26. گروهبندی تستها (describe)
- 27. پوشش کد (Code Coverage) و چگونگی سنجش آن
- 28. تنظیم Jest برای محاسبه پوشش کد
- 29. مقدمهای بر تست یکپارچهسازی (Integration Testing)
- 30. تفاوت تست واحد و تست یکپارچهسازی
- 31. اهمیت تست یکپارچهسازی برای سرعت
- 32. ابزارهای رایج تست یکپارچهسازی: React Testing Library
- 33. نصب و پیکربندی React Testing Library
- 34. نوشتن اولین تست یکپارچهسازی با React Testing Library
- 35. مفهوم Querying elements
- 36. انواع Querying elements (getByText, getByRole, getByLabelText, etc.)
- 37. انتخاب بهترین Query برای هدف تست
- 38. تست کردن تعاملات کاربر (user interactions)
- 39. شبیهسازی کلیک کردن (fireEvent.click)
- 40. شبیهسازی تایپ کردن (fireEvent.change)
- 41. شبیهسازی ارسال فرم (fireEvent.submit)
- 42. تست کردن async actions در تست یکپارچهسازی
- 43. استفاده از `waitFor` و `findBy`
- 44. تست کردن routing در اپلیکیشنهای SPA
- 45. تست کردن navigation بین صفحات
- 46. تست کردن props passing بین کامپوننتها
- 47. تست کردن context API
- 48. تست کردن custom hooks
- 49. استفاده از `user-event` برای شبیهسازی رفتار کاربر
- 50. بهبود سرعت اجرای تستهای یکپارچهسازی
- 51. مقدمهای بر تست End-to-End (E2E)
- 52. اهمیت تست E2E برای اطمینان از کارکرد کلی برنامه
- 53. ابزارهای رایج تست E2E: Cypress
- 54. نصب و پیکربندی Cypress
- 55. نوشتن اولین تست E2E با Cypress
- 56. مفهوم selectors در Cypress
- 57. استفاده از selectros برای یافتن المانها
- 58. شبیهسازی تعاملات کاربر در Cypress
- 59. Assertions در Cypress
- 60. نوشتن تستهای Robust با Cypress
- 61. تست کردن API responses
- 62. تست کردن forms با Cypress
- 63. تست کردن navigation و routing در Cypress
- 64. تست کردن performance در Cypress
- 65. مباحث پیشرفتهتر در Cypress
- 66. Parallel Testing در Cypress
- 67. CI/CD Integration با Cypress
- 68. استفاده از Plugins در Cypress
- 69. مقدمهای بر Performance Testing
- 70. اهمیت Performance Testing برای تجربه کاربر
- 71. متریکهای کلیدی Performance (LCP, FID, CLS)
- 72. ابزارهای Performance Testing: Lighthouse
- 73. اجرای Lighthouse در مرورگر
- 74. تفسیر نتایج Lighthouse
- 75. ابزارهای Performance Testing: WebPageTest
- 76. اجرای WebPageTest
- 77. تفسیر نتایج WebPageTest
- 78. اهمیت تستهای Performance در چرخه توسعه
- 79. مکانیسمهای پیادهسازی Performance Tests در CI/CD
- 80. خودکارسازی Performance Tests
- 81. انواع تستهای Performance: Load Testing
- 82. ابزارهای Load Testing: k6
- 83. مقدمهای بر ابزارهای Load Testing
- 84. اصول Load Testing
- 85. نوشتن اسکریپتهای Load Testing با k6
- 86. اجرای Load Tests
- 87. تفسیر نتایج Load Tests
- 88. انواع تستهای Performance: Stress Testing
- 89. مفهوم Stress Testing
- 90. تفاوت Load Testing و Stress Testing
- 91. تست کردن Resilience و Stability
- 92. مقدمهای بر Accessibility Testing
- 93. اهمیت Accessibility برای همه کاربران
- 94. ابزارهای Accessibility Testing: Axe
- 95. نصب و اجرای Axe
- 96. تفسیر نتایج Axe
- 97. مقدمهای بر Security Testing در فرانتاند
- 98. مفاهیم اولیه Security در فرانتاند
- 99. تست کردن XSS vulnerabilities
- 100. تست کردن CSRF vulnerabilities
SMART LEARNING PLATFORM
از مطالعه تا یادگیری ماندگار
فراتر از یک مجموعه فلشکارت؛ تجربهای تعاملی برای یادگیری، تمرین، مرور هوشمند و مشاهده مسیر پیشرفت شما، همراه با امکان دریافت گواهی پایان دوره در دورههای واجد شرایط.
مرور فاصلهدار
آمار یادگیری
گواهی دوزبانه
یادگیری را به یک مسیر قابل پیگیری تبدیل کنید
با ورود به سامانه آموزشی، محتوای دوره را بهصورت مرحلهای دنبال کنید، فلشکارتها را مرور کنید، دانش خود را با پرسشها و آزمونها بسنجید و روند پیشرفتتان را در طول مسیر ببینید.
⟳
مرور فاصلهدار هوشمند
با مرور زماندار، کارتهای تازه و کارتهای سررسیدشده را بر اساس برنامه مرور دنبال کنید. ارزیابی پاسخها به زمانبندی مرورهای بعدی کمک میکند تا تمرین متناسبتری داشته باشید.
◉
مشاهده مسیر پیشرفت
میزان مشاهده فلشکارتها، فعالیتهای مرور، عملکرد آزمونها و آمار یادگیری را بررسی کنید و تصویر روشنتری از مسیر آموزشی خود داشته باشید.
▤
یادگیری مرحلهبهمرحله
فصلها و بخشهای آموزشی را به ترتیب دنبال کنید، مطالب دیدهنشده را پیدا کنید و بدون سردرگمی به ادامه مسیر برگردید.
✓
تمرین و سنجش آموختهها
با نکتههای آموزشی، پرسش و پاسخ، کوییزها و آزمونهای پایان فصل، دانستههای خود را تمرین کنید و بخشهایی را که به توجه بیشتری نیاز دارند بشناسید.
SMART REVIEW
هر بار، مرور هدفمندتر
لازم نیست هر روز از ابتدا درباره اینکه چه چیزی را مرور کنید تصمیم بگیرید. سامانه، صف مرور روزانه را بر اساس کارتهای تازه و موعد مرور کارتها آماده میکند. شما پاسخ را ارزیابی میکنید و برنامه مرور با توجه به آن تنظیم میشود.
دوباره
برای کارتهایی که به تمرین زودتر نیاز دارند.
سخت
برای پاسخهایی که با دشواری به یاد آمدهاند.
خوب
برای پاسخهایی که بهدرستی به یاد آوردهاید.
آسان
برای کارتهایی که پاسخ آنها را بهآسانی میدانید.
برنامه مرور بر اساس ارزیابی شما تنظیم میشود؛ مرور منظم میتواند به تثبیت آموختهها کمک کند، اما بهتنهایی تضمینکننده تسلط کامل نیست.
محتوا را به شیوههای مختلف تمرین کنید
ساختار دورهها متناسب با موضوع آموزشی طراحی شده است و ممکن است انواع مختلفی از محتوا را در بر بگیرد.
نکتههای ساده
برای مرور سریع مفاهیم اصلی و نکات کلیدی.
نکتههای رسمی
برای تمرین تعاریف، اصطلاحات و بیان دقیق علمی.
کوییز
برای سنجش درک مطلب و بررسی گزینه صحیح.
پرسش و پاسخ
برای تمرین یادآوری و سنجش میزان تسلط بر مطالب.
محتوای هر دوره بر اساس ساختار و امکانات فعال همان دوره ارائه میشود.
LEARN ANYWHERE
همراه شما روی مرورگر
برای استفاده از نسخه تحت وب، کافی است با حساب کاربری خود وارد سامانه شوید. بدون نیاز به نصب یک برنامه اختصاصی، میتوانید از مرورگر سازگار روی گوشی، تبلت یا رایانه به دورههای در دسترس خود مراجعه کنید.
گوشی هوشمند
برای مطالعه در زمانهای کوتاه
تبلت و لپتاپ
برای مطالعه و مرور راحتتر
حساب کاربری شخصی
برای دسترسی به دورههای مجاز شما
COURSE COMPLETION CERTIFICATE
گواهی پایان دوره؛ ثبت دستاورد شما
در دورههایی که امکان دریافت گواهی برای آنها فعال است، میتوانید پس از تکمیل شرایط آموزشی، درخواست گواهی پایان دوره ثبت کنید.
شرایط درخواست گواهی
✓ داشتن دسترسی دارای قابلیت گواهی برای دوره مربوطه.
✓ تکمیل اطلاعات لازم در پروفایل، شامل کد ملی معتبر، عکس پرسنلی و نام و نام خانوادگی انگلیسی.
✓ مشاهده تمام فلشکارتهای فعال دوره.
✓ قبولی در آزمونهای پایان فصل، در صورت وجود آزمون برای فصلها.
فارسی و انگلیسی
پس از تأیید و انتشار، نسخههای فارسی و انگلیسی گواهی در دسترس قرار میگیرند.
استعلام آنلاین
گواهی منتشرشده دارای QR Code و لینک اختصاصی برای بررسی آنلاین اعتبار آن است.
دانلود و چاپ
پس از انتشار گواهی، امکان دریافت نسخه PDF فارسی و انگلیسی و چاپ آن فراهم است.
توجه: ثبت درخواست به معنای صدور قطعی نیست. درخواست گواهی پس از بررسی و تأیید ادمین منتشر میشود. این گواهی، گواهی پایان دوره آموزشی است و بهخودیخود معادل مدرک دانشگاهی یا مدرک رسمی مورد تأیید نهادهای دولتی نیست.
یادگیری را شروع کنید؛ پیشرفت را دنبال کنید
با تمرین منظم، مرور هدفمند و پیگیری مسیر آموزشی خود، قدمبهقدم دانش و مهارتهایتان را گسترش دهید.
هر کارت، یک قدم به جلو
امکانات محتوایی، مرور و گواهی بر اساس سطح دسترسی و تنظیمات هر دوره متفاوت است.
نگاهی به محیط سامانه
یادگیری هوشمند، قدمبهقدم
با محیط سامانه آموزشی آشنا شوید و نمونههایی از فضای یادگیری، فلشکارتها و ابزارهای مرور و تمرین را مشاهده کنید.
محیط سامانه آموزشی
برای مشاهده تصویر در اندازه بزرگتر کلیک کنید
یادگیری و مرور مطالب
برای مشاهده تصویر در اندازه بزرگتر کلیک کنید
تجربه مطالعه تعاملی
برای مشاهده تصویر در اندازه بزرگتر کلیک کنید
امکانات بیشتر سامانه
برای مشاهده تصویر در اندازه بزرگتر کلیک کنید
یادگیری فراتر از مطالعه معمولی
با فلشکارتهای آموزشی، مرور هدفمند و تمرین مستمر، مطالب را فعالانه یاد بگیرید و مسیر پیشرفت خود را دنبال کنید.
تگها:
Fast Website
Front-End
Front-end testing
JavaScript
lighthouse
PageSpeed Insights
performance optimization
performance testing
Programming
React
Speed Test
Vue.js
برنامه نویسی
بهینه سازی سرعت
تست سرعت
تست عملکرد
تست فرانتاند
فرانتاند
وبسایت سریع
نظرات
هنوز نظری ثبت نشده است.
وارد شوید تا نظر ثبت کنید.