آموزش جامع Playwright با TypeScript و هوش مصنوعی - وب و API برای مبتدیان - آخرین آپدیت

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

مبانی TypeScript TypeScript Basics

• مقدمه Introduction

• مرور کلی، ویژگی‌ها و نحوه عملکرد TypeScript Overview , Features & How to TypeScript works

• پیکربندی TypeScript بخش اول TypeScript Configuration Part 1

• منابع دوره Course Material

• پیش‌نیازهای پیکربندی TypeScript Pre conditions for the Typescript Configuration

• پیکربندی TypeScript بخش دوم TypeScript Configuration Part 2

• پیکربندی GITHUB Copilot Configuring GITHUB Copilot

• راهنمای یافتن گزینه Copilot در VSCode If unable to find copilot option in vscode then watch this video

• پیکربندی GITHUB Copilot بخش دوم Configuring GITHUB Copilot Part 2

• ایجاد و اجرای برنامه ساده ۱ Create & Execute Simple Program 1

• رفع مشکلات احتمالی پیکربندی If you have issue with above video related to configuration please watch this

• ایجاد و اجرای برنامه ساده ۲ Create & Execute Simple Program 2

• ایجاد و اجرای برنامه ساده ۳ Create & Execute Simple Program 3

• انواع داده‌های اولیه: اعداد با مثال Primitive Datatypes - Numbers with examples

• انواع داده‌های اولیه: رشته، Boolean، Undefined، Null با مثال Primitive Datatypes - String , Boolean , Undefined, Null with examples

• مروری بر ثابت‌ها Overview on Constants

• مروری بر عملگرها: عملگرهای حسابی با مثال Overview on Operators - Arithmetic Operator with example

• عملگر انتساب با مثال Assignment Operator with example

• عملگر مقایسه‌ای با مثال Comparison Operator with example

• عملگر منطقی با مثال Logical Operator with example

• عملگر Ternary با مثال Ternary Operator with example

• دستورات شرطی با مثال Conditional Statements with example

• دستورات Switch با مثال Switch Statements with example

• حلقه For با مثال For loop with example

• حلقه While با مثال While loop with example

• حلقه Do While و Continue با مثال Do While loop & Continue with example

• متدهای رشته با مثال String methods with examples

• آرایه‌ها با مثال بخش اول Array with examples Part 1

• آرایه‌ها با مثال بخش دوم Array with examples Part 2

• حلقه For each با مثال For each loop with example

• توابع با مثال بخش اول Function with examples Part 1

• توابع با مثال بخش دوم Function with examples Part 2

• Function Overloading با مثال Function Overloading with example

• Arrow Function با مثال Arrow Function with example

• پارامترهای Rest با مثال Rest Parameters with example

• Tuple با مثال بخش اول Tuple with example Part 1

• Tuple با مثال بخش دوم Tuple with example Part 2

• مروری بر کلاس‌ها با مثال بخش اول Overview on Class with example Part 1

• وراثت با مثال Inheritance with example

• Method Overriding Method Overriding

• مروری بر کلمات کلیدی This و Super Overview on This & Super keyword

• سازنده (Constructor) با مثال Constructor with Example

• مروری بر کلاس‌ها با مثال بخش دوم Overview on Class with example Part 2

• اصول دسترسی (Access Modifiers) با مثال Access Modifiers with Examples

• مروری بر ماژول‌ها Overview on Module

• اینترفیس با مثال Interface with example

• مقایسه var و let با مثال var vs let with example

• سنجش دانش مبانی TypeScript Knowledge check on TypeScript Basics

مروری بر Playwright، پیکربندی، لوکیتورها، Assertions و ضبط Playwright Overview, Configuration, Locators, Assertions, Record

• مروری بر Playwright Overview on Playwright

• نصب Playwright از طریق ترمینال Install Playwright using terminal

• نصب Playwright از طریق افزونه VSCode Install Playwright using VSCode extension

• اجرای تست Playwright بخش اول Execute Playwright test - Part 1

• اجرای تست Playwright بخش دوم Execute Playwright test - Part 2

• دیباگ تست Playwright Debug Playwright test

• مروری بر فایل پیکربندی Playwright بخش اول Overview on Playwright configuration file Part 1

• مروری بر فایل پیکربندی Playwright بخش دوم Overview on Playwright configuration file Part 2

• مروری بر فایل پیکربندی Playwright بخش سوم Overview on Playwright configuration file Part 3

• مروری بر فایل پیکربندی Playwright بخش چهارم Overview on Playwright configuration file Part 4

• مروری بر فایل پیکربندی Playwright بخش پنجم Overview on Playwright configuration file Part 5

• مروری بر فایل پیکربندی Playwright بخش ششم Overview on Playwright configuration file Part 6

• اجرای تست با افزونه VSCode Execute Playwright test using VSCode extension

• اجرای تست در حالت UI mode Execute Playwright test using UI mode

• گزینه‌های Skip و ExecuteOnly Skip a test & ExecuteOnly options

• مروری بر Trace Overview on Trace

• ایجاد تست برای باز کردن یک اپلیکیشن Create a Playwright test for opening an application

• مروری بر لوکیتورها با مثال بخش اول Overview on locators with examples Part 1

• برنامه ورود به اپلیکیشن SauceDemo Program to login to SauceDemo application

• استفاده از Page.getByRole() با مثال Page.getByRole() with example

• استفاده از Page.getByLabel() و Page.getByPlaceholder() با مثال Page.getByLabel() & Page.getByPlaceholder() with example

• استفاده از Page.getByTitle() و Page.getByText() با مثال Page.getByTitle() & Page.getByText() with example

• استفاده از Page.getByAltText() و Page.getByTestId() با مثال Page.getByAltText() & Page.getByTestId() with example

• سایر لوکیتورها: لوکیتور CSS با مثال Other locators - CSS locator with examples

• مروری بر XPATH و فیلتر کردن با مثال Overview on XPATH & Filtering with examples

• مروری بر لوکیتورها با مثال بخش دوم Overview on locators with examples Part 2

• ضبط تست با افزونه VSCode | Codegen | page.pause() Record Test using VSCode Extension | Codegen | page.pause()

• حاشیه‌نویسی‌های داخلی Playwright Playwright Builtin Annotations

• مروری بر گروه‌بندی تست‌ها Overview on Group tests

• تگ کردن تست‌ها با مثال Tag tests with example

• مروری بر Hookها با مثال Overview on Hooks with examples

• تأییدیه ها (Assertions) بخش اول Assertions Part 1

• تأییدیه ها (Assertions) بخش دوم Assertions Part 2

• تأییدیه ها (Assertions) بخش سوم Assertions Part 3

• مروری بر انتظار خودکار (Auto Waiting) بخش اول Overview on Auto Waiting Part 1

• مروری بر انتظار خودکار (Auto Waiting) بخش دوم Overview on Auto Waiting Part 2

• مروری بر تایم‌اوت‌ها Overview on timeouts

• سنجش دانش مبانی Playwright Knowledge check on Playwright Basics

تعامل با المان‌های رابط کاربری (UI) Interacting with UI Elements

• نحوه مدیریت فیلدهای متنی How to handle text fields

• نحوه دریافت متن از دکمه How to get text from a button

• نحوه مدیریت Checkboxها How to handle Checkboxes

• نحوه مدیریت Radio Buttonها How to handle Radio Buttons

• نحوه مدیریت چندین چک‌باکس How to handle multiple checkboxes

• انتخاب مقدار از Dropdown بخش اول How to Select value from Dropdown Part 1

• انتخاب مقادیر از Dropdown چند انتخابی How to Select values from Multi Select Dropdown

• انتخاب مقدار از Dropdown بخش دوم How to Select value from Dropdown Part 2

• مدیریت کلیک، تایپ و کلیدها Handling Mouse Click, Type characters & Keys

• مدیریت Frameها Handling Frames

• مدیریت Tooltipها Handling Tooltips

• مدیریت Drag & Drop Handling Drag & Drop

• مدیریت Date Picker Handling Date Picker

• مدیریت جداول وب بخش اول Handling Webtables Part 1

• مدیریت جداول وب بخش دوم Handling Webtables Part 2

• مدیریت Alert بخش اول How to handle Alert Part 1

• مدیریت Alert بخش دوم How to handle Alert Part 2

• مدیریت Alert بخش سوم How to handle Alert Part 3

• مدیریت پیشنهادات خودکار Handling Auto Suggestions

• نحوه آپلود فایل‌ها How to upload files

• نحوه گرفتن اسکرین‌شات How to capture Screenshot

• نحوه ضبط ویدیو How to capture videos

• اجرای تست روی شبیه‌ساز موبایل Execute Playwright test on Mobile Emulator

• مدیریت پنجره‌های متعدد Handling Multiple Windows

• پیکربندی Playwright برای اجرای موازی Playwright configuration file - Parallel execution

• اتوماسیون سناریوهای E2E E2E Scenario automation

• مروری بر گزارش‌های داخلی با مثال Overview on built-in Reports with examples

• متغیرهای محیطی (Environmental variables) بخش اول Environmental variables Part 1

• متغیرهای محیطی بخش دوم: استفاده از env Environmental variables Part 2 - .using env

• مروری بر Fixtures با مثال بخش اول Overview on Fixtures with example Part 1

• مروری بر Fixtures با مثال بخش دوم Overview on Fixtures with example Part 2

• سنجش دانش تعامل با المان‌ها Knowledge check on Element Interactions

مدل Page Object، سفارشی‌سازی گزارش‌ها و مفاهیم پیشرفته Page Object Model, Customising Reports Advanced Concepts

• گزارش‌های سفارشی Allure Custom Reports - Allure

• مروری بر Page Object Model Overview on Page Object Model

• سناریوی Page Object Model بخش اول Page Object Model Scenario Part 1

• سناریوی Page Object Model بخش دوم Page Object Model Scenario Part 2

• سناریوی Page Object Model بخش سوم Page Object Model Scenario Part 3

• سناریوی Page Object Model بخش چهارم Page Object Model Scenario Part 4

• سناریوی Page Object Model بخش پنجم Page Object Model Scenario Part 5

• سناریوی Page Object Model بخش ششم Page Object Model Scenario Part 6

• سناریوی Page Object Model بخش هفتم Page Object Model Scenario Part 7

• مقایسه‌های بصری با مثال Visual comparisons with examples

• سنجش دانش Knowledge Check

تست API با Playwright، تست داده‌محور، GIT و GitHub Actions API Testing using Playwright, Data Driven Testing , GIT & GitHub Actions

• مروری بر API Overview on API

• مروری بر REST Overview on REST

• درخواست GET بخش اول GET Request Part 1

• درخواست GET بخش دوم GET Request Part 2

• درخواست POST POST Request

• درخواست PUT و Delete PUT & Delete Request

• خواندن داده‌ها از فایل CSV بخش اول Reading Data from CSV file Part 1

• خواندن داده‌ها از فایل CSV بخش دوم Reading Data from CSV file Part 2

• خواندن داده‌ها از فایل CSV بخش سوم Reading Data from CSV file Part 3

• خواندن داده‌ها از فایل JSON بخش اول Reading Data from JSON file Part 1

• خواندن داده‌ها از فایل JSON بخش دوم Reading Data from JSON file Part 2

• خواندن داده‌ها از فایل JSON بخش سوم Reading Data from JSON file Part 3

• مدیریت Basic Authorization Handling Basic Authorization

• مروری بر GIT Overview on GIT

• Push کردن کد در GitHub Push code into github

• مروری بر GitHub Actions و فایل Playwright.yaml بخش اول Overview on GitHub Actions & Playwright.yaml file Part 1

• مروری بر GitHub Actions و فایل Playwright.yaml بخش دوم Overview on GitHub Actions & Playwright.yaml file Part 2

• سنجش دانش Knowledge Check

پیاده‌سازی Playwright با هوش مصنوعی و Playwright MCP AI-driven implementation of the Playwright & Playwright MCP

• مروری بر هوش مصنوعی Overview on AI

• مروری بر هوش مصنوعی بخش دوم Overview on AI Part 2

• مروری بر LLM Overview on LLM

• مروری بر RAG Overview on RAG

• مروری بر Generative AI Overview on Generative AI

• مروری بر حافظه (Memory) Overview on Memory

• مروری بر AI Agent Overview on AI Agent

• مروری بر LangChain و LangGraph Overview on LangChain & LangGraph

• مروری بر MCP Overview on MCP

• مروری بر Human In the loop، توهم و گاردریل‌ها Overview on Human In the loop , Hallucination & Guardrails

• مروری بر Fine Tuning Overview on Fine-Tuning

• مروری بر Context بخش اول Overview on Context Part 1

• مروری بر پرامپت‌ها Overview on Prompts

• مروری بر Context بخش دوم Overview on Context Part 2

• مروری بر Context بخش سوم Overview on Context Part 3

• مروری بر پرامپت‌ها بخش دوم Overview on Prompts Part 2

• مقایسه ChatGPT و Copilot و CURSOR ChatGPT vs Copilot vs CURSOR

• مروری بر OpenAI Overview on OpenAI

• مروری بر مدل‌های AI Overview on AI Models

• مروری بر گردش‌کار n8n Overview on n8n workflow

• تولید API Key در OpenAI Generate API Key in OpenAI

• ایجاد گردش‌کار در n8n Create workflow in n8n

• ایجاد گردش‌کار در n8n بخش دوم Create workflow in n8n Part 2

• ایجاد گردش‌کار در n8n بخش سوم Create workflow in n8n Part 3

• ایجاد حساب JIRA برای تست Create account in JIRA for our testing purpose

• گردش‌کار n8n برای ثبت باگ در JIRA بخش اول n8n workflow for creating Bugs in JIRA Part 1

• گردش‌کار n8n برای ثبت باگ در JIRA بخش دوم n8n workflow for creating Bugs in JIRA Part 2

• مروری بر توکن‌های OpenAI Overview on OpenAI Tokens

• CURSOR: ساخت افزونه کروم برای ضبط و بازپخش CURSOR - Create a Chrome Extension for Record & Playback

• ایجاد چت عمومی در گردش‌کار n8n Create Public Chat in n8n workflow

• CURSOR: ساخت افزونه کروم برای ضبط و بازپخش بخش دوم CURSOR - Create a Chrome Extension for Record & Playback Part 2

• CURSOR: ساخت اپلیکیشن موبایل OTP Shield CURSOR - Create an OTP Shield Mobile APP

• مروری بر GPT4ALL با مثال Overview on GPT4ALL with example

• مروری بر LLM، پرامپت و MCP Overview on LLM, Prompt & MCP

• نصب Playwright MCP در VSCode Install Playwright MCP to VSCode

• ایجاد برنامه برای باز کردن bing با Playwright MCP Create & Execute a program to launch bing using Playwright MCP

• ایجاد برنامه برای ورود به saucedemo با Playwright MCP Create & Execute a program to login to saucedemo using Playwright MCP

• ایجاد Context برای انتخاب radio button در bing Create Context using which Create a program to select radio button in bing

• مدیریت پنجره‌های متعدد با Playwright MCP Create & Execute a program to handle multiple windows using Playwright MCP

• تولید تست‌کیس‌های دستی با ایجاد Context Generate Manual Test cases by creating context

• مروری بر Playwright Agents با مثال Playwright Agents Overview with example

• مروری بر Playwright CLI Overview on Playwright CLI

• نصب Playwright CLI در پروژه Install Playwright-cli to a project

• پیکربندی CLI در VSCode + Copilot و ایجاد اولین اسکریپت Configure Playwright-cli on vscode+ github copilot & create 1st script

• ایجاد اولین اسکریپت با Playwright CLI بخش دوم Create first script using playwright-cli Part 2

• ایجاد دومین اسکریپت تست با Playwright CLI Create second test script using playwright-cli

• بررسی دستورات CLI از طریق ترمینال VSCode Exploring playwright-cli commands from vscode terminal

• سشن‌های CLI، مانیتورینگ و ایجاد تست در چندین سشن Playwright-cli sessions & Monitoring & create test script in multiple sessions

• ضبط ویدیو در CLI برای تولید کل اسکریپت Playwright-cli Video Recording for entire script generation

• گرفتن Trace در Playwright CLI Playwright-cli capturing trace

پاسخ به سوالات و مشکلات دانشجویان Student Doubts & Solutions

• مدیریت پنجره‌های متعدد با Page Object Model Handling Multiple Windows using Page Object Model