توفر هذه المهارة إرشادات شاملة لترحيل تطبيقات AngularJS القديمة إلى Angular الحديث، وتغطي الإعداد الهجين، وتحويل المكونات، وترحيل الخدمات، وأنماط التوجيه.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "angular-migration". How do I set up a hybrid AngularJS/Angular application?
النتيجة المتوقعة:
لإعداد تطبيق ه��ين، تحتاج إلى:
1. تثبيت الحزمة @angular/upgrade
2. تشغيل Angular أولاً، ثم استخدام UpgradeModule لتشغيل AngularJS
3. تكوين AppModule مع كل من BrowserModule و UpgradeModule
مثال main.ts:
```typescript
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { UpgradeModule } from '@angular/upgrade/static';
import { AppModule } from './app/app.module';
platformBrowserDynamic()
.bootstrapModule(AppModule)
.then(platformRef => {
const upgrade = platformRef.injector.get(UpgradeModule);
upgrade.bootstrap(document.body, ['myAngularJSApp'], { strictDi: true });
});
```
استخدام "angular-migration". What's the best approach for migrating a large AngularJS app?
النتيجة المتوقعة:
للتطبيقات الكبيرة، يُنصح بالنهج التدريجي (الهجين):
1. **مرحلة الإعداد**: قم بتثبيت Angular CLI، وإعداد تطبيق هجين مع ngUpgrade
2. **مرحلة البنية التحتية**: قم بترحيل الخدمات والأدوات والمكونات المشتركة
3. **ترحيل الميزات**: ق�� بترحيل ميزة تلو الأخرى، مع الاختبار بدقة
4. **مرحلة التنظيف**: قم بإزالة كود AngularJS و ngUpgrade
هذا يسمح بالتسليم المستمر أثناء ترحيل التطبيق تدريجياً.
التدقيق الأمني
آمنThis skill is a documentation file containing code examples and migration guides for AngularJS to Angular migration. Static findings flagged backticks (code fences), example API calls in code blocks, and references to assessment/setup tasks - all false positives. No actual security concerns detected.
درجة الجودة
ماذا يمكنك بناءه
تخطيط ترحيل AngularJS إلى Angular
يقوم فريق التطوير الذي يخطط لترقية تطبيق AngularJS القديم إلى Angular الحديث باستخدام هذه المهارة لفهم استراتيجيات الترحيل وإعداد تطبيق هجين.
تحويل مكونات AngularJS
يحتاج مطور يعمل على الترحيل التدريجي إلى إرشادات لتحويل وحدات التحكم والتوجيهات في AngularJS إلى مكونات Angular مع كتابة TypeScript السليمة.
تعلم أنماط ترحيل Angular
يريد مطور جديد على Angular فهم كيف يعمل حقن التبعية بشكل مختلف بين AngularJS و Angular وكيفية الجسر بين إطارين العمل.
جرّب هذه الموجهات
I need to migrate my AngularJS application to Angular. What are the main migration strategies available and which one should I choose for a large enterprise application?
How do I set up a hybrid AngularJS/Angular application using ngUpgrade? Show me the bootstrap process and module configuration.
Convert this AngularJS controller to an Angular component: (provide AngularJS code). Show me the TypeScript component with proper imports and decorators.
How do I downgrade an Angular service to make it available in AngularJS, and how do I upgrade an AngularJS factory to work in Angular?
أفضل الممارسات
- ابدأ الترحيل بالخدمات أولاً حيث أنها أسهل في التحويل من مكونات واجهة المستخدم
- استخدم TypeScript من البداية للاستفادة من سلامة الأنواع أثناء الترحيل
- اختبر باستمرار في كل خطوة لاكتشاف المشكلات مبكراً في عملية الترحيل
- اتبع دليل نمط Angular الرسمي لجميع الأكواد الجديدة المكتوبة أثناء الترحيل
تجنب
- تجنب التحويلات الكبيرة المفاجئة بدون التحقق من الترحيل السليم وخطط التراجع
- لا تقم بترحيل مكونات واجهة المستخدم قبل ترحيل منطق الأعمال والخدمات
- تجنب خلط أنماط AngularJS و Angular بشكل غير متسق داخل نفس الميزة