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

CodeSignal

Advanced Angular Concepts

via CodeSignal

Go to class Write review

Overview

Delve deeper into Angular by exploring advanced concepts such as template-driven and reactive forms, attribute and structural directives, and internationalization (i18n). This course is designed for developers who have a basic understanding of Angular and want to enhance their skills for building robust and scalable applications.

Syllabus

  • Unit 1: Basic State Management Techniques
    • Resetting User State in UserStore Service
    • Enhancing UserStore with Login Status Update
    • Enhancing UserStore with Age Update Method
    • Implementing User Profile State Management in Angular
    • Implementing a User Premium Status Toggle in Angular
  • Unit 2: Template-Driven Forms and Form Validation
    • Add Minlength Validator to Username Input
    • Add Maxlength Validator to Password Input
    • Adding Custom Email Validator in Angular Form
    • Implement a Form with Validation and Conditional Submit Button
    • Adding Pattern Validation to Phone Number Input in Angular Forms
  • Unit 3: Complex Forms with Reactive Forms
    • Creating a Reactive Form with Custom Phone Number Validator
    • Enhancing Reactive Form with Dynamic Email Management
    • Creating a Nested Reactive Form for User Profile Management
    • Enhance Reactive Form with Custom Username Validator
    • Creating a Reactive Form with a Past Date Validator
  • Unit 4: Attribute Directives in Angular
    • Using ngClass to Toggle Text Color
    • Using ngStyle to Underline Links on Hover
    • Creating a Custom Attribute Directive for Font Size Toggle
    • Creating a Custom Attribute Directive for Shadow Effect
    • Creating a Custom Attribute Directive for Element Rotation
  • Unit 5: Structural Directives in Angular
    • Using a Custom Structural Directive for Role-Based Content Display
    • Iterating Over Planets with *ngFor
    • Creating a Custom Structural Directive for Teenage detection
    • Creating a Custom Structural Directive for Conditional Warnings
    • Creating a Custom Structural Directive for Future Date Validation
  • Unit 6: Internationalization in Angular
    • Extracting Translatable Strings with Angular CLI
    • Creating a Translation File for a New Language in Angular
    • Implementing i18n in an Angular Component
    • Enhancing Angular Component with Spanish Translation

Reviews

Start your review of Advanced Angular Concepts

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.