الانتقال إلى المحتوى الرئيسي
الأكاديمية
مبتدئ حيّ الكود

Angular

إطار عمل متكامل للتطبيقات الكبيرة.

Angular is a complete framework from Google for building large web applications in TypeScript. Everything a big team needs comes in one box: components, a router, forms, an HTTP client, dependency injection, testing tools and a powerful command-line interface. This track teaches modern Angular: standalone components, signals, the built-in @if and @for blocks, and the inject(), input() and output() functions.

You already know TypeScript, so every lesson goes straight to what Angular adds, with examples from Nova, a small social app: a like button, a leaderboard, a profile page and a feed that loads from an API.

الدروس
١٤
الوقت
٢ ساعة
المستوى
مبتدئ

دروس هذا المسار بالإنجليزية حاليًا.

  • البرونز متاحة
  • الفضة متاحة
  • الذهب مقفلة

مستعد لإثبات نفسك؟

ثلاثة امتحانات في انتظارك: البرونز والفضة والذهب.

إلى الامتحانات

ما ستتمكن من فعله

  • Create standalone components with templates, styles and bindings
  • Hold state in signals and derive values with computed
  • Render conditions and lists with @if, @for and @switch
  • Share data and logic through services and dependency injection
  • Build pages with the router, load JSON with HttpClient and validate reactive forms
  • Fetch data reactively with RxJS, defer heavy blocks and write unit tests with TestBed

الرحلة

  1. ١
    الوحدة ١

    Components and signals

    What Angular gives you, your first standalone component, state with signals, and control flow in templates.

    ٠ / ٥
  2. ٢
    الوحدة ٢

    Services and data

    Dependency injection, inputs and outputs, routing, HTTP and reactive forms.

    ٠ / ٥
  3. ٣
    الوحدة ٣

    Going further

    RxJS, deferred loading with server rendering, and tests: the road to production Angular apps.

    ٠ / ٤

التنقل السريع