Working with App Components

Angular 2    |    Intermediate
  • 10 videos | 39m 19s
  • Includes Assessment
  • Earns a Badge
Rating 4.8 of 5 users Rating 4.8 of 5 users (5)
Once the Angular environment is configured, you can begin development. Explore how to create and use custom components as part of building a basic Angular application.

WHAT YOU WILL LEARN

  • Create external template files for components
    Create a new component in an angular app
    Set up a component-specific css when defining a component
    Set up template expressions for runtime evaluation using curly braces
    Bind html attributes to component values using square brackets
  • Bind html events to components using brackets
    Set up two-way data binding between a component and its markup
    Pass input data into a component using the @input decorator
    Pass event information out of a component using @output and eventemitter

IN THIS COURSE

  • 2m 20s
    Learn how to create external template files for components. FREE ACCESS
  • 4m 5s
    In this video, you will learn how to create a new component in an Angular app. FREE ACCESS
  • Locked
    3.  Adding Styles to a Component
    3m 47s
    In this video, you will set up component-specific CSS when defining a component. FREE ACCESS
  • Locked
    4.  Using Interpolation
    2m 52s
    In this video, you will set up template expressions for runtime evaluation using curly braces. FREE ACCESS
  • Locked
    5.  Using Property Bindings
    2m 38s
    In this video, you will learn how to bind HTML attributes to component values using square brackets. FREE ACCESS
  • Locked
    6.  Using Event Bindings
    3m 43s
    Learn how to bind HTML events to components using brackets. FREE ACCESS
  • Locked
    7.  Using Two-way Data Bindings
    3m 55s
    In this video, find out how to set up two-way data binding between a component and its markup. FREE ACCESS
  • Locked
    8.  Providing Input Data to Components
    4m 51s
    In this video, you will pass input data into a component using the @Input() decorator. FREE ACCESS
  • Locked
    9.  Sending Component Events as Outputs
    6m 51s
    In this video, you will use @Output and EventEmitter to pass event information out of a component. FREE ACCESS
  • Locked
    10.  Exercise: Creating a Simple Angular 2 Application
    4m 18s

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 Bootcamp July 2023: Session 1 Replay
Rating 4.8 of 15 users Rating 4.8 of 15 users (15)
Channel Wintellect Angular
Course Angular 11: Introduction to Components
Rating 4.6 of 265 users Rating 4.6 of 265 users (265)