تعلم إطار العمل Angular من Google لتطوير تطبيقات ويب قوية ومتقدمة
Angular هو إطار عمل مفتوح المصدر طورته Google لبناء تطبيقات الويب والهاتف. تم إطلاقه لأول مرة في عام 2010 باسم AngularJS، ثم أعادت Google كتابته بالكامل في عام 2016 ليصبح Angular 2+. يُستخدم Angular على نطاق واسع في المؤسسات الكبرى.
يتميز Angular byاستخدام TypeScript كلغة أساسية، ويوفر بنية قوية ومتكاملة لتطوير التطبيقات الكبيرة والمعقدة مع ميزات مثل حقن التبعية والـ Routing والـ Forms وغيرها.
استخدام TypeScript للكتابة الآمنة والكود القابل للصيانة
نظام مكونات قوي قائم على الـ TypeScript
نظام حقن تبعية مدمج لإدارة الخدمات
نظام تنقل مدمج للصفحات في تطبيق SPA
نظام نماذج متقدم (Template-driven و Reactive)
أداء عالي مع تقنية change detection
تطبيقات كبيرة ومعقدة للشركات
تطبيقات صفحة واحدة متكاملة
تطبيقات جوال مع NativeScript أو Ionic
تحسين SEO مع Angular Universal
تطبيقات سطح المكتب مع Electron
بناء متاجر إلكترونية متكاملة
الوحدات الأساسية التي تتكون منها التطبيقات
خدمات قابلة للحقن لتشارك البيانات والمنطق
تجميع المكونات والخدمات في وحدات
التنقل بين المكونات والصفحات
معالجة النماذج بشكل تفاعلي
برمجة تفاعلية للتعامل مع البيانات
import { Component }
from
'@angular/core';
@Component({ selector:
'app-root', template:
` <h1>مرحباً, {{ name }}!</h1>
`
})
export class
AppComponent { name =
'أحمد'; }
import { Injectable }
from
'@angular/core';
@Injectable({ providedIn:
'root'
})
export class
DataService {
getData() {
return ['أحمد', 'محمد',
'علي']; } }
import { Component }
from
'@angular/core';
import { DataService }
from
'./data.service';
@Component({ selector:
'app-list', template:
` <ul> <li *ngFor="let item of
items">{{ item }}</li> </ul>
`
})
export class
ListComponent { items:
string[];
constructor(private
dataService: DataService) {
this.items =
this.dataService.getData(); } }
طريقة بسيطة تستخدم directives في Template. مناسبة للنماذج البسيطة والسريعة.
طريقة أكثر قوة باستخدام TypeScript. مناسبة للنماذج المعقدة مع التحقق الديناميكي.
أداة سطر أوامر لإنشاء وإدارة المشاريع
محرر موصى به مع Extensions
تطوير تطبيقات جوال هجينة
Server-Side Rendering
اختبار الوحدات والمكونات
مكتبة مكونات UI جاهزة
تعلم أساسيات TypeScript لأن Angular يعتمد عليه تماماً
إنشاء مكونات وفهم الـ Templates والـ Styles
استخدام directives المدمجة وإنشاء pipes مخصصة
إنشاء خدمات واستخدام حقن التبعية
التنقل بين الصفحات ومعاملات المسارات
التعلم Template-driven و Reactive Forms
جلب البيانات من APIs والتعامل مع Observables
تنسيق البيانات باستخدام pipes مدمجة ومخصصة
اختبار المكونات والخدمات مع Jasmine
تعلم NgRx أو Signals لإدارة الحالة
مطورو Angular من أكثر المطورين طلباً في سوق العمل: