Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CodeSignal

Building Components in Angular

via CodeSignal

Go to class Write review

Overview

Advance your Angular skills by learning to create multiple components, manage component interaction, and handle state through services. This course covers essential topics for building dynamic and interactive Angular applications.

Syllabus

  • Unit 1: Data Binding Between Components
    • Creating a Child Component with @Input Decorator
    • Creating a Child Component with Event Emission and Parent Handling
    • Creating a User Profile Component with @Input Decorator
    • Creating a Status Toggle Component with EventEmitter in Angular
    • Data Binding with Message Display Component
  • Unit 2: Event Handling in Angular
    • Create a Clickable Button with Event Handling in Angular
    • Handling Keyup Events in Angular
    • Handling Mouse Enter Event in Angular
    • Handling Blur Event in Angular
    • Handling Focus Events in Angular Forms
  • Unit 3: Component Lifecycle Hooks
    • Implementing ngOnInit Lifecycle Hook in Angular Component
    • Implementing ngOnChanges to Log Input Changes
    • Implementing ngOnDestroy with Dynamic Component Deletion
    • Creating a Data Fetcher Component with ngOnInit in Angular
  • Unit 4: Content and Childs of a Component
    • Creating a Message Display Component with Content Projection
    • Accessing Child Component Methods with @ViewChild in Angular
    • Creating a Child Component with Content Projection Using `<ng-content>`
    • Creating a User Profile Component with Content Projection
    • Creating a Notification Banner with Content Projection
  • Unit 5: Services and Dependency Injection
    • Create a Product Management Service and Display Products in Angular
    • Create an Order Management Service and Display Orders in Angular
    • Fixing a Task Management Service
    • Create a Book Management Service and Display Component in Angular
    • Creating and Injecting a User Management Service in Angular

Reviews

Start your review of Building Components in Angular

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.