مرحبا بكورس Playwright

مقال مجاني 4 دقيقة

مقدمة

مرحبا ويعطيكم العافية وأهلا وسهلا فيكم في كورس احترف Playwright — الدليل الكامل.

أول شيء: شكراً إنك وصلت لهون. هاد الكورس أخذ مني شهور تحضير وتسجيل، وكل درس فيه انكتب وانعاد تسجيله لحد ما صار زي ما بدي إياه بالضبط.

وثاني شيء، وهو الأهم: هاد الكورس عملي من أول درس لآخر درس. ما في سلايدات، وما في تعاريف بتحفظها. كل مفهوم رح تشوفه بالكود على شاشة حقيقية، مع الأخطاء اللي بتطلع وكيف بتتحل.

خذ وقتك بهاد القسم الصغير — ثلاث دروس بس — لأنه رح يوفر عليك أسابيع.


الأهداف التعليمية

بنهاية هاد الدرس، رح تكون قادر على:

  • تعرف بالضبط شو رح تطلع فيه من هاد الكورس
  • تفهم ليش الكورس مرتب بهاد الشكل تحديداً
  • تعرف قد إيش الكورس بدّه منك، وقد إيش رح يعطيك
  • تقرر إذا هو مناسب إلك قبل ما تصرف عليه وقتك

شو رح تبني بنهاية الكورس؟

مش سكريبت. مش تمارين متفرقة. مشروع أتمتة كامل، بنفس الشكل اللي الشركات بتشتغل فيه:

  • بنية مجلدات منظمة يقدر فريق يشتغل عليها
  • Page Object Model كامل، مع Components
  • اختبار API لحاله، وبعدين مدموج جوا الـ E2E حتى يسرّع تستاتك
  • Custom Fixtures بتبنيها بإيدك
  • ملف playwright.config مضبوط للتشغيل المتوازي و الـ Retries و الـ Reporters
  • الـ Routing واعتراض الطلبات، وaddLocatorHandler للحواجب المفاجئة

وكل هاد على تطبيقات حقيقية شغالة، مش على مواقع تجريبية.

وفوقهم في مقالات مرجعية بتغطي اللي ما بينعمل على الشاشة — زي تشغيل الـ Tests على GitHub Actions، وهيكلة الـ Framework بـ Base Page و Helpers، ومراجع كاملة للـ Locators و الـ Actions و الإعدادات.

معلومة
الكورس فيه 17 قسم، والترتيب مدروس مش عشوائي. الدرس الجاي بيشرح الخريطة كاملة — وشو تقدر تتخطى منها إذا كنت بتعرفه.

ليش Playwright؟

خليني أكون صريح: الأداة مش هي القصة. الأدوات بتتغير كل سنتين، واللي بيفرق هو إنك تفهم شو بتعمل وليش.

بس Playwright تستحق وقتك لأسباب حقيقية:

  • بتستنى لحالها. ما في sleep ولا انتظارات يدوية — وهاد لحاله بيشيل أكبر مصدر للتستات المتذبذبة.
  • بتشتغل على كل المتصفحات — Chromium و Firefox و WebKit — بنفس الكود.
  • أدوات التشخيص تبعها هي الأفضل بالسوق. الـ Trace Viewer بيعطيك الصفحة كاملة بكل خطوة بعد ما تفشل التست.
  • من Microsoft، وبتتطور بسرعة، والتوثيق تبعها ممتاز.

بس النقطة الأهم: كل اللي رح تتعلمه هون عن التفكير بالأتمتة بيضل معك حتى لو غيّرت الأداة بكرا.


قد إيش الكورس بدّه منك؟

بصراحة كاملة، حتى تعرف على ماذا داخل:

ما بدّه خبرة برمجة سابقة. JavaScript و TypeScript جوا الكورس — ثلاث أقسام كاملة. إذا بتعرفهم، تخطاهم.

بدّه إنك تكتب كود. ما تتفرج بس. افتح المحرر، اكتب معي، اكسر الأشياء وشوف شو بيصير. الدروس اللي بتتفرج عليها بتنسى؛ اللي بتكتبها بتضل.

بدّه صبر على قسم الأساسيات. القسم اللي بعد هاد — أفضل الممارسات — ممكن يبين لك نظري وأنت متحمس تبلش Playwright. ما تتخطاه. هو الفرق بين حدا بيكتب تستات وحدا بيبني نظام أتمتة.


كيف تستفيد منه أكثر شيء؟

  • امشِ بالترتيب إلا لو كنت بتعرف اللغة — الترتيب مبني على بعضه.
  • اكتب الكود معي، وقّف الفيديو وجرّب.
  • اقرأ المقالات، ما تتخطاها. المقالات مش حشو — كل وحدة فيها بتغطي شيء الفيديو ما بيغطيه: مراجع كاملة، جداول قرار، وأخطاء شائعة.
  • ارجع للمراجع. في مقالات مبنية عشان ترجعلها بعد شهور، مش عشان تقرأها مرة.
نصيحة
إذا وقفت بمكان أو في شيء مش واضح، ارجع للدرس اللي قبله. الأتمتة بتنبنى بالتراكم — نادراً ما بتكون المشكلة بالدرس اللي واقف فيه، غالباً بمفهوم قبله.

خلاصة الدرس

  1. الكورس عملي بالكامل — كل مفهوم بالكود على شاشة حقيقية، مش سلايدات.
  2. بنهايته بتكون بنيت مشروع أتمتة كامل: Page Objects، API، Fixtures، وconfig مضبوط — وقرأت مقالات مرجعية بتغطي الـ CI وهيكلة الـ Framework.
  3. ما بيفترض خبرة برمجة — JavaScript و TypeScript جوا الكورس، وتقدر تتخطاهم إذا بتعرفهم.
  4. الأداة مش القصة. التفكير بالأتمتة هو اللي بيضل معك لما تتغير الأدوات.
  5. ما تتخطى قسم أفضل الممارسات — هو الفرق بين كتابة تستات وبناء نظام أتمتة.

في الدرس الجاي: خريطة الكورس كاملة — كل قسم وشو فيه، وشو تقدر تتخطى وشو ما تتخطاه أبداً.

يلا، نلتقي بالدرس الجاي!