Angular 11: Introduction to Components

Angular 11    |    Beginner
  • 11 Videos | 38m 51s
  • Includes Assessment
  • Earns a Badge
Angular is a commonly-used language among experienced developers moving into full stack development. Through templating, two-way binding, modularization, RESTful API handling, dependency injection, and AJAX handling, Angular provides the tools needed to build interactive and dynamic single-page applications. This course elevates a basic working knowledge of Angular by guiding you on some more advanced practices. Learn to create classes in TypeScript and add properties and functions to TypeScript classes. Define decorators in JavaScript and create a simple Angular component. Add templates, styles, and styleUrls to Angular components. Furthermore, investigate binding data with interpolation and ng-bind. After taking this course, you'll be able to use components in Angular to make the most of this dynamic web framework.

WHAT YOU WILL LEARN

  • discover the key concepts covered in this course
    define object-oriented programming concepts and outline how to create classes in TypeScript and convert TypeScript classes to functions
    describe how to add private and public properties to a TypeScript class and explain the use of public properties outside the class
    describe how to add functions to a TypeScript class and explain how to access public property in a class function
    describe 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
    describe what's meant by binding state variables with interpolation, calling functions and mathematical expressions inside interpolation, the use of "ng-bind" for interpolating data, and the use of ng-bind with different HTML elements
    summarize the key concepts covered in this course

IN THIS COURSE

  • Playable
    1. 
    Course Overview
    1m 9s
    UP NEXT
  • Playable
    2. 
    Creating Classes in TypeScript
    3m 15s
  • Locked
    3. 
    Adding Properties to TypeScript Classes
    2m 13s
  • Locked
    4. 
    Adding Functions in TypeScript Classes
    2m 16s
  • Locked
    5. 
    Defining Decorators in TypeScript
    2m 17s
  • Locked
    6. 
    Creating a Simple Angular Component
    5m 24s
  • Locked
    7. 
    Adding Templates to Angular Components
    4m 7s
  • Locked
    8. 
    Working with Styles in Angular Components
    4m 52s
  • Locked
    9. 
    Adding styleUrls to Angular Components
    3m 45s
  • Locked
    10. 
    Data Binding in Angular
    3m 33s
  • Locked
    11. 
    Course Summary
    1m 28s

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

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

Digital badges are yours to keep, forever.