Angular Material Customizable Dashboard #1: Create reusable widget components

#angular #dashboard #animation

Playlist for the Angular sidebar tutorial

📽️ My courses:

✍️My blog for more free Angular posts:

In this first episode of our series, we embark on building a fully customizable Angular dashboard using Angular Material 3 with the latest Angular 18.1. We'll create reusable and dynamically rendered widget components, use CSS Grid for responsive layouts, and set up a simple store for managing widget states.

Socials:

Sections:
00:00 Introduction to Customizable Angular Dashboard
00:01 Overview of Dashboard Features
02:51 Setting Up the Angular Material Application
04:00 Creating Reusable Widget Components
15:49 Dynamic Component Rendering
17:03 Responsive Grid Layout
19:51 Conclusion and Next Steps

[EusebioJoveth]

Thanks you for always providing us with great concepts master.❤

[niloybarmon]

Great video for angular developer. Highly dynamic.

[xuanthanhtran]

amazing, this is the best chanel design angular, thank you

[ubaizxd]

Thank you sir, ig you are the only gem mentor of Angular in Pakistan.

[davebudah]

Thank you for such valuable information.

[Gyver]

thank, very good tutorial, wait next

[PLanBBeaTZ]

I really liked how you explained the concept behind it. It was very easy to follow. good job!

[TheZukkino]

Terrific video. This is really interesting and well explained. Thank you so much 😁

[ytamb]

Thank you very much. I've been working on a side-project to create a configurable dashboard for our app. But it's difficult to know the best practices are, now that standalone components and lazy loading them is an option. Really pleased you are sharing your expertise.

[GeorgeYip-nikm]

Great Tutorial. May I ask, @5.40 I noticed that the content is typed as "unknown", but that type is from Angular and not TS. First time seeing this, what is the difference and can you use unknow from TS instead?