HOME > Development > Master Angular Fundamentals by Building a Real App

Master Angular Fundamentals by Building a Real App

  • Development
  • Apr 22, 2025
SynopsisMaster Angular Fundamentals by Building a Real App, available...
Master Angular Fundamentals by Building a Real App  No.1

Master Angular Fundamentals by Building a Real App, available at $34.99, has an average rating of 4.75, with 28 lectures, based on 44 reviews, and has 3150 subscribers.

You will learn about 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 This course is ideal for individuals who are Intermediate Angular developers It is particularly useful for Intermediate Angular developers.

Enroll now: Master Angular Fundamentals by Building a Real App

Summary

Title: Master Angular Fundamentals by Building a Real App

Price: $34.99

Average Rating: 4.75

Number of Lectures: 28

Number of Published Lectures: 28

Number of Curriculum Items: 28

Number of Published Curriculum Objects: 28

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will 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
  • Who Should Attend

  • Intermediate Angular developers
  • Target Audiences

  • Intermediate Angular developers
  • 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!

    Course Curriculum

    Chapter 1: Course Introduction

    Lecture 1: Introduction

    Chapter 2: Home list

    Lecture 1: Home list section introduction

    Lecture 2: Generate the app and add UIkit

    Lecture 3: Add /homes route and new component

    Lecture 4: Add mocked data

    Lecture 5: Add service and fetch data

    Lecture 6: Show home details

    Lecture 7: Add styling

    Lecture 8: Add spinner

    Chapter 3: Home filtering

    Lecture 1: Home filtering section introduction

    Lecture 2: Add filters buttons

    Lecture 3: Add dropdown with home type filter and the toggling state

    Lecture 4: Add form for home type filtering

    Lecture 5: Capture selected filters

    Lecture 6: Set selected filters in the URL

    Lecture 7: Refactor home list to use command pattern

    Lecture 8: Filter homes using URL parameters

    Lecture 9: Add default filters and the highlight to the button

    Chapter 4: Search

    Lecture 1: Introduction

    Lecture 2: Add search component

    Lecture 3: Add form control

    Lecture 4: Output search to the query params

    Lecture 5: Filter homes by search

    Lecture 6: Set default search value

    Lecture 7: Show empty message

    Lecture 8: Update filtering to work with search

    Lecture 9: Make search case insensitive

    Lecture 10: Throttle API calls by using debounce

    Instructors

  • Master Angular Fundamentals by Building a Real App  No.2
    Irek Mirgaleev
    Principal Software Engineer at Acquia, Inc
  • Rating Distribution

  • 1 stars: 1 votes
  • 2 stars: 0 votes
  • 3 stars: 5 votes
  • 4 stars: 15 votes
  • 5 stars: 23 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!