Angular 2 Solutions - Intermediate Concepts
4.0 (1 rating)
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.
32 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Angular 2 Solutions - Intermediate Concepts to your Wishlist.

Add to Wishlist

Angular 2 Solutions - Intermediate Concepts

Around 25 recipes to help you become pro in building powerful web apps with Angular 2
4.0 (1 rating)
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.
32 students enrolled
Created by Packt Publishing
Last updated 5/2017
Current price: $10 Original price: $125 Discount: 92% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 3.5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Properly implement applications utilizing advanced topics such as dependency injection
  • Learn how to maximize the performance of Angular 2 applications
  • Understand the best ways to take an Angular 2 application from TypeScript in a code editor to a fully functioning application served on your site
  • Get to know the best practices when organizing and testing a large Angular 2 application
View Curriculum
  • It is also geared towards developers with experience in Angular 1 who are looking to make the transition.

Angular 2 introduces an entirely new paradigm for applications, wholly embracing all the newest concepts that are built into the next generation of browsers and cutting away all the fat and bloat from Angular 1. This course plunges directly into the heart of all the most important Angular 2 concepts. Alongside the Angular 2 content, the course covers the new ES6 syntax, Typescript conventions, Web Components, and RxJS observables, among many other brand-new concepts. The second volume of this course will cover the ES6 implementation of Promises and will show you how to integrate them with Angular 2 applications. Once you’ve built a good foundation for the new concepts of Angular 2 from the previous volume, you’ll work with implementing RxJS observables and you’ll understand how to use them effectively. Finally, you’ll learn how to inject dependencies and wrap HTTP APIs with a service. These topics will help you gradually level up your knowledge and move on to the next volume of this course.

About the Author

Matt Frisbie is currently a software engineer at Google. He was the author of the Packt Publishing bestseller AngularJS Web Application Development Cookbook and also has published several video series through O'Reilly. He is active in the Angular community, giving presentations at meetups and doing webcasts.

Who is the target audience?
  • This course is for developers who are competent with JavaScript and are looking to dive headfirst into the TypeScript edition of Angular 2.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
27 Lectures
Mastering Promises
8 Lectures 37:58

This video gives an overview of the entire course.

Preview 02:58

Promises are very useful in many of the core aspects of Angular.

Understanding and Implementing Basic Promises

Much of the purpose of promises is to allow the developer to serialize and reason about independent asynchronous actions.

Chaining Promises and Promise Handlers

It is useful to have the ability to create promise objects that have already reached a final state with a defined value.

Creating Promise Wrappers with Promise.resolve() and Promise.reject()

You may find your application requires the use of promises in an all-or-nothing type of situation.

Implementing Promise Barriers with Promise.all()

A static method accepts an iterable collection of promise objects; whichever resolves or rejects first will become the result of the promise wrapping the collection.

Canceling Asynchronous Actions with Promise.race()

Observables and promises serve different purposes and are good at different things, but in a specific part of an application.

Converting a Promise into an Observable

In Angular 2, the RxJS asynchronous observables are first-class citizens and much of the core toolkit has been configured to rely upon them.

Converting an HTTP service Observable into a ZoneAwarePromise
ReactiveX Observables
6 Lectures 59:32

In Angular 2, the Http module now utilizes the Observable pattern by default to wrap XMLHttpRequest.

Preview 12:46

Angular 2 will often provide you with an Observable interface to attach to for free, but it is important to know how they are created, configured, and used.

Implementing a Publish-Subscribe Model Using Subjects

One of the most obvious and useful cases of the Observer P attern is the one in which a single entity in your application unidirectionally communicates information to a field of listeners on the outside.

Creating an Observable Authentication Service Using BehaviorSubjects

In Angular 1, the $emit and $broadcast behaviors were indeed very useful tools. They gave you the ability to send custom events upwards and downwards through the scope tree to any listeners that might be waiting for such an event.

Building a General Publish-Subscribe Service to Replace $broadcast, $emit, & $on

The ways in which view collections can be altered are numerous and subtle. Thankfully, Angular 2 provides a solid foundation for tracking these changes.

Using QueryLists and Observables to Follow the Changes in ViewChildren

RxJS Observables give you a lot of firepower, and it would be a shame to miss out on them.

Building a Fully Featured AutoComplete with Observables
The Component Router
8 Lectures 01:08:18

Central to the behavior of single-page applications is the ability to perform navigation without a formal browser page reload.

Preview 12:43

Navigating around a single-page application is a fundamental task.

Navigating with Router Links

The key to using the router Link inside the template to navigate is doing it from inside JavaScript.

Navigating with the Router Service

A simple but important choice for your application is which type of Location Strategy you want to make use of.

Selecting a Location Strategy for Path Construction

Building applications that you will want to build features that would involve which page the application is currently on.

Building Stateful Router Link Behavior with Router Link Active

Angular 2's component router offers you the necessary concept of child routes.

Implementing Nested Views with Route Parameters and Child Routes

Angular 2 introduces native support for an awesome feature that seems to be frequently overlooked: matrix URL parameters.

Working with Matrix URL Parameters and Routing Arrays

The nature of single-page applications wholly controlling the process of routing gives them the ability to control each stage of the process.

Adding Route Authentication Controls with Route Guards
Services, Dependency Injection, and NgModule
5 Lectures 30:18

Dependency injection is important as you can’t build an application without it.

Preview 05:26

We learnt service injection in the previous video. We also need to know how to control them. This video will teach you to do that. 

Controlling Service Instance Creation and Injection with NgModule

As your application becomes more complex, you may come to a situation where you would like to use your services in a polymorphic style. This video enables you to do that.

Service Injection Aliasing with useClass and useExisting

Angular 2 provides you with the property of injecting a value instead of service instance. 

Injecting a Value as a Service with useValue and OpaqueTokens

A provider factory allows you to accept input, perform arbitrary operations to configure the provider, and return that provider instance for injection. So let’s learn how to do that here.

Building a Provider-Configured Service with useFactory
About the Instructor
Packt Publishing
3.9 Average rating
8,138 Reviews
58,533 Students
686 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.