Fast-paced and super practical Angular course.
In this course, you will learn how to use angular framework to build an example of a home rental application. I will show you how to fetch a list of homes from a simulated backend, show a spinner and display the data with a clean responsive style. Then, I’ll show you how to build a dropdown that allows you to select home types, click apply update the URL and filter the list homes. These might seem like trivial features however as you will see it shows you how to use:
What you’ll learn
- How to use Angular to build a real world app.
- How to use Angular routes and router service.
- How to use Angular forms.
- How to use custom input and output property binding.
- How to use ngIf and ngFor structural directives.
- How to use the async pipe and the observables.
- How to use different styles of fetching the data from the API.
- How to use CSS flex and grid.
- Basic UI state management with component properties.
- How to use ng-template with template variables.
- How to use ng-container.
- How to use ng cli.
Course Content
- Course Introduction –> 1 lecture • 2min.
- Home list –> 8 lectures • 23min.
- Home filtering –> 9 lectures • 27min.
- Search –> 10 lectures • 20min.
Requirements
- Basic knowledge of Angular.
In this course, you will learn how to use angular framework to build an example of a home rental application. I will show you how to fetch a list of homes from a simulated backend, show a spinner and display the data with a clean responsive style. Then, I’ll show you how to build a dropdown that allows you to select home types, click apply update the URL and filter the list homes. These might seem like trivial features however as you will see it shows you how to use:
- angular routes and the router service
- angular forms
- custom input and output property binding
- ngIf and ngFor structural directives
- the async pipe and the observables
- different styles of fetching the data from the API
- CSS flex and grid
- UI state management with component properties
- ng-template with template variables
- ng-container
- ng cli
I will not waste your time going over any slides or theory. I keep every video short to the point where show you how to build one specific thing that you can apply right now in your next angular application
Moreover, with every video, I include two links. The first link shows what I added or changed in the code precisely line by line so you never lose track of what’s happening on the screen. The second link takes you to the stackblitz page showing both the code and the application live as I wrote it for that specific video. This is super useful because you can make changes and poke around the app for every topic completely on your own without having to type the whole thing as you go along
If that sounds exciting, sign up now and start learning!