Learn your way! Get started

Learning Angular, Part 4 of 7: Routing and Pipes

with expert Bharath Thipireddy

Watch trailer

Course at a glance

Included in these subscriptions:

Dev & IT Pro Video
Dev & IT Pro Power Pack

	Release date	9/15/2019
	Level	Intermediate
	Runtime	1h 33m
	Closed captioning	N/A
	Transcript	N/A
	eBooks / courseware	N/A
	Hands-on labs	N/A
	Sample code	Included
	Exams	Included

Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

This course on Angular 6 implements a get products service method as well as a component view. It will implement and test this as well as show refactoring. Next, it covers routing, and how to add routes, paths and actions and finally finishes with how to use the very powerful feature of Pipes and slicing in Angular.

Prerequisites

Experience with JavaScript, TypeScript and also of Java Sprint Boot for work on the Java backend.

Meet the expert

Bharath Thippireddy is an entrepreneur, software architect, public speaker, and trainer. Bharath is a Sun Certified Developer, Web Component Developer, Business Component Developer, and a Web Services Developer. While working for companies like Oracle, HP, TCS, Siemens, and NCR; Bharath has architected applications using Java, JEE, JavaScript, and SOA technologies. He loves learning new things both in technology and personal development and shares them on YouTube and his web site - Sharing is learning!. He has mentored students in classroom trainings, as well as in the corporate world, both in India as well as in USA. He has spoken on technical topics at several agile conferences. While in India he also voluntarily teaches interview and soft skills at Vivekananda Kendra.

Course outline

Routing and Pipes

Creating Angular Client Project (14:07)

Introduction (00:08)
Create the project (01:35)
Create and implement Get Products Service method (04:07)
Create the component and view (03:24)
Configure and test GET Products (04:44)
Summary (00:08)

Implement Methods (17:04)

Introduction (00:08)
Implement the Other Methods (06:51)
Test Create (04:42)
Test Other Methods (05:15)
Summary (00:08)

Routing (12:00)

Introduction (00:08)
Routing (02:23)
Use Case and Refactoring (02:14)
Refactor Components (05:20)
4-Refactor HTML (01:46)
Summary (00:08)

Routing Steps (15:28)

Introduction (00:08)
Routing Steps (02:24)
Configure the routing module (00:47)
Create the Routing Module (03:39)
Add the Routes (02:31)
The pathmatch property (00:51)
Use routes in HTML (01:56)
Routing in action (03:02)
Summary (00:08)

Pipes (15:08)

Introduction (00:08)
Introduction to Pipes (01:50)
Text Pipes (03:31)
date (03:17)
currency (01:51)
json (01:25)
number (02:56)
Summary (00:08)

Pipe Slice (20:00)

Introduction (00:08)
percent (02:17)
slice (02:59)
Using slice in for (00:57)
create a promise (05:58)
use async pipe (02:10)
Create a Custom Pipe (05:20)
Summary (00:08)