این دوره با پوشش گسترده‌ای از مباحث، شما را در مسیر تسلط بر تعامل با وب راهنمایی می‌کند. در پایان این دوره، شما قادر خواهید بود:

• به طور کامل XPath را درک کرده و از آن برای یافتن هر عنصری در صفحه وب استفاده کنید، از جمله XPath مطلق و نسبی، محورها (Axes) و توابع پیشرفته.
• CSS Selectorها را به صورت حرفه‌ای به کار گیرید تا با استفاده از IDها، کلاس‌ها، ویژگی‌ها و شبه‌کلاس‌ها، عناصر مورد نظر را انتخاب کنید.
• ساختار DOM (Document Object Model) وب را به صورت عمیق بشناسید و نحوه تعامل مرورگر با محتوای صفحه را درک کنید.
• با ابزارهای توسعه‌دهنده مرورگر (Developer Tools) به صورت حرفه‌ای کار کرده و از آن‌ها برای بازرسی عناصر و اشکال‌زدایی سِلِکتورها استفاده کنید.
• SelectorsHub، ابزاری بسیار قدرتمند برای تولید و اعتبارسنجی خودکار XPath و CSS Selectorها را به طور کامل فرا بگیرید و سرعت کار خود را به طرز چشمگیری افزایش دهید.
• با TestCase Studio آشنا شوید و یاد بگیرید چگونه مراحل تست دستی خود را به صورت خودکار ضبط کرده و سِلِکتورهای مربوط به هر مرحله را به همراه اسکرین‌شات‌ها و اطلاعات دیگر، استخراج کنید.
• بهترین شیوه‌ها و نکات پیشرفته برای نوشتن سِلِکتورهای مقاوم و پایدار را بیاموزید که در برابر تغییرات کوچک در رابط کاربری وب، مقاومت کنند.
• با مثال‌های کاربردی، چگونگی استفاده از این تکنیک‌ها را در سناریوهای واقعی اتوماسیون وب (مانند Selenium یا Playwright) و خزش وب (Web Scraping) درک کنید.

شرکت در این دوره نه تنها به دانش فنی شما می‌افزاید، بلکه به طور مستقیم بر کیفیت و سرعت کار شما تأثیر مثبت می‌گذارد:

• افزایش بهره‌وری: با تسلط بر XPath و CSS Selector و استفاده از ابزارهایی مانند SelectorsHub، زمان زیادی را در یافتن و اشکال‌زدایی عناصر وب صرفه‌جویی خواهید کرد.
• ارتقاء مهارت‌های اتوماسیون: این دوره پایه و اساس مستحکمی برای اتوماسیون تست (با فریم‌ورک‌هایی مانند Selenium، Cypress، Playwright) و خزش وب فراهم می‌کند.
• کاهش خطاها: با یادگیری بهترین شیوه‌ها برای نوشتن سِلِکتورهای مقاوم، احتمال شکست تست‌ها و اسکریپت‌های اتوماسیون به دلیل تغییرات UI کاهش می‌یابد.
• یک قدم جلوتر در بازار کار: مهارت در XPath، CSS Selector و ابزارهای مربوطه، در بازار کار فناوری اطلاعات، به ویژه در نقش‌های مهندس تست، مهندس اتوماسیون، و توسعه‌دهنده وب، بسیار ارزشمند است.
• حل مشکلات پیچیده: قادر خواهید بود حتی پیچیده‌ترین عناصر وب را شناسایی و با آن‌ها تعامل کنید، که این امر در حل چالش‌های مربوط به اتوماسیون و استخراج داده بسیار کارآمد است.

این دوره به گونه‌ای طراحی شده که برای افراد با سطوح مختلف دانش قابل فهم باشد، اما داشتن پیش‌نیازهای زیر توصیه می‌شود:

• آشنایی مقدماتی با HTML: درک ساختار تگ‌ها و ویژگی‌های HTML به شما کمک می‌کند تا مفاهیم DOM و سِلِکتورها را سریع‌تر درک کنید.
• آشنایی کلی با اینترنت و مرورگرهای وب: درک چگونگی کارکرد صفحات وب و مرورگرها مفید خواهد بود.
• اشتیاق به یادگیری: مهم‌ترین پیش‌نیاز، علاقه و اشتیاق برای تسلط بر این ابزارهای قدرتمند است.
• نیازی به دانش قبلی در زمینه برنامه‌نویسی برای شروع این دوره نیست، اما اگر هدف شما استفاده از این سِلِکتورها در اسکریپت‌های اتوماسیون است، آشنایی با یک زبان برنامه‌نویسی (مانند پایتون یا جاوا) مفید خواهد بود.

۱. مقدمه‌ای بر وب، DOM و ابزارهای توسعه‌دهنده

• شرح مفاهیم اولیه وب و چگونگی بارگذاری صفحات.
• آشنایی با Document Object Model (DOM) و نحوه نمایش ساختار HTML در مرورگر.
• معرفی و آموزش استفاده از ابزارهای توسعه‌دهنده مرورگر (Developer Tools) برای بازرسی عناصر، مشاهده کد منبع و اشکال‌زدایی.

۲. تسلط کامل بر XPath

این بخش قلب دوره است و شما را با تمام جزئیات XPath آشنا می‌کند:

• XPath مطلق در مقابل XPath نسبی: تفاوت‌ها، مزایا و معایب هر یک.
• محورهای XPath (Axes): آشنایی با Child, Parent, Ancestor, Descendant, Following-sibling, Preceding-sibling و غیره برای پیمایش در DOM.
• توابع XPath: استفاده از توابع مانند text()، contains()، starts-with()، normalize-space() و last().
• عملگرهای منطقی: AND و OR در XPath.
• مثال کاربردی XPath: برای یافتن دکمه “ثبت نام” با متن خاص و کلاس مشخص: //button[contains(text(), 'ثبت نام') and @class='btn-primary']

۳. آموزش جامع CSS Selector

در این بخش، شما با قدرت CSS Selectorها برای انتخاب سریع و کارآمد عناصر آشنا می‌شوید:

• انتخاب بر اساس تگ، ID و کلاس.
• انتخاب بر اساس ویژگی‌ها (Attributes) و زیررشته‌ها.
• ترکیب‌کننده‌ها (Combinators): استفاده از Descendant, Child, Adjacent Sibling و General Sibling.
• شبه‌کلاس‌ها (Pseudo-classes): مانند :nth-child()، :first-child، :last-child و :not().
• مثال کاربردی CSS Selector: برای یافتن لینک‌های درون یک بخش با کلاس ‘sidebar’ که دارای ویژگی ‘href’ هستند: .sidebar a[href]

۴. قدرت SelectorsHub

SelectorsHub یک ابزار انقلابی است که تولید و اعتبارسنجی XPath و CSS Selector را آسان می‌کند:

• نصب و پیکربندی SelectorsHub در مرورگرهای مختلف.
• قابلیت‌های کلیدی: تولید خودکار سِلِکتورها، اعتبارسنجی، پیشنهاد سِلِکتورهای جایگزین و اشکال‌زدایی.
• افزایش سرعت توسعه و تست با استفاده از این ابزار هوشمند.
• مثال: چگونه تنها با بازرسی یک عنصر، SelectorsHub بهترین XPath و CSS Selector را به شما ارائه می‌دهد.

۵. کار با TestCase Studio

TestCase Studio ابزاری بی‌نظیر برای مستندسازی و ضبط گام به گام مراحل تست دستی است:

• نحوه نصب و راه‌اندازی TestCase Studio.
• قابلیت ضبط مراحل تعامل شما با صفحه وب به همراه جزئیات مربوط به هر عمل.
• تولید خودکار XPath و CSS Selector برای هر گام، همراه با اسکرین‌شات و داده‌های ورودی.
• کاربرد در تهیه مستندات تست، بازتولید خطاها و تسهیل فرآیند اتوماسیون.

۶. بهترین شیوه‌ها و نکات پیشرفته

این بخش شامل تجربیات عملی برای نوشتن سِلِکتورهای قوی و مقاوم است:

• نکات مربوط به پایداری سِلِکتورها در برابر تغییرات UI.
• تکنیک‌های اشکال‌زدایی پیشرفته برای یافتن و اصلاح سِلِکتورهای نادرست.
• پرورش عادت‌های خوب در انتخاب سِلِکتورها برای پروژه‌های بزرگ‌تر.