Angular: Building an Interface

Angular: Building an Interface

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 2h 20m | 451 MB

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.

Topics include:

  • Building custom Angular projects
  • Working with subcomponents
  • Adding icons
  • Adding search functionality
  • Using lifecycle methods
  • Managing list data
  • Indexing your data
  • Updating records
Table of Contents

Introduction
1 Building an interface with Angular
2 Using the exercise files

Building Custom Angular Projects
3 Working with the Angular CLI
4 Understanding a CLI project
5 Exploring your src folder
6 Adding your own node modules
7 Understanding the sample application
8 Customizing an application

Working with Subcomponents
9 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

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

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