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
-
58sIn this video, we will discover the key concepts covered in this course. FREE ACCESS
-
4m 50sUpon completion of this video, you will be able to outline how to create classes in TypeScript and convert TypeScript classes to functions. FREE ACCESS
-
3. Adding Properties to TypeScript Classes4m 2sAfter 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
-
4. Adding Functions in TypeScript Classes4m 53sThrough 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
-
5. Decorators in TypeScript3m 54sIn this video, we will outline the concept of decorators in TypeScript and how to add decorators to functions, class variables, and classes. FREE ACCESS
-
6. Creating a Simple Angular Component7mLearn how to create a component using the Angular CLI, add the component to a module, and add inline HTML to the component. FREE ACCESS
-
7. Adding Templates to Angular Components5m 9sIn 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
-
8. Working with Styles in Angular Components5m 44sDiscover how to add inline styles to an Angular component template and use style tags to add inline styles. FREE ACCESS
-
9. Adding styleUrls to Angular Components5m 8sDuring this video, you will learn how to add external style and multiple style files to Angular components. FREE ACCESS
-
10. Data Binding in Angular5m 57sUpon completion of this video, you will be able to outline how to bind data with interpolation and ngBind. FREE ACCESS
-
11. Course Summary2m 24sIn 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.
