معرفی دوره

در این دوره عملی و پروژه‌محور، با متدولوژی Test Driven Development یا توسعه مبتنی بر تست آشنا می‌شوید و در قالب یک پروژه ساخت بازی Wordle با استفاده از فریم‌ورک Vue.js نسخه ۳، تمامی مراحل طراحی، پیاده‌سازی و تست‌نویسی پیش از کدنویسی را تجربه خواهید کرد. مدرس دوره، با سبک آموزشی قدم به قدم، شما را از نصب ابزارها تا انتشار نهایی پروژه هدایت می‌کند.

آنچه در این دوره یاد می‌گیرید

• مفاهیم پایه و اهمیت توسعه مبتنی بر تست (TDD) در پروژه‌های وب
• نصب و پیکربندی ابزارهای مورد نیاز: Vue CLI، Vitest و Testing Library
• ساختاردهی پروژه Vue.js با بهترین شیوه‌ها
• نوشتن اولین تست‌ها و مشاهده خطاها (Red-Green-Refactor)
• طراحی کامپوننت‌های قابل تست مثل GuessInput و WordGrid
• مدیریت وضعیت با استفاده از Pinia و تست استیت منیجر
• پیاده‌سازی منطق بازی Wordle و تست اختصاصی الگوریتم مقایسه حروف
• استفاده از Mocking برای شبیه‌سازی ورودی/خروجی و فراخوانی API
• بهینه‌سازی و اصلاح کد پس از عبور تمامی تست‌ها
• ساخت گزارش تست و آنالیز پوشش (Coverage)
• آماده‌سازی برای دیپلوی و انتشار پروژه روی Vercel یا Netlify

مزایای این دوره

• یادگیری واقعی TDD از پایه تا پیشرفته
• تجربه عملی در یک پروژه جذاب و قابل ارائه
• افزایش کیفیت و قابل نگهداری بودن کدها
• افزایش اعتماد به نفس هنگام اضافه کردن ویژگی‌های جدید
• آشنایی با ابزارهای به‌روز اکوسیستم Vue
• بهبود چشمگیر در روند توسعه تیمی و فردی

پیش‌نیازها

• آشنایی اولیه با HTML, CSS و JavaScript
• مفاهیم پایه در Vue.js نسخه ۲ یا ۳
• درک مقدماتی از npm یا Yarn
• آشنایی مختصر با کامندلاین (CLI)
• داشتن Node.js نسخه ۱۴ یا بالاتر

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

• مقدمه و معرفی TDD
• راه‌اندازی پروژه Vue با CLI
• نوشتن اولین تست و آشنایی با چرخه Red-Green-Refactor
• ساختاردهی فایل‌ها و پوشه‌ها
• طراحی و تست کامپوننت‌های ورودی و نمایش
• پیاده‌سازی استیت منیجر با Pinia و تست آن
• طراحی منطق بازی و نوشتن تست واحد
• شبیه‌سازی API و مدیریت خطاها
• تست انتها به انتها (End-to-End) با Cypress (اختیاری)
• گزارش‌گیری پوشش تست و بهینه‌سازی نهایی
• دیپلوی روی سرویس‌های ابری

مثال‌های عملی

در طول دوره چندین مثال عملی خواهید دید که از جمله آن‌ها:

• تست تابع checkGuess(guess: string, answer: string) برای مقایسه حروف و تعیین رنگ هر خانه
• شبیه‌سازی رویداد کیبورد و بررسی رفتار کامپوننت GuessInput.vue
• آزمون استیت در Pinia و ریست صحیح داده‌ها پس از هر دور بازی
• تست کامپوننت WordGrid.vue با داده‌های استاتیک و داینامیک
• تست پوشش مسیرهای شرطی برای خطاهای ورود کاربر

هر مثال به صورت قدم‌به‌قدم بررسی شده و شما می‌توانید کد نهایی را دانلود و بررسی کنید.

نتیجه‌گیری

پس از اتمام این دوره، مهارت‌های شما در توسعه مبتنی بر تست به‌طور قابل توجهی تقویت می‌شود و می‌توانید در پروژه‌های Vue.js با اعتماد به نفس بیشتری کد بنویسید. ایجاد یک بازی Wordle کاربردی و جذاب، علاوه بر افزایش تجربه شما، یک نمونه عالی برای اضافه‌کردن به رزومه و گیت‌هاب خواهد بود.

برای دانلود رایگان دوره «Vueschool – A Wordle on Test Driven Development in Vue.js ۲۰۲۴-۲» کافیست به لینک زیر مراجعه کنید و با یک کلیک، تمام محتوای آموزشی را بی‌درنگ در اختیار داشته باشید. موفق باشید و کدنویسی سبز!