Wanna keep up to date with the latest webdev stuff? Follow me on Twitter
I’ve worked hard in the last couple of months to get ready for this massive release and to finally get some Angular love to Egghead.io. Now they’re ready and out in the wild for you. Here’s a quick wrap-up on all of the 3 courses. Enjoy
Learn Http in Angular
Well this is something you’ll most probably have to deal with in any serious Angular app. Whenever you need some data to show in your app, you’re going to query some backend API. But hey, why an entire course on it, I could simply use the native fetch API, right? Sure, but there’s more. Angular comes with its own Http service, which not only makes it super easy to query your backend API, but it also natively integrates with RxJS Observables and TypeScript.
There are currently 2 Http modules within Angular.
@angular/http is the “old”, and starting with Angular version 5, deprecated package. The new one resides under
@angular/common/http and has a couple of really nice improvements such as
- better integration with TypeScript, allowing to basically specify the expected TypeScript type when executing an HTTP request
- making HTTP interceptors super easy to write which is especially useful for appending common headers or performing global HTTP error handling and retries
- progress events for like file uploads
- better mocking during unit testing
…and a lot more. All of which we’re going to cover in the course .
Create Dynamic Components in Angular
Components are nice and sweet, but c’mon, once things get more real, you’ll need some more dynamic behavior . That’s exactly what we’re going to learn in this course. In the course I’m taking an Angular tabs component (I wrote a blog post on creating a tab component a while back) and make it dynamic. We’ll learn about
<ng-template>, how to define them, what they’re good for and how we can pass them around
- how to place a
<ng-template>at some arbitrary place using
- how to pass in data to these
- and finally how to dynamically instantiate an Angular component by using things like
ComponentFactoryResolverand so on…
Oh, I happen to have a blog post on dynamic tabs as well .
Create Dynamic Forms in Angular
Finally, forms. Angular has two different options for that: Template driven and Model driven, better known as Reactive Forms. Both have pros and cons of course. If you come from AngularJS (v1.x) then you’ll immediately like the template driven approach.
* All courses are usually free for the first 3 days and will then automatically switch to become part of the PRO course series. It basically means that you need to be a PRO subscriber on Egghead.io to watch them. If you wanna support my efforts, then definitely go & get a PRO membership if you didn’t already. It’s totally worth it and you won’t only get my courses, but tons of others in the frontend dev space, covering TypeScript, RxJS and much more