Angular 16: Introduction to Components

Angular 16    |    Beginner
  • 11 videos | 49m 57s
  • Earns a Badge
Angular components are the heart of Angular applications. These components use TypeScript, a subset of JavaScript that uses classes, so properties and functions can be added to the classes you build. In this course, learn how to create classes in TypeScript, add properties and functions to TypeScript, and add decorators to functions, class variables, and classes. Next, discover how to create a simple Angular component, add styling to Angular components, and distinguish between inline styles with templates and external styles with templateURLs. Finally, learn about binding data with interpolation and ngBind. After taking this course, you'll be able to build components in Angular that incorporate the object-oriented programming (OOP) paradigm.

WHAT YOU WILL LEARN

  • Discover the key concepts covered in this course
    Outline how to create classes in typescript and convert typescript classes to functions
    Identify how to add private and public properties to a typescript class and use public properties outside the class
    Describe how to add functions to a typescript class and access a public property in a class function
    Outline the concept of decorators in typescript and how to add decorators to functions, class variables, and classes
    Create a component using the angular cli, add the component to a module, and add inline html to the component
  • Add a multi-line template to an angular component and an external template to a react component
    Add inline styles to an angular component template and use style tags to add inline styles
    Add external style and multiple style files to angular components
    Outline how to bind data with interpolation and ngbind
    Summarize the key concepts covered in this course

IN THIS COURSE

  • 58s
    In this video, we will discover the key concepts covered in this course. FREE ACCESS
  • 4m 50s
    Upon completion of this video, you will be able to outline how to create classes in TypeScript and convert TypeScript classes to functions. FREE ACCESS
  • Locked
    3.  Adding Properties to TypeScript Classes
    4m 2s
    After completing this video, you will be able to identify how to add private and public properties to a TypeScript class and use public properties outside the class. FREE ACCESS
  • Locked
    4.  Adding Functions in TypeScript Classes
    4m 53s
    Through this video, you will be able to describe how to add functions to a TypeScript class and access a public property in a class function. FREE ACCESS
  • Locked
    5.  Decorators in TypeScript
    3m 54s
    In this video, we will outline the concept of decorators in TypeScript and how to add decorators to functions, class variables, and classes. FREE ACCESS
  • Locked
    6.  Creating a Simple Angular Component
    7m
    Learn how to create a component using the Angular CLI, add the component to a module, and add inline HTML to the component. FREE ACCESS
  • Locked
    7.  Adding Templates to Angular Components
    5m 9s
    In this video, find out how to add a multi-line template to an Angular component and an external template to a React component. FREE ACCESS
  • Locked
    8.  Working with Styles in Angular Components
    5m 44s
    Discover how to add inline styles to an Angular component template and use style tags to add inline styles. FREE ACCESS
  • Locked
    9.  Adding styleUrls to Angular Components
    5m 8s
    During this video, you will learn how to add external style and multiple style files to Angular components. FREE ACCESS
  • Locked
    10.  Data Binding in Angular
    5m 57s
    Upon completion of this video, you will be able to outline how to bind data with interpolation and ngBind. FREE ACCESS
  • Locked
    11.  Course Summary
    2m 24s
    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: Working With Nested Components
Rating 4.4 of 94 users Rating 4.4 of 94 users (94)
Course Angular 11: Services & Dependency Injection
Rating 4.5 of 64 users Rating 4.5 of 64 users (64)
Channel Learn Angular