Angular 16: Directives and Pipes

Angular 16    |    Beginner
  • 10 videos | 56m 42s
  • Includes Assessment
  • Earns a Badge
Angular 16 directives and pipes are powerful tools used to manipulate HTML element behavior and transform application data. Directives enhance HTML by enabling dynamic behavior, while pipes allow you to format and present data in various ways within a template. In this course, explore the use of conditional operators, array iteration through complex objects, and the concept of pagination. Next, compare structural directives and attribute directives and how to implement sorting for collections of data and use built-in pipes. Finally, discover how to build custom pipes for specific situations and mix JavaScript functions into TypeScript code for better data set manipulation. Upon completing this course, you will be able to implement directives and pipes and use pagination for large and complex data displays.

WHAT YOU WILL LEARN

  • Discover the key concepts covered in this course
    Outline how to use conditional operators in components and render html content
    Iterate a list of arrays and display array items in the user interface (ui)
    Iterate complex objects and render employee details from an employee array
    Define pagination, render data on the frontend, and implement pagination in the application
  • Sort data in a given list and display an updated sorted list of data
    Recognize the concept of pipes in angular and the use of built-in pipes
    Create and implement custom pipes in angular
    Perform higher-order functions, filter data from a list, and update listed data based on user input
    Summarize the key concepts covered in this course

IN THIS COURSE

  • 59s
    In this video, we will discover the key concepts covered in this course. FREE ACCESS
  • 6m 19s
    After completing this video, you will be able to outline how to use conditional operators in components and render HTML content. FREE ACCESS
  • Locked
    3.  Iterating Arrays with ngFor
    7m 24s
    Discover how to iterate a list of arrays and display array items in the user interface (UI). FREE ACCESS
  • Locked
    4.  Iterating Through Complex Objects
    7m 14s
    In this video, find out how to iterate complex objects and render employee details from an employee array. FREE ACCESS
  • Locked
    5.  Implementing Pagination in Angular
    9m 32s
    Learn how to define pagination, render data on the frontend, and implement pagination in the application. FREE ACCESS
  • Locked
    6.  Sorting List Data with Angular
    6m 48s
    During this video, discover how to sort data in a given list and display an updated sorted list of data. FREE ACCESS
  • Locked
    7.  Built-In Pipes in Angular
    3m 45s
    Through this video, you will be able to recognize the concept of pipes in Angular and the use of built-in pipes. FREE ACCESS
  • Locked
    8.  Creating Custom Pipes in Angular
    7m 23s
    Find out how to create and implement custom pipes in Angular. FREE ACCESS
  • Locked
    9.  Filtering Data in Angular
    5m 5s
    During this video, you will learn how to perform higher-order functions, filter data from a list, and update listed data based on user input. FREE ACCESS
  • Locked
    10.  Course Summary
    2m 12s
    In this video, we will summarize the key concepts covered in this course. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Course Angular 11: Introduction to Components
Rating 4.6 of 265 users Rating 4.6 of 265 users (265)
Book Pro Angular 16
Course Angular 16: Working with Angular Modules
Rating 4.8 of 5 users Rating 4.8 of 5 users (5)