Angular Router Jumpstart
5.0 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
106 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Angular Router Jumpstart to your Wishlist.

Add to Wishlist

Angular Router Jumpstart

Angular Router Course with E-Book Included (Angular 2 and Angular 4)
New
5.0 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
106 students enrolled
Last updated 9/2017
English
Price: $50
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn How To Use The Angular Router To Setup the Navigation System Of Your Application
  • Learn How To Implement Common Navigation Business Scenarios: Master Detail, Side Menu
View Curriculum
Requirements
  • Angular (currently Angular 4, formerly known as Angular 2)
  • HTML
  • Typescript
Description

This Course in a Nutshell

This  Course (includes the 52 page Angular Router Jumpstart E-Book)  is a Concise and Practical Guide To the Angular Router.

If you are looking to learn quickly how to leverage the Angular router to build the navigation system of your application, then this is the right course for you! 

We will cover everything from basic scenarios like how to set up the router in your application, declarative and programmatic navigation, to common business scenarios like implementing a Master / Detail navigation, Auxiliary Routes, Router Guards and Router Lazy Loading. 

This course includes an exercise at the end where we will build a dashboard.  

Course Detailed Overview

Single Page Applications have been around for many years now, but as we surf the Internet we rarely find them today. Why ? The main reason for that has been the difficulty of having single page apps be properly ranked by search engines.

But there are some very good news for Angular Developers, and developers of single page apps in general: the Google crawler is now much better at crawling single page applications, meaning that today its more important than ever for a developer to be able to build such type of applications. Also Single Page apps are and will likely continue to be very popular for building authenticated dashboards and enterprise applications.

The bottom line is that In the upcoming years we can expect an increase in the number of single page applications, so the goal of this course is to prepare you for that scenario by doing a step by step deep dive into the Angular Router.

What You Will Learn

This course covers the Angular Router in-depth. Its a continuously evolving course so you can expect new sections to be added as new releases are made. We are going to cover all the major routing concepts, starting at the beginning.

First we will cover how can we setup the router and avoid right off the bat some very common pitfalls that happen to developers that are just trying out the router for the first time. We are going to learn both declarative template driven routing and imperative or programmatic routing, and we are going to cover in detail child routes: when to use them and why, how do they work.

We are going to cover how the Angular Router allows us to easily implement some commonly used patterns like Master Detail. We are going to learn about the reactive features of the routers, namely we will cover the multiple parameters and query parameters observables.

We will cover the notion of route snapshot and we are going to show how routing can be the source of accidental memory leaks and how we can prevent that. The course will also cover route guards and auxiliary routes: we are going to learn exactly what are auxiliary routes but more importantly we will cover when should we use them, why and what are some common use cases.

The course finishes off with a very cool exercise where we are going to learn how we can build a widget dashboard by using the notion of auxiliary routes. With this course you can expect to get a solid foundation on the Angular router and feel confident tackling real world applications scenarios that involve the Angular Router.

Who is the target audience?
  • Angular Developers, trying to Quickly Learn The Angular Router
Compare to Other Angular Courses
Curriculum For This Course
22 Lectures
01:29:34
+
Angular Router Jumpstart
22 Lectures 01:29:34


See Resources - Download The Router Jumpstart E-Book
02:07

Angular Router Initial Setup
02:32



Styling Active Routes With The routerLinkActive And routerLinkActiveOptions Dire
02:00

Child Routes - How To Setup a Master Detail Route - What Are Componentless Route
04:10

Programmatic Router Navigation via the Router API - Relative And Absolute Router
03:59

Master Detail Navigation And Route Parameters - The Route Parameters Observable
06:02

Optional Route Query Parameters - The queryParams Directive and the Query Parame
03:02

Exiting an Angular Route - How To Prevent Memory Leaks
04:48

CanDeactivate Route Guard - How To Confirm If The User Wants To Exit A Route
04:58

CanActivate Route Guard - An Example of An Asynchronous Route Guard
03:32

Configure Auxiliary Routes in the Angular Router - What is the Difference Toward
05:15

Angular Auxiliary Routes - How To Pass Router Parameters
02:54

Angular Router Redirects and Path Matching - Avoid Common Routing Pitfall
02:59

Angular Router Hash Location Strategy vs HTML5 Location Strategy
03:17

Angular Router Lazy Loading and Shared Modules - How to Lazy-Load a Module
08:45

Shared Modules And Lazy Loading - How to Setup Shared Services
06:41

Exercise - Implement a Widget Dashboard With Multiple Auxiliary Routes
02:50

Exercise Solution - Implement a Widget Dashboard With Multiple Auxiliary Routes
04:41
About the Instructor
Angular University
4.3 Average rating
1,493 Reviews
12,383 Students
7 Courses
Learn and Keep Up with The Angular Ecosystem

About the Angular University:

The Angular University aims to be the one place that you  go in order to learn and keep up with the Angular ecosystem. We provide premium quality video tutorials, screencast style.

About the course instructor:

Hello, my name is Vasco  and I'm a Software Developer with 17 years of experience, very seasoned building user interfaces with Angular. I've worked as a Frontend Developer/Architect in a large variety of enterprise projects throughout the years.   

I worked on a ton of projects, everything from single page applications to help build the European Criminal Record Information Exchange System, to brand new e-banking portals, to corporate banking portals, and more. I've been a key part of internal framework teams that built frameworks for in-house departments of tens of developers. And that's just a few of them, please check my Linkedin for extensive recommendations.

I also love to teach, write and talk about technology.  I am looking forward to be your Angular  instructor,

Kind Regards,

Vasco