You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
6.5 KiB
76 lines
6.5 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "17b8ec8e85d99e27dcb3f73842e583be",
|
|
"translation_date": "2025-10-20T20:31:25+00:00",
|
|
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md",
|
|
"language_code": "ar"
|
|
}
|
|
-->
|
|
# المهمة: استكشاف أدوات تطوير الويب الحديثة
|
|
|
|
## التعليمات
|
|
|
|
يتضمن نظام تطوير الويب مئات الأدوات المتخصصة التي تساعد المطورين على بناء التطبيقات واختبارها وصيانتها بكفاءة. مهمتك هي البحث وفهم الأدوات التي تكمل تلك التي تم تناولها في هذا الدرس.
|
|
|
|
**مهمتك:** اختر **ثلاث أدوات** لم يتم تناولها في هذا الدرس (تجنب اختيار محررات الأكواد، المتصفحات، أو أدوات سطر الأوامر المدرجة بالفعل). ركز على الأدوات التي تحل مشاكل محددة في سير عمل تطوير الويب الحديث.
|
|
|
|
**لكل أداة، قدم:**
|
|
|
|
1. **اسم الأداة وفئتها** (مثل "Figma - أداة تصميم" أو "Jest - إطار اختبار")
|
|
2. **الغرض والفوائد** - اشرح في 2-3 جمل لماذا يستخدم مطور الويب هذه الأداة وما هي المشاكل التي تحلها
|
|
3. **رابط التوثيق الرسمي** - قدم رابطًا إلى التوثيق الرسمي للأداة أو موقعها الإلكتروني (وليس مواقع الدروس فقط)
|
|
4. **السياق الواقعي** - اذكر طريقة واحدة تناسب هذه الأداة في سير عمل التطوير المهني
|
|
|
|
## الفئات المقترحة للأدوات
|
|
|
|
فكر في استكشاف الأدوات من هذه الفئات:
|
|
|
|
| الفئة | أمثلة | ما تقوم به |
|
|
|-------|-------|-----------|
|
|
| **أدوات البناء** | Vite، Webpack، Parcel، esbuild | تجميع وتحسين الأكواد للإنتاج مع خوادم تطوير سريعة |
|
|
| **إطارات الاختبار** | Vitest، Jest، Cypress، Playwright | ضمان عمل الأكواد بشكل صحيح واكتشاف الأخطاء قبل النشر |
|
|
| **أدوات التصميم** | Figma، Adobe XD، Penpot | إنشاء نماذج أولية وتصميمات وأنظمة تصميم بشكل تعاوني |
|
|
| **منصات النشر** | Netlify، Vercel، Cloudflare Pages | استضافة وتوزيع المواقع مع التكامل المستمر والتسليم التلقائي |
|
|
| **إدارة النسخ** | GitHub، GitLab، Bitbucket | إدارة تغييرات الأكواد، التعاون، وسير العمل في المشاريع |
|
|
| **إطارات CSS** | Tailwind CSS، Bootstrap، Bulma | تسريع التصميم باستخدام مكتبات المكونات الجاهزة |
|
|
| **مديري الحزم** | npm، pnpm، Yarn | تثبيت وإدارة مكتبات الأكواد والاعتماديات |
|
|
| **أدوات الوصول** | axe-core، Lighthouse، Pa11y | اختبار التصميم الشامل والامتثال لمعايير WCAG |
|
|
| **تطوير API** | Postman، Insomnia، Thunder Client | اختبار وتوثيق واجهات البرمجة أثناء التطوير |
|
|
|
|
## متطلبات التنسيق
|
|
|
|
**لكل أداة:**
|
|
```
|
|
### [Tool Name] - [Category]
|
|
|
|
**Purpose:** [2-3 sentences explaining why developers use this tool]
|
|
|
|
**Documentation:** [Official website/documentation link]
|
|
|
|
**Workflow Integration:** [1 sentence about how it fits into development process]
|
|
```
|
|
|
|
## إرشادات الجودة
|
|
|
|
- **اختر أدوات حديثة**: اختر أدوات يتم صيانتها بنشاط وتستخدم على نطاق واسع في عام 2025
|
|
- **ركز على القيمة**: اشرح الفوائد المحددة، وليس فقط ما تقوم به الأداة
|
|
- **السياق المهني**: فكر في الأدوات التي يستخدمها فرق التطوير، وليس فقط الهواة الفرديين
|
|
- **اختيار متنوع**: اختر أدوات من فئات مختلفة لإظهار تنوع النظام البيئي
|
|
- **الحداثة**: أعط الأولوية للأدوات التي تتماشى مع اتجاهات وممارسات تطوير الويب الحالية
|
|
|
|
## معايير التقييم
|
|
|
|
| ممتاز | جيد | يحتاج إلى تحسين |
|
|
|-------|-----|----------------|
|
|
| **شرح واضح لماذا يستخدم المطورون كل أداة وما هي المشاكل التي تحلها** | **شرح ما تقوم به الأداة ولكن فقد بعض السياق حول قيمتها** | **ذكر الأدوات دون شرح الغرض أو الفوائد** |
|
|
| **تقديم روابط التوثيق الرسمية لجميع الأدوات** | **تقديم معظم الروابط الرسمية مع 1-2 مواقع دروس** | **الاعتماد بشكل رئيسي على مواقع الدروس بدلاً من التوثيق الرسمي** |
|
|
| **اختيار أدوات حديثة تُستخدم مهنيًا من فئات متنوعة** | **اختيار أدوات جيدة ولكن بتنوع محدود في الفئات** | **اختيار أدوات قديمة أو فقط من فئة واحدة** |
|
|
| **إظهار فهم لكيفية تناسب الأدوات في سير عمل التطوير** | **إظهار بعض الفهم للسياق المهني** | **التركيز فقط على ميزات الأدوات دون سياق سير العمل** |
|
|
|
|
> 💡 **نصيحة للبحث**: ابحث عن الأدوات المذكورة في إعلانات الوظائف لمطوري الويب، تحقق من استطلاعات المطورين الشهيرة، أو استكشف الاعتماديات المستخدمة في المشاريع المفتوحة المصدر الناجحة على GitHub!
|
|
|
|
---
|
|
|
|
**إخلاء المسؤولية**:
|
|
تم ترجمة هذا المستند باستخدام خدمة الترجمة بالذكاء الاصطناعي [Co-op Translator](https://github.com/Azure/co-op-translator). بينما نسعى لتحقيق الدقة، يرجى العلم أن الترجمات الآلية قد تحتوي على أخطاء أو عدم دقة. يجب اعتبار المستند الأصلي بلغته الأصلية المصدر الرسمي. للحصول على معلومات حاسمة، يُوصى بالترجمة البشرية الاحترافية. نحن غير مسؤولين عن أي سوء فهم أو تفسيرات خاطئة تنشأ عن استخدام هذه الترجمة. |