Angular Videos by Experts

Learn all about Angular, NgRx, RxJs & NX and advance your skills with guides, in-depth content and actionable tips and tricks!

Get notified
about new blog posts

Sign up for Angular Experts Content Updates & News and you'll get notified whenever I release a new article about Angular, Ngrx, RxJs or other interesting Frontend topics!

We will never share your email with anyone else and you can unsubscribe at any time!

Emails may include additional promotional content, for more details see our Privacy policy.

Hey there! I'm Kevin, and I'm inviting you to join my Angular stream for a super chill and dynamic learning session. Whether you're curious about new Angular tricks or just have some questions, I'm here to help. Let's kick back, learn some cool stuff, and grow together! 😎👨‍💻

Sign up
Required Inputs in Angular

Required Inputs in Angular

Angular 16 introduces a long awaited feature, required Inputs.

Kevin Kreuzer

24.11.2023

24s

🅰️ 🚀 Building an Angular Open Source Library from Scratch! 🛠️✨

🅰️ 🚀 Building an Angular Open Source Library from Scratch! 🛠️✨

🅰️🚀 Crafting Angular 17: Build an Epic Open Source Library from Scratch! 🛠️✨

Kevin Kreuzer

24.11.2023

3h 19m 39s

Angular defer loading - Stream VOD

Angular defer loading - Stream VOD

Stream VOD where we try out the new defer syntax in Angular 17! Subscribe to my Twitch channel to not miss the next broadcast: https://www.twitch.tv/nivekdev

Kevin Kreuzer

17.11.2023

1h 45m 11s

Angular Control Flow

Angular Control Flow

Angular 17 is around the corner and with it a brand new control flow. Let's explore what its all about.

Kevin Kreuzer

24.10.2023

2m 41s

Angular control flow

Angular control flow

In this Stream, we will explore Angular's upcoming control flow syntax.

Kevin Kreuzer

13.10.2023

53m 35s

Releasing NPM libraries from a Nx monorepo

Releasing NPM libraries from a Nx monorepo

In this video, we will learn how to configure an Nx monorepo to automatically publish npm libraries, generate tags, update a Changelog, and commit back the new release version to the package.json's based on conventional commit messages. A fully automated release setup.

Kevin Kreuzer

13.07.2023

7m

Dynamic Module Federation with NX

Dynamic Module Federation with NX

In this video will explore dynamic module federation with Nx and Angular. Dynamic module federation allows us to dynamically determine our remote URLs.

Kevin Kreuzer

19.06.2023

1h 8m 20s

Exploring NX & module federation

Exploring NX & module federation

In this video, we will explore module federation with Nx and Angular. Module federation is a powerful technique to speed up your builds or to create a micro frontend architecture.

Kevin Kreuzer

13.06.2023

45m 46s

Implementing an app with Angular 16 - Stream VOD

Implementing an app with Angular 16 - Stream VOD

We will implement a small GitHub user search with the latest Angular 16 features in this stream. While implementing the app we take advantage of the following brand new features:

Kevin Kreuzer

09.06.2023

1h 53m

Angular hydration explained

Angular hydration explained

In this video, we explore Angular hydration, a powerful technique for improving Angular application performance and user experience.

Kevin Kreuzer

05.06.2023

4m 58s

Angular - Routed Component Input bindings

Angular - Routed Component Input bindings

In this video we explore Angular's latest feature: Routed Component Inputs! Discover how this new API simplifies accessing route params and data, revolutionizing your Angular applications.

Kevin Kreuzer

22.05.2023

3m 49s

Required Angular Inputs

Required Angular Inputs

In this video, we explore Angular's new required inputs. A epic feature added in v16.

Kevin Kreuzer

17.05.2023

1m 57s

Understanding Angular DI decorators

Understanding Angular DI decorators

In this stream, we explore Angular Dependency Injection (DI) decorators! In this video, we will be exploring the different DI decorators available in Angular, including @Optional, @Self, @Host, and @SkipSelf. By the end of this tutorial, you'll better understand how these decorators work and how they can be used to efficiently manage dependencies in your Angular applications. So, if you're an Angular developer looking to level up your skills, then stick around, and let's dive into the world of Angular DI decorators!

Kevin Kreuzer

28.04.2023

1h 13m 51s

Angular Template Context Mental Model by Tomas Trajan | ngIndia 2023

Angular Template Context Mental Model by Tomas Trajan | ngIndia 2023

The new exciting times for Angular are finally here! The completion of IVY migration and removal of ViewEngine open up new opportunities to evolve Angular core in new meaningful ways like making NgModules optional and introduction of new standalone APIs!

Tomas Trajan

18.04.2023

29m 36s

Angular Signals RFC

Angular Signals RFC

In this YouTube video, we'll take a deep dive into the Angular signals RFC and explore its features and benefits. We go through all 4 parts of the RFC which are "Signals for Angular reactivity", "Signal-based components" and "Observables and Signals Interoperability".

Kevin Kreuzer

04.04.2023

1h 56m 57s

RxJS and Signals - how we may write Angular apps in the future!

RxJS and Signals - how we may write Angular apps in the future!

In this video, we will dive into the world of RxJS and Angular signals to create a powerful Github user search application.

Kevin Kreuzer

28.03.2023

6m 20s

Exploring Angular signals

Exploring Angular signals

🚀 NEW ANGULAR SIGNALS EBOOK OUT: https://angularexperts.io/products/ebook-signals

Kevin Kreuzer

23.03.2023

57m 21s

Angular signals

Angular signals

In this episode, we discuss the upcoming Angular signals. Come join us to learn and chat about signals.

Kevin Kreuzer

22.03.2023

59m 49s

Angular async pipe explained

Angular async pipe explained

The async pipe is probably the most important build in Angular pipe. In this video, we will implement our own async pipe to fully understand what the async pipe does and how it works.

Kevin Kreuzer

21.03.2023

5m 42s

Nest JS and Prisma

Nest JS and Prisma

🚀 NEW ANGULAR SIGNALS EBOOK OUT: https://angularexperts.io/products/ebook-signals

Kevin Kreuzer

16.03.2023

1h 59m 31s

Testing time - Let's learn some Cypress

Testing time - Let's learn some Cypress

Broadcasted live on Twitch -- Watch live at https://www.twitch.tv/kev_d_dev

Kevin Kreuzer

08.03.2023

1h 42m 9s

Everything you need to know about Angular signals

Everything you need to know about Angular signals

🚀 NEW ANGULAR SIGNALS EBOOK OUT: https://angularexperts.io/products/ebook-signals

Kevin Kreuzer

07.03.2023

6m 25s

Angular standalone components in depth

Angular standalone components in depth

Welcome to this episode, where we delve into the world of Angular standalone components! As a developer, you may have heard of standalone components, but are unsure of what they are and how they differ from NgModules. In this discussion, we explore the ins and outs of standalone components. So sit back, relax, and join us on this learning journey!

Kevin Kreuzer

06.03.2023

1h 13m 15s

Angular signals! A look into a possible future!

Angular signals! A look into a possible future!

In this video, we explore the potential of Angular signals and demonstrate how they may be used in the future to create powerful applications. We start by creating simple versions of Angular signal functions, including fromObservable and toObservable, as well as signal inputs and outputs.

Kevin Kreuzer

02.03.2023

1h 19m 16s

Angular signals

Angular signals

Welcome to this stream, where we take our first look at Angular signals! Signals are a powerful feature in Angular that allow you to define reactive data sources and automatically update the view when the data changes. We explore how to create and use signals in Angular, including computed and effect signals. We also dive into how signals can be used with objects and how to update signals as new data is received. You'll also learn how to use signals in services and ngFor and convert an HTTP request to a signal.

Kevin Kreuzer

27.02.2023

1h 9m 58s

CSS grid | GraphQL | Angular query

CSS grid | GraphQL | Angular query

Listing some animes with Angular query | CSS grid | GraphQl | Infinite scroll

Kevin Kreuzer

20.02.2023

2h 44m 1s

Going Fullstack - Angular | Angular Query and Nest JS

Going Fullstack - Angular | Angular Query and Nest JS

In this video, we create a full-stack application using Angular, Angular Query and NestJS

Kevin Kreuzer

17.02.2023

4h 59s

Angular standalone migration schematics

Angular standalone migration schematics

In this video, we take a first look at the upcoming #Angular standalone migration schematics. We will use them to convert a simple module-based application to standalone components.

Kevin Kreuzer

16.02.2023

4m 22s

First look at Analog JS

First look at Analog JS

Let's check out Analog.

Kevin Kreuzer

09.02.2023

2h 12m 44s

Angular & tRPC

Angular & tRPC

Do you want maximum type safety accross the entire stack? Let's talk about Angular & tRPC.

Kevin Kreuzer

16.01.2023

7m 58s

Is bun fun?

Is bun fun?

Recently I tried out bun on my Twitch stream. Here's a summary of my experience with bun.

Kevin Kreuzer

05.01.2023

5m 48s

Angular inject

Angular inject

Angular 14 introduced many great features. One of them is the inject function. Well, the inject function is actually already available since v9 but now with v14 it's way more powerful, let's take a look.

Kevin Kreuzer

29.06.2022

9m 18s

Lazy loading standalone components in Angular

Lazy loading standalone components in Angular

In this video we will learn how to lazy load a standalone component.

Kevin Kreuzer

11.05.2022

3m 21s

Generating standalone components in Angular 14

Generating standalone components in Angular 14

In this video, we will leverage the power of Angular schematics to generate and use a standalone component in Angular.

Kevin Kreuzer

10.05.2022

1m 49s

Bootstrapping standalone components in Angular 14

Bootstrapping standalone components in Angular 14

In this video, we will take an early look at Angular's new upcoming standalone components feature. We will learn how to create a standalone component and how to bootstrap them.

Kevin Kreuzer

09.05.2022

2m 44s

RxJS Higher order mapping operators explained differently

RxJS Higher order mapping operators explained differently

Higher-order mapping operators are one of the most powerful features in RxJs. In this video, we will explore them from a different angle. We will use a demo application that drops balls on click to explain switchMap, concatMap, exhaustMap and mergeMap.

Kevin Kreuzer

03.05.2022

5m 16s

Native Shadow DOM vs Angular's Emulated Shadow DOM

Native Shadow DOM vs Angular's Emulated Shadow DOM

In Angular, components styles can be encapsulated. There are three different encapsulation strategies available. None, Emulated and ShadowDom.

Kevin Kreuzer

20.04.2022

4m 19s

How to implement Angular component harnesses

How to implement Angular component harnesses

Never heard of component harnesses? Check out this video - https://www.youtube.com/watch?v=UFT4vPKZ9TY

Kevin Kreuzer

08.04.2022

19m 8s

The best way to test your Angular Material components

The best way to test your Angular Material components

This tutorial shows you the traditional way of testing Angular Material components and shows you the downsides of this approach. Then it will show you how to improve your test by leveraging Angular Materials Component Harness. At the end of this tutorial, you will have all the understanding and all the tools to test your Angular Material components in the best way possible.

Kevin Kreuzer

05.04.2022

12m 53s

Generate lazy loaded features in Angular

Generate lazy loaded features in Angular

Angular schematics are very awesome. They allow us to scaffold various parts of our angular application. In this video, we will explore a very powerful schematic command that allows you to generate lazy-loaded feature modules.

Kevin Kreuzer

16.03.2022

4m 9s

Let's talk about open source - Google Dev library interview

Let's talk about open source - Google Dev library interview

In this interview, I had the chance to talk to the great Sebastian Trzcinski-Clément. We talked about my journey in programming, my open source contributions, and general tips and tricks on how to improve your career as a developer.

Kevin Kreuzer

08.03.2022

18m 29s

How to unsubscribe from Observables in Angular

How to unsubscribe from Observables in Angular

How to create a memory leak in Angular:

Kevin Kreuzer

08.03.2022

4m 10s

RxJs finalize operator explained

RxJs finalize operator explained

The finalize operator is a very handy operator to perform side effects or tear-down logic. Learn how to use it and apply it in your project.

Kevin Kreuzer

01.03.2022

2m 43s

How to implement a Nest JS backend with an Angular frontend

How to implement a Nest JS backend with an Angular frontend

Nest JS is the perfect backend for Angular developers. In this video, you will learn how to create a REST endpoint with Nest JS and display the data in an Angular frontend.

Kevin Kreuzer

23.02.2022

19m 21s

How to log error and complete emissions on RxJs tap

How to log error and complete emissions on RxJs tap

The RxJS tap operator is a very handy operator for debugging or performing side effects. Most people only ever pass the next handler as a callback to the tap operator. But the tap operator is also capable of logging errors and complete statements.

Kevin Kreuzer

16.02.2022

2m 26s

JavaScript Object destructuring

JavaScript Object destructuring

Object destructuring is a very nice technique to extract values from an object into constants. Furthermore, it offers other great features like mapping or default values. In this video, we will learn all the basics you need to successfully start using object destructuring in your projects.

Kevin Kreuzer

09.02.2022

4m 38s

Javascript array destructuring

Javascript array destructuring

This video shows you everything you need to know about array restructuring. Watch it and start using restructuring in your project today!

Kevin Kreuzer

03.02.2022

5m 42s

Angular extended Diagnostics

Angular extended Diagnostics

In the latest Angular release (v13.2.0) there's a great new feature added to the Angular compiler. It's called extended diagnostics. Let's have a closer look.

Kevin Kreuzer

01.02.2022

10m 57s

Marble testing with RxJS testing utils

Marble testing with RxJS testing utils

Once you start your path to master Observables, the chances are high that you already encountered a marble diagram on your way.

Kevin Kreuzer

26.01.2022

7m 17s

How to test your Angular Material components

How to test your Angular Material components

This tutorial shows you the traditional way of testing Angular Material components and shows you the downsides of this approach. Then it will show you how to improve your test by leveraging Angular Materials Component Harness. At the end of this tutorial, you will have all the understanding and all the tools to test your Angular Material components in the best way possible.

Kevin Kreuzer

25.01.2022

12m 53s

JavaScript Block scope vs Function scope

JavaScript Block scope vs Function scope

In this video, we will explore the difference between JavaScript block scope and function scope. Furthermore, we will learn which scopes var, let and const declarations have.

Kevin Kreuzer

19.01.2022

1m 45s

BärnerJS #5 2021 - Tomas Trajan - The Best Way To Architect Your Angular Libraries

BärnerJS #5 2021 - Tomas Trajan - The Best Way To Architect Your Angular Libraries

https://www.meetup.com/de-DE/Barner-JS-Talks/events/280067964/

Tomas Trajan

06.09.2021

37m 12s

Microfrontends with Angular Elements, the future of Angular, Minko Gechev QnA | #AngularMinsk #16

Microfrontends with Angular Elements, the future of Angular, Minko Gechev QnA | #AngularMinsk #16

🤔 Interested learning more about Angular?

Tomas Trajan

16.07.2020

1h 32m 26s

AngularAir - How to architect epic Angular app in less than 10 minutes! ⏱️😅

AngularAir - How to architect epic Angular app in less than 10 minutes! ⏱️😅

Tomas Trajan joins us to go over approaches we can take when planning the architecture of our Angular applications.

Tomas Trajan

11.03.2020

1h 30s

Leverage Angular Schematics to Empower Frontend Apps & Libraries | Tomas Trajan | NG-MY 2019

Leverage Angular Schematics to Empower Frontend Apps & Libraries | Tomas Trajan | NG-MY 2019

***There are some technical issues when recording this video, some live coding demo is missing. Alternatively, you may watch here https://www.youtube.com/watch?v=eFzjY4uWgCA which Tomas did a similar talk in another conference. Sorry for inconvenient! ***

Tomas Trajan

29.08.2019

27m 48s

The best way to lazy load Angular Elements or any other web components in your Angular application!

The best way to lazy load Angular Elements or any other web components in your Angular application!

Library: https://angular-extensions.github.io/elements

Tomas Trajan

17.08.2019

14m 44s

[VDZ19] How to leverage Angular Schematics to empower Devs of Frontend Apps & Libraries by T. Trajan

[VDZ19] How to leverage Angular Schematics to empower Devs of Frontend Apps & Libraries by T. Trajan

How to leverage Angular Schematics to empower Developers of Enterprise Frontend Apps & Libraries [live coding]

Tomas Trajan

26.03.2019

49m 42s

Angular Anti-Patterns in projects of the large enterprise organization - @tomastrajan - Die Mobiliar

Angular Anti-Patterns in projects of the large enterprise organization - @tomastrajan - Die Mobiliar

Large enterprise organizations have to deal with challenges that are different when compared to a single team building a single Angular application. The environment is often complex with multiple temas and hundreds of developers working on tens of applications an libraries over many years. Changing requirements and the need to support life-cycle of used technologies makes this environment even more complex.

Tomas Trajan

01.03.2019

31m 35s

How to use Angular Schematics to empower Developers of Frontend Apps & Libraries by Tomas Trajan

How to use Angular Schematics to empower Developers of Frontend Apps & Libraries by Tomas Trajan

In development, we often want to extract reusable parts of logic into self contained libraries. Modern tooling provided by Angular CLI enables us to provide amazing developer experience for the users of our libraries.

Tomas Trajan

25.02.2019

1h 17m 33s

Total Guide to Angular Material Custom Themes by Tomas Trajan

Total Guide to Angular Material Custom Themes by Tomas Trajan

Description:

Tomas Trajan

31.08.2017

1h 7m 58s

Bärner JS Talks - Proper unit-testing of Angular JS 1.X apps with ES6 modules - Tomas Herich

Bärner JS Talks - Proper unit-testing of Angular JS 1.X apps with ES6 modules - Tomas Herich

Standard way of testing of Angular JS 1.X app is using “official” Karma / Jasmine solution, which uses a lot of Angular specific APIs. Let’s explore how can we implement our unit-tests independently from Angular with help of (ES6) modules and Mocha.

Tomas Trajan

27.11.2015

28m 50s

Stärken Sie Ihr Team mit unserer umfassenden Erfahrung

Unsere Angular Experten haben viele Jahre damit verbracht, Unternehmen und Startups zu beraten, Workshops und Tutorials zu leiten und umfangreiche Open-Source-Ressourcen zu pflegen. Wir sind sehr stolz auf unsere Erfahrung im Bereich des modernen Frontends und würden uns freuen auch Ihrem Unternehmen zum Aufschwung zu verhelfen.