Learn all about Angular 2's robust tool set for applications with this course. First, you will explore routing and MVC frameworks. By watching this course, you will gain an understanding of directives and displaying html from both a structural and attribute perspective and you will learn how services can make code reuse easier. Finally, you'll dive into HTTP services for data retrieval and the formatting of data using pipes. After completing this course, you'll have a better understanding of the tools Angular 2 offers.
Lesson 1:
- Introduction to Routing
- How to Enable Routing
- Configuring Routing
- Import Routing Objects
- Configure Routes
- Add Router-Outlet Placeholder
- Create Links
- Navigating Programmatically
- Passing Parameters
- Defining Parameters
- Creating Link with Parameters
- Optional Parameters
- Accessing Parameters
- Reading Parameter Values
- Demo: Introducing the Components
- Demo: Defining the Routes
- Demo: Accessing and Using the Routes
- Demo: Adding the Links
- Demo: Linking Programmatically
- Demo: Pulling Data from the URL Path
- Demo: Form Anomaly
Lesson 2:
- What Are Directives?
- Types of Directives
- Attribute Directives
- Structural Directives
- ngFor
- Using ngFor
- ngIf
- ngSwitch
- Demo: Setup
- Demo: ngFor
- Demo: ngIf
- Demo: Get Info from ContactList
- Demo: ngSwitch
- Demo: Default
- Custom Directives
- Setting Values
- Using the Directive
- Demo: Custom Directive
- Demo: Custom Directive Cont..
Lesson 3:
- What Are Services?
- How to Create a Service
- What Is Dependency Injection?
- How to Inject the Service
- Sharing Data in Components
- Implementing a Singleton
- Demo: Setup
- Demo: Add a Service
- Demo: Add Contact
- Demo: Global Service
Lesson 4:
- HTTP Service Calls
- What are RESTful Services
- Demo: Installing the MongoDB
- Demo: Testing with Postman
Lesson 5:
- Angular2 Support for REST
- Import Libraries
- HTTP REST Functions
- Bind Data to Form
- Get Function
- Insert Function
- Delete Function
- Update Function
- Demo: Updating the Contact Object
- Demo: Updating the Contacts Service
- Demo: Updating the Contacts Service Components
- Demo: Final Update and Testing/Debugging
- Demo: Update and; Delete Services
Lesson 6:
- Angular2 Pipes
- What is Missing in Angular2?
- Built-In Pipes
- Using Pipes
- Pipes with Parameters
- Creating Custom Pipes
- Demo: Built-In Pipes
- Demo: Date Pipes
- Demo: Custom Filters - Sort
- Demo: Custom Filters - Filter
- Demo: Add a Text Box and Review
- Last Word on Pipes
- Pure Pipes
- Impure Pipes.
