Angular: Building an Interface

2h 20mIntermediate2019-01-11

Authors

Ray Villalobos

Senior Staff Instructor at LinkedIn Learning

Course details

Angular was built specifically to connect users to services, and interfaces are where that connection happens. In this practical, hands-on course, get started with Angular by learning how to use it to build an interface. Ray Villalobos demonstrates how to start an Angular project right with the command line interface (CLI), before taking a closer look at components and events, as well as how to manage list data. By showing how to build something realistic—a form that lets users add appointments for a business—Ray helps you grasp how to solve real problems with this popular JavaScript framework.

Learning objectives
Building custom Angular projects
Working with subcomponents
Adding icons
Adding search functionality
Using lifecycle methods
Managing list data
Indexing your data
Updating records

Skills covered

AngularFront-End Web DevelopmentProjectWeb DevelopmentOpen Source

Concepts

0. Introduction

01 - Building an interface with Angular
02 - Using the exercise files

1. Building Custom Angular Projects

03 - Working with the Angular CLI
04 - Understanding a CLI project
05 - Exploring your src folder
06 - Adding your own node modules
07 - Understanding the sample application
08 - Customizing an application

2. Working with Subcomponents

09 - Scaffolding your application
10 - Lifecycle events when importing data
11 - Passing data to subcomponents
12 - Adding icons
13 - Cross-component events
14 - Filtering dates with pipes

3. Creating More Subcomponents

15 - Using NgClass to toggle classes
16 - Managing form submission
17 - Creating your search component

4. Managing List Data

18 - Creating a modified list
19 - Sorting your list
20 - Modifying drop-down display
21 - Controlling sorting
22 - Indexing your data
23 - Updating records

Conclusion

24 - Next steps