Видео

Explain the communication between component as parent and page as child in ionic angular my url is ....../component/page

wonderful as usual. Thanks for the in depth tutorial. I have a challenge though for some reason I can drag the widget but it doesnt move and reposition. I have even bought the code from lemonsqueazy but cant seem to find where i am going wrong. Will you be able to assist please. I can share my codebase with you to inspect.

Hello, I followed this guide and it helped me out a lot to get started in Angular. I am now trying to add the /products/1. Do you have a video how to implementing this? Thank you!

Awesome !

Super cool mate, thanks for the video. Angular Material is really stepping forward !!

As usual F.A.N.T.A.S.T.I.C! I just did some more digging and found these: 1. Primary Color: The primary color is the most prominent color in your application's theme. It's used to paint key components and areas, establishing a consistent visual identity. In Angular Material, the primary color is applied to: App Bar: The background color of the top app bar. Buttons: Background and ripple effects for primary buttons. Links: Default color for hyperlinks. Selection Controls: Active states of checkboxes, radio buttons, and switches. Progress Bars: Color of linear and circular progress indicators. Text Fields: Active line and label colors in form fields. 2. Secondary Color: The secondary color complements the primary color and is used to highlight elements that require less emphasis. It's applied to: Floating Action Buttons (FAB): Background color of FABs. Selection Controls: Active states when secondary emphasis is needed. Highlighting Text: Text or icons that need secondary emphasis. Tabs: Indicator color for selected tabs. 3. Tertiary Color: The tertiary color provides additional flexibility in your theme, allowing for further differentiation of components. It's typically used for: Accents: Additional accents in UI elements to distinguish them from primary and secondary components. Interactive Elements: Hover states or active states of certain interactive elements. Charts and Graphs: Distinct data representations in visualizations. 4. Neutral Color: Neutral colors are used for surfaces, backgrounds, and borders, providing a backdrop that ensures primary, secondary, and tertiary colors stand out. They are applied to: Backgrounds: Main application background and surfaces of components. Dividers: Lines separating content or sections. Disabled States: Indicating disabled or inactive components. Text: Standard text color, ensuring readability against the background. Thanks again Zoaib! You're the best!

Absolutely loved to watch the implementation of the custom theme in this video! . Great work! 👏

Very nice as always! Question do you need @use "angular/material" as mat?

Muchas Gracias, genial, muy buena introducción....

Thanks for quick response Zoaib. Obvious really. Thanks or great utility.

Well I purchased it but all I can find and download is a zip of the website. Help||||

Learned a lot from this video, thank you.

Bro, thank you so much for this. I'll be following your tutorials, and I've subscribed after watching this 3-part series and hopefully will be watching and learning more from you. Great work!!

Will the linkedSignal solve the issue?

could you provide the default data used in this tutorial

Great, this solved my issue with replacing the last of @angular/flex-layout in my project. Thanx!

Very nice Zoaib, love your work... Can you recommend an admin template that has been written with Signals and these other Angular 19 features from the ground up, not just a backward compatible upgrade?

i really cant figure out how to change the height of a form field, I hope this video helps me

Muchas gracias mister Zoya

Your tutorial is of great help to catch up with signals and widget. Thank you

Great info ... Thanks very very much

Your explanation on how to use the angular theme helped me so much to I understood how to applicated. Great job!! Thanks 😁😁

Very well done, and the side explanations, were very helpful. I learned a ton on these videos, (coming from a React background, now learning Angular 19). Thank you so much!

Thanks for sharing! I noticed when using viewtransition, that the app is not clickable while transitioning. Is this only in my example or is this just a limitation of the viewtransition api? I am looking forward to read more about your motion library. ;)

Using ai i removed the firebase stuff and instead mocked the login. Provide a firebase less version plz

Great explanation mate! How we should define custom theme palette with custom colors in Material v19?

Thanks for the lesson.

Sir please make a industry level (learn beginer to advance angular playlist)

Thanks for sharing 👍

Superb

Bro where did you get the QURAN data from?

Learned about signals from this video. Thanks.

Hi! How do you use different font sets for mat-icons? Do you simply add the URL from Material Icons to the index.html file? Thanks!

Thanks for this, but here's an interesting update: due to a VERY recent Tailwind update, both the URL to the installation page AND the commands to run at installation have changed. Just goes to show: as much as we try to be up to date, web development marches on!

You've earned a sub from a fellow dev! Keep it up.

Excellent video as usual. Just a quick question ... what is happening on my end is that firstly creating a separate component for the menu items is not working (it just shows a blank page).So i kep it in the same component. Second issue is that .. I have multiple menu items with sub menus... when i click to expand they all expand and minimize .. can you please help ? btw i am using v19

Thanks for the video! I have one question: How do you create a theming config variable to pass to components? In that case, should we use mat.define-theme?

great thanks for the video, can u make a video on adding custom colours Palettes instead of Prebuilt Color Palettes ?

hello , thank for this tutorials firebase is it free please ?

Thanks for the tutorial, I enjoy your short an informative way of showing typical usecases for creating applications. Keep ut the good work! Regarding the sidenav, upgrading to angular 19 (19.1) seems to have broken the navigation of the sidebar, and perhaps requires a change? The mat-drawer is no longer animated collapsed/opend, unless explicitly adding transition to the mat-drawer. Have you seen this?

Is this considered better than media queries? It looks more complex to me, but also performance wise isn't just running CSS classes more efficient than javascript overhead?

make tutorials for primeng

I dont get why defaulting to Signal Store, when Signal State offers the same functionality and its much cleaner

Hi , you have used computed signal in your example right? To change or filter the list based on search term? Can we use effects?

Thanks for the explanation. I don't understand, why we don't at least get the primary / secondary / ... colors as css classes out of the box, but i guess that's the material way. Here's hoping they are done with breaking changes and reinventing the wheel every 1-2 years with Version 3...

That's great! The way you explain is what we needed! Thanks & Keep it up!

great video but i think make a component to encapsulate other component is not necessary, you can use if statement and display loader component or display the info