مرحبًا بكم في Angular 19!

Angular هو إطار عمل شائع يُستخدم لبناء تطبيقات ويب حديثة بسهولة. في هذا الدرس، ستتعلّمون كيفية إعداد بيئتكم وإنشاء أول تطبيق Angular لكم.

ما هو Angular؟

Angular هو إطار عمل أنشأته Google لبناء تطبيقات ويب ديناميكية بسهولة. ويستخدم المكوّنات لتنظيم تطبيقكم بوضوح.

لماذا تختارون Angular؟

• سهل التعلّم
• كود منظّم ومرتب
• دعم من Google ومجتمع كبير

تثبيت Node.js

يتطلب Angular تثبيت Node.js. زوروا الموقع الرسمي لـ Node.js، ثم نزّلوا إصدار LTS وثبّتوه.

تثبيت Angular CLI

يساعدكم Angular CLI على إدارة مشروعكم. افتحوا الطرفية وشغّلوا الأمر التالي:

npm install -g @angular/cli

npm install -g @angular/cli

إنشاء أول مشروع Angular لكم

استخدموا CLI لإنشاء مشروع Angular جديد باسم 'my-app'. شغّلوا:

ng new my-app

ng new my-app

تشغيل تطبيق Angular الخاص بكم

انتقلوا إلى مجلد المشروع وابدؤوا تشغيل تطبيقكم باستخدام:

ng serve --open

ng serve --open

بنية المشروع

تتمتع مشاريع Angular ببنية واضحة. ومن الملفات والمجلدات المهمة:

• src: ملفات مصدر التطبيق.
• app: يحتوي على المكوّنات الخاصة بكم.
• assets: ملفات ثابتة مثل الصور.

تهانينا!

لقد أنشأتم وشغّلتم أول تطبيق Angular 19 لكم. أنتم مستعدون للتعمّق أكثر في Angular!