Egghead Instructor Juri Strumpflohner

Juri Strumpflohner

I'm a full stack web dev with particular passion for everything frontend. I love to code & share my learning with others, which is why I also happen to organize a community meetup. When not coding, I'm practicing & teaching martial arts.



Support Juri's Free Lessons
become a member today

Browse Juri Strumpflohner's lessons.

showing 5 lessons...

Build and deploy your Angular app to Firebase Hosting

Setup automated deployment with Angular, Travis and Firebase

Bind async requests in your Angular template with the async pipe and the "as" keyword

Show a loading indicator in Angular using *ngIf/else, the as keyword and the async pipe

Style HTML elements in Angular using the style property

Build and deploy your Angular app to Firebase Hosting

2:58 angular2

Firebase not only provides you a real-time, powerful database, but recently also added a hosting capability to its offers. In this lesson we will learn how to use the Firebase CLI to setup and configure our Angular project for deploying it to Firebase Hosting.

Setup automated deployment with Angular, Travis and Firebase

7:48 angular2

Automate all the things!! Automation is crucial for increasing the quality and productivity. In this lesson we will learn how to automate the deployment of our Angular app to Firebase Hosting, by using GitHub and Travis. By the end of the lesson we will be able to automatically deploy our app with a simple git push to our repository's master branch.

angular2 tutorial about Bind async requests in your Angular template with the async pipe and the "as" keyword

Bind async requests in your Angular template with the async pipe and the "as" keyword

4:51 angular2

Angular allows us to conveniently use the async pipe to automatically register to RxJS observables and render the result into the template once the request succeeds. This has some drawbacks, especially if we want to bind the same data in multiple parts of the template. In this lesson we will learn how we can leverage the async pipe and the as keyword introduced in Angular version 4.0.0 to circumvent such drawbacks.

angular2 tutorial about Show a loading indicator in Angular using *ngIf/else, the as keyword and the async pipe

Show a loading indicator in Angular using *ngIf/else, the as keyword and the async pipe

2:07 angular2

The network may be unreliable and loading data may take time. Thus it is important to give the user some feedback about what's going on as fast as possible. In this lesson we learn how to leverage the else block of the *ngIf directive to show a simple loading indicator.

angular2 tutorial about Style HTML elements in Angular using the style property

Style HTML elements in Angular using the style property

1:15 angular2

In this lesson we will take a look at how Angular makes use of the style property. This is a powerful concept that allows us to very easily add CSS styles onto HTML elements. These styles can even be easily made conditional.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?