Angular Videos by Experts

Angular Architecture Mistakes you want to Avoid

In this video, we dive into the fantastic article written by Tomas, highlighting the Top 10 Most Common Angular Architecture Mistakes developers make.

Master Angular Interviews: Senior-Level Questions Answered

In this video, I tackle senior Angular interview questions spontaneously, showcasing how I approach these topics without prior preparation. My goal is to provide you with ideas and examples of how I would navigate such an interview scenario. While some answers could be more detailed or polished, this is a genuine, unfiltered demonstration of my thought process. I hope this video helps you gain insights and prepares you for your own Angular interviews. Let me know your thoughts and feel free to share how you'd answer these questions!

Angular Signals Masterclass eBook

eBook: https://angularexperts.io/products/ebook-signals

SPA, SSR, SSG: Explained All in This Video!

This video provides a broad overview of SPA (Single Page Application), SSR (Server-Side Rendering), and SSG (Static Site Generation). You'll get a clear understanding of how each rendering method works, their advantages, and when to use them. Perfect for developers of all levels, this guide will help you grasp the key differences and make informed decisions for your web projects. Tune in for a straightforward breakdown of these essential web development techniques!

Standalone Components Are The Future

In this video, we dive into an exciting upcoming feature in Angular v19, where standalone: true will become the default setting! 🎉 This change simplifies component development by removing the need for NgModules, streamlining your code, and making Angular even more intuitive for developers. Whether you're new to Angular or an experienced pro, this update is something you don't want to miss.

How to Share Code Like a Pro in 2024!

"Welcome to Skolsnap! 🚀 In this video, we’re excited to introduce our brand-new app designed to make sharing code visually stunning and effortless. With Skolsnap, you can turn your code snippets into beautifully formatted images and share them in style. Whether you’re a developer, a teacher, or just love clean code aesthetics, Skolsnap is here to simplify your code-sharing experience.

App insights with ng-parsel

Let's extend ng-parsel with an interesting feature that allows us to get some quick app insights.

Brew lab

Coding on some fun little side project. Combe by hang out, let's have some fun.

Improve Jest Debugging Experience

Let's check out how to improve the Jest debugging experience.

🅰️ 🚀 ng-add 🤩

Let's explore how to implement an ng-add command, verdaccio, schematics, npm and much more

🅰️ 🚀 Angular query 🤩

🅰️ 🚀 Finally Zoneless! 🤩

🅰️ 🚀 New Angular APIs ✨

Lets check out the new Angular APIs

🅰️ 🚀 Dynamic nested forms ✨

Playing around with dynamic nested Angular forms

🅰️ 🚀 Signal Queries ✨

Lets explore Angulars brand new Signal Queries

Angular Change Detection Explained!

In this video we will explain one of the most crucial Angular concepts which is change detection. We will check out how the default change detection and the OnPush change detection work. Furthermore we will cover what local change detection is and how you can leverage the power of Signals in Angular 17 to benefit from local change detection. Last but not least we will take a look into the future to see how change detection in the future will work once we no longer use zone.js.

🅰️ 🚀 Model Inputs ✨

Lets explore Angulars brand new model inputs

Angular Signals - The future of Angular

Recording of the NgAsia Meetup.

🅰️ 🚀 Angular Signal Inputs ✨

Lets explore Signal Inputs

Local Change Detection in Angular

Explore the power of Signals in Angular's change detection! In this video we'll demonstrate the impact of local change detection through a practical example. Perfect for both beginners and experienced Angular developers. Like, share, and subscribe for more Angular insights!

🅰️ 🚀NgRx Signal Store ✨

Let's take a look at the new NgRx Signal Store

Angular Signals - the complete API

Get ready to dive into the exciting world of Angular Signals! Ever wondered what happens when you create a Signal using a constructor? You end up with something called a WritableSignal, and it's pretty cool. Let's take a journey together to understand what a WritableSignal is all about, and how it's different from your everyday Signal. We'll casually stroll through the API of a WritableSignal, uncovering its unique features in a way that's easy to grasp. So, grab your favorite beverage, and let's get to know WritableSignals in Angular!

Typescript's keyof is pretty neat!

Improve app performance with Angular 17 defer 🤩

In this video we will go through Angular's new defer API. We will explore how to lazy load components to improve the performance of our applicaiton.

Should we rethink state in Angular? Exploring Angular query

The TanStack is very popular in the React world. The stack provides multiple great tools, one of them is React Query, an innovative state management approach. Let's see what it is about and how we can use it in the Angular world.

🅰️ 🚀 Fullstack - Nx, NestJs, Prisma, PlanetScale, Angular Query ✨

Lets build a full stack app with Angular!

In-depth Angular Signals, mental models for reactive graph, push / pull, laziness and more! 🚥

Angular Signals provide us with intuitive developer contract and almost always "just work"! But sometimes, in large projects with many teams, developers and features, it might be possible to encounter some surprising behaviors, especially related to signals laziness...

Signals will change change detection forever!

Angular Signals is one of the most exciting Angular features in a long time. Heres how it impacts local change detection in the future.

Angulars new control flow is amazing! 🚀

🅰️ 🚀 Angular SSR / SSG / i18n ✨

Let's play around with SSR and SSG in Angular

Boost Angular Efficiency: Cut Down Checks with OnPush Change Detection!

WritableSignals extends a Signal with a set, update and asReadonly function

Signals – The Future of Angular

With #Angular 17, Angular #Signals made it out of development preview and are now stable. But what is Angular's new reactive primitive really about? In this webinar, we'll delve into Angular Signals, exploring their API and uncovering the mechanics behind the scenes. Furthermore, we will explore why we need Signals and how they might impact the future of Angular.

🅰️ 🚀 Introducing Angular 17 ✨

🎉 Welcome to an exclusive Angular 17 exploration stream! 🚀

❤️ Gitrocket Hyper.js plugin 🚀

https://github.com/bomanimc/gitrocket

Required Inputs in Angular

Angular 16 introduces a long awaited feature, required Inputs.

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

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

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

Angular 17 - This is the brand new Control Flow

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

Angular control flow

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

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.

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.

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.

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:

Angular hydration explained

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

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.

Required Angular Inputs

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

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!

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!

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".

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.

Exploring Angular signals

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

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/

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

🤔 Interested learning more about Angular?

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.

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! ***

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

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

[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]

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.

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.

Total Guide to Angular Material Custom Themes by Tomas Trajan

Description:

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.