I bought in 2020 Max's Angular Udemy course, that was in Angular v9 if I remember correctly, and finished in 2021, but I then moved to React (than bought Max's React course), and now I discovered that the course that I bought in 2020, it's up to date with the new versions. Such an amazing thing to do. Thanks Max and Academind for that!
Have been leraning and using Angular for almost 2 years now and I love it. And the Angular team keeps improving such important features! It is a good time to be a Angular developer.
11:54 i did not get the , lazyLoad we are doing from the routing itself , but now here how ! , is it directly making the component calling lazy , i means did we import this component in the component normally and using the defer here
Hi Max. Thank you for the video. It would be great if you could prepare a fully project in Angular and explain it to us step by step. There are very few projects on the internet to learn better.
3:24 Can you explain to me why there is less code? With modules, you define things once (eg: the imports), with standalone components, you have to repeat it in each component. In my opinion modules give a structure and reduce the code so I dont understand the entousiasm for standalone even if you're a beginner.
hey i a m not seeing any update related to angular 18 19 in your course , i want to know more about the changes happened and what are the best ways to build the application using angular 19.
Hey Maximilian, I was looking into Stencil to build Web Components and make them compatible with Angular, React etc., but there hardly any videos out there on the topic. When I sorted by most views, I decided to watch the top result, despite it already being 7 years old at the time. I didn't look into who made it, well, color me surprised when I saw your face show up on my screen! Do you still use Stencil? I would love a follow-up on those videos, since much has changed in the past 7 years.
Read for yourself Ryan Carniato's articles "Web Components Are Not the Future" (creators of Solid.js) or Rich Harris (creators of Svelte) - they do an excellent job of dissecting this topic and arguing exceptionally substantively why web-components are a technology that has no future in web-development. If, on the other hand you care about creating components that are "framework-agnostic" then take a look at solutions like zag.js.
Hey max, i'm really confused between learning angular or next js, i like the opinionated side of angular to build large scale projects, but i like also the simplicity of next js to deliver very modern and good web apps, what do you suggest based on your experience and the job market currently?
Can you please cover future of developer in midst of gen ai. How do we ensure ahead for future ready? What things can we learn ? Like node.js or just next.js or anything else. For react.js what is roadmap. Just react.js won't exists?
@joaosaraiva1998 I mean angular 17 or later. I hate things like modules or zone.js based reactivity. Fortunetly there are better tools in the framework.
@@punsmith I wouldn't go that far. I learned React a long time ago, and I feel it's superior to Angular in many ways. It's far easier to be productive with React than Angular, and the market seems to agree. I'm not dissing it; by all means, use what you like, but there seem to be so many things to be aware of when working with it. Maybe too many things.
@andyengle I started by react and then moved to angular and I'm doing a bit of vue. The fact that react is easy to pick feels like a lure to me. It's very easy to ship something fast but way harder to maintain and you need a really good team of coordinated devs to not make a mess out of it. In the long run, I believe people waste a lot of time with this lib while they could have chosen a proper framework.
i have a problem when updating from v15 to 18 and later, no error on build or run, but on console in browser i get couldn't read configuration, and the page is blank
Please update the course with simple example not required the complete applications only how to proceed with http rxjs and fetch/resource , what is difference what are constrains when to use what , more about interceptors , and now about the components , does angular still recommend us to use Modules to bind multple component in a pack ! or what !! should i consider all as only standalone and proceed with standalone arc only no modules files ! . application is big !
Maybe it's just me, but I am not an Angular fan. I've been working with React since probably 2017, but with Angular for the last 6 months. I'm trying to give it a go, but I'm just not a fan. Several things bother me about it, specifically, the whole thing with TS, HTML, and CSS files being broken apart. Is that necessary? Working with props seems like a hassle, and then there's the whole thing of responding to prop changes and knowing when to render updates. React makes all of this very easy, but Angular makes you jump through hoops. Is there something I'm missing? Generally, this framework makes me work a lot harder for what I can do a lot easier with React.
standalone were the default already in v18 though??? Anyway, now that angular is really good and nice (it has been since v17) I guess it's time for google to kill it. RIP
@@AdamFiregate Sarcastic... most companies use some older version of Angular, senior engineers tried to upgrade angular from 8 to 12 for 1 year, and they failed, because we have custom framework built on top of angular 8, so it's literally impossible to migrate to higher version (lack of skill and resources ofc). I am keeping up with signals and new syntax stuff but it's hard when you are not using it at work.
@@hpn1427 Yeah same in my company also we using Angular8 then we have updated to 12 it was a nightmare but still is ok but after Angular14 it's a whole new game now I'm confused how should I prepare for future interviews should I need to learn new stuff because mostly company uses older version or just need to brushup old versions only.
Thank you very much for the update on Angular 19. I am seeing a trend towards react.js, is this observed by everyone? Is there any reason for this shift towards react.js?
I'd like to use it but no equivalent of shadcn/ui makes it a no-go for me as I always start with that or something like MUI which is time tested and mature.
In Angular, a change detection algorithm is continuously running in the background that is listening to every single mouse click event and keyboard event. This algorithm tries to figure out whether that particular event is directed towards the application and makes changes by traversing through the entire application. For this zone.js is primarily used. However, if we use signals instead of the algorithm checking for every single event the signal goes and informs what changed exactly and where exactly the application is to be changed. This increases performance.
@@manojv2893 Thanks a lot. In that case. of I decide to use this experimental zoneless as stated in the standalone doc for Angular 18, do I need to add the following: // standalone bootstrap bootstrapApplication(MyApp, {providers: [ provideExperimentalZonelessChangeDetection(), ]}); Thanks again for your clear explanation indedd.
@@TightyWhities94 Yes but sometimes in your codebase (many companies) you cant change every thing and just migrate all code, so if you still want to use v19 you must mark components.
How do you feel about the lack of HMR support or update regarding it? Despite the awesome application features, it's miserable to actually write code when the browser has heavy full page reloads. Just can't recommend it to anyone until that's addressed. Even NextJS with their nuclear custom tool chain is doing it better...
So since version 19 components, pipes, directives, etc... are going to be standalone, that means we don't have to attach the "imports" property as well? We can simply use whatever we need in our components without importing dependencies, like CommonModule, async pipe, etc...?
So the only thing that now is default is standalone: true? But we have to keep using the imports array in our standalone components? I thought that since is defaulted as true, the imports array in the component's metadata is no longer used...
No that is not the case. It might come later. I do like the imports though, it's very explicit of what is used. If I import a ton of stuff I don't use, then it gets confusing to figure out what you use and what not.
@@theanswer1993ah what? Lmao no. It's still used widely. And yeah Idk why you guys should love a tool religiously. Angular is just a tool. So is React. (Btw I'm not a react fanboy nor Angular fanboy or anything and I understand the benefits of both)
Lol you can use react if you want. Oh wait, not even the react team considers it a good idea to use react without a meta framework. Go play in your react sandbox.
Wow these two Angular guys are so toxic. You asked a humble and respectful question. You received answers made by children. Both have advantages. Angular is suitable for complex web apps because it's opinionated. React is suitable for small and med-size projects (though it can be used for complex web apps but require a careful planning). Just ignore these fanboys who love their tools religiously and learn tools depending on where you wanna work or your needs.
Funnily enough, it's a library and you don't have to act like a toxic child (btw, I'm not a React fanboy or Angular hater as both have advantages but your comment is just childish)
Sorry that your ego is coupled to this spaghetti framework. Mark my words, Google will get tired of patching this dump eventually and they’ll discontinue support. And you’ll need to rewrite the spaghetti you’ve cooked.
If I'm not mistaken, Google is trying to unify Angular with the framework they use internally, in my opinion, the future of Angular is good. In the case of React, they have been trying for years to release React 19 and many derivative frameworks have been impacted by this while Angular continues to evolve without compromising backwards compatibility and making it easier to adopt new versions.
@@LarsRyeJeppesen Angular JS was released in 2010 and then updated to Angular in 2016. React was released in 2013. So yes Angular is out there for 3 years longer.
I bought in 2020 Max's Angular Udemy course, that was in Angular v9 if I remember correctly, and finished in 2021, but I then moved to React (than bought Max's React course), and now I discovered that the course that I bought in 2020, it's up to date with the new versions. Such an amazing thing to do. Thanks Max and Academind for that!
I bought it when Angular 7 was getting out (2019) and I discovered some months ago that he updated everything... I'm already half way there :D
Which one do you prefer?
Proud to have been the first person to suggest this standalone default, back right after V14 /s
Thank you for being a fantastic part of the community!
Duh we're still running V14 :D
You're the best teacher, Max! I love your courses and the way you explain things, especially how you speak English so slowly and clearly.
✌️
Have been leraning and using Angular for almost 2 years now and I love it. And the Angular team keeps improving such important features! It is a good time to be a Angular developer.
Unbelievable, the amount of work you put into the course updates.
Thank you very much for that update and updating your course in line with the newest angular features year on year.
Haven’t seen you in a while. Purchased and loved all your Angular courses since 2017. Thanks for all you do!
I've just bought your excelent course. Thanks for the discount
Angular is great frameworki. I have been using this for 5 Years
That’s what I also feel about Angular after using it for 5 years
the same feeling, after 10 years :) (since angularjs 1.2)
Same here. Always Angular❤❤
Can I connect with you in linkedin
I dumped angular since 2020 after writing it for 5 years. I’ve moved to react which is writing pure typescript and not as coupled.
Thank you very much Max, as always. You're updates are concise and up to the point.
Best framework yet for any enterprise/scalable applicaiton! Good job Max for keeping us up to date!
11:54 i did not get the , lazyLoad we are doing from the routing itself , but now here how ! , is it directly making the component calling lazy , i means did we import this component in the component normally and using the defer here
Hi Max. Thank you for the video. It would be great if you could prepare a fully project in Angular and explain it to us step by step. There are very few projects on the internet to learn better.
Yeah, it's fine if they are a different course as well.
Industry level projects using angular, or how to use angular with enterprise projects.
3:24 Can you explain to me why there is less code? With modules, you define things once (eg: the imports), with standalone components, you have to repeat it in each component. In my opinion modules give a structure and reduce the code so I dont understand the entousiasm for standalone even if you're a beginner.
hey i a m not seeing any update related to angular 18 19 in your course , i want to know more about the changes happened and what are the best ways to build the application using angular 19.
Hey Maximilian,
I was looking into Stencil to build Web Components and make them compatible with Angular, React etc., but there hardly any videos out there on the topic. When I sorted by most views, I decided to watch the top result, despite it already being 7 years old at the time. I didn't look into who made it, well, color me surprised when I saw your face show up on my screen!
Do you still use Stencil? I would love a follow-up on those videos, since much has changed in the past 7 years.
Read for yourself Ryan Carniato's articles "Web Components Are Not the Future" (creators of Solid.js) or Rich Harris (creators of Svelte) - they do an excellent job of dissecting this topic and arguing exceptionally substantively why web-components are a technology that has no future in web-development. If, on the other hand you care about creating components that are "framework-agnostic" then take a look at solutions like zag.js.
Hello Max, will we have the version 19 course?
Hi Max! It’s time for news about Svelte! What has been done in this area? Do you have any new comments about this framework?
This is awesome. I've been waiting for this for ages. Gonnna fup tear down my react projects to angularrrrrrrrrrrrrrrrrrrrrrr.
whats the difference between a computed and linked signal?
Thanks for the info. As always, it was great!
I ❤ angular, your explanation is good.
Thank you! 😃
Guys, does anybody know what is the tool he is using to draw shapes such as circles, rectangles and arrows
Hey max, i'm really confused between learning angular or next js, i like the opinionated side of angular to build large scale projects, but i like also the simplicity of next js to deliver very modern and good web apps, what do you suggest based on your experience and the job market currently?
It truly depends on where you live.
Why not both? Choose a tool for the job.
@@paw565 that's what i'm thinking right now, it's better to know both of them
If you want peace of mind when it comes to updating your projects and out of the box framework go with Angular. Thank me later.
Both are very simple, it's up to you how to build. They are very similar.
Can you please cover future of developer in midst of gen ai. How do we ensure ahead for future ready? What things can we learn ? Like node.js or just next.js or anything else. For react.js what is roadmap. Just react.js won't exists?
Are the udpates added to udemy course or not yet
Wow!! Great news!!
very informative and clearly communicated. thank you.
Annoying part of new resource is that it is not best suited for mutations. For now tanstack query is a more complete API
Modern Angular looks great anymore🚀👍
Linked signal is not experimental. Its in developer preview.
Im learning nest js old angular style backend framework i loved it for backend but on front end react &next js make lot sence
let me love Angular i will buy your courses
Great video ! thx Max
Modern angular is awesome.
By modern angular you mean React? 🤣🤣🤣
@joaosaraiva1998 I mean angular 17 or later. I hate things like modules or zone.js based reactivity. Fortunetly there are better tools in the framework.
@@joaosaraiva1998 No kiddo, nobody but bootcamp babies loves react.
@@punsmith I wouldn't go that far. I learned React a long time ago, and I feel it's superior to Angular in many ways. It's far easier to be productive with React than Angular, and the market seems to agree. I'm not dissing it; by all means, use what you like, but there seem to be so many things to be aware of when working with it. Maybe too many things.
@andyengle I started by react and then moved to angular and I'm doing a bit of vue. The fact that react is easy to pick feels like a lure to me. It's very easy to ship something fast but way harder to maintain and you need a really good team of coordinated devs to not make a mess out of it. In the long run, I believe people waste a lot of time with this lib while they could have chosen a proper framework.
i have a problem when updating from v15 to 18 and later, no error on build or run, but on console in browser i get couldn't read configuration, and the page is blank
Does angular material also new version released
Please update the course with simple example not required the complete applications
only how to proceed with http rxjs and fetch/resource , what is difference what are constrains when to use what ,
more about interceptors , and now about the components , does angular still recommend us to use Modules to bind multple component in a pack ! or what !! should i consider all as only standalone and proceed with standalone arc only no modules files ! .
application is big !
No Runtime Configs yet?
Great 🎉
So good explanations! Thanks a lot
Max, please create a refreshed Angular 19 course in udemy.
Maybe it's just me, but I am not an Angular fan. I've been working with React since probably 2017, but with Angular for the last 6 months. I'm trying to give it a go, but I'm just not a fan. Several things bother me about it, specifically, the whole thing with TS, HTML, and CSS files being broken apart. Is that necessary? Working with props seems like a hassle, and then there's the whole thing of responding to prop changes and knowing when to render updates. React makes all of this very easy, but Angular makes you jump through hoops. Is there something I'm missing? Generally, this framework makes me work a lot harder for what I can do a lot easier with React.
Breaking functionality, templating and style isn't a bad ideea, when you have a big code block for that specific component
@SXsoft99 Ok, I can see that. In React world, we would just break that down into smaller components and compose from there.
It's not necessary. By all means ,use the same file
standalone were the default already in v18 though???
Anyway, now that angular is really good and nice (it has been since v17) I guess it's time for google to kill it. RIP
No there were not. You had to use the "standalone: " property in all components.
You've forgotten to turn off your low speed mode dude :D. It's not Udemy, content size doesn't matter here.
This is awesome
There is a higher version than Angular 8? 😧
Are you sarcastic or serious? 🙂
@@AdamFiregate Sarcastic... most companies use some older version of Angular, senior engineers tried to upgrade angular from 8 to 12 for 1 year, and they failed, because we have custom framework built on top of angular 8, so it's literally impossible to migrate to higher version (lack of skill and resources ofc). I am keeping up with signals and new syntax stuff but it's hard when you are not using it at work.
@@hpn1427 Yeah same in my company also we using Angular8 then we have updated to 12 it was a nightmare but still is ok but after Angular14 it's a whole new game now I'm confused how should I prepare for future interviews should I need to learn new stuff because mostly company uses older version or just need to brushup old versions only.
Thank you very much for the update on Angular 19. I am seeing a trend towards react.js, is this observed by everyone? Is there any reason for this shift towards react.js?
Too many bad bootcamp developers that can't learn Angular.
I'd like to use it but no equivalent of shadcn/ui makes it a no-go for me as I always start with that or something like MUI which is time tested and mature.
Well they have primeng which is closest to shadcn
What is this thing with zone in standalone
In Angular, a change detection algorithm is continuously running in the background that is listening to every single mouse click event and keyboard event. This algorithm tries to figure out whether that particular event is directed towards the application and makes changes by traversing through the entire application. For this zone.js is primarily used. However, if we use signals instead of the algorithm checking for every single event the signal goes and informs what changed exactly and where exactly the application is to be changed. This increases performance.
@@manojv2893 Thanks a lot. In that case. of I decide to use this experimental zoneless as stated in the standalone doc for Angular 18, do I need to add the following:
// standalone bootstrap
bootstrapApplication(MyApp, {providers: [
provideExperimentalZonelessChangeDetection(),
]});
Thanks again for your clear explanation indedd.
Thanks alot, Will check and see. I decided to use the new zoneless feature for a new app.
why would you make a component non-standalone?
If you need to migrate modules code which have components that are not standalone, you will need to mark them as non standalone...
@TheNsn666 Just make everything standalone by default and remove marking. We are adding unnecessary modularization with this.
@@TightyWhities94 Yes but sometimes in your codebase (many companies) you cant change every thing and just migrate all code, so if you still want to use v19 you must mark components.
How do you feel about the lack of HMR support or update regarding it? Despite the awesome application features, it's miserable to actually write code when the browser has heavy full page reloads.
Just can't recommend it to anyone until that's addressed. Even NextJS with their nuclear custom tool chain is doing it better...
Good news! In the release post, there’s some notes on the HMR support for styles and on the experimental template HMR that’s part of v19.
Hmr is hard to get right when you have too many moving parts. And angular is famous for too many moving parts and opinions
HMR is overrated.
@@marcuss.abildskov7175 Yeah OK
Angular v19 has HRM for scss and templates. Not sure how you missed that?
I don't really understand angulars implemention of Signals. Preact seems to do it better
Not really
Danke sehr
So since version 19 components, pipes, directives, etc... are going to be standalone, that means we don't have to attach the "imports" property as well?
We can simply use whatever we need in our components without importing dependencies, like CommonModule, async pipe, etc...?
You have to import standalone pipes, components etc
So the only thing that now is default is standalone: true? But we have to keep using the imports array in our standalone components?
I thought that since is defaulted as true, the imports array in the component's metadata is no longer used...
No that is not the case. It might come later. I do like the imports though, it's very explicit of what is used. If I import a ton of stuff I don't use, then it gets confusing to figure out what you use and what not.
With every new version, development should become simpler but what we see - many new complications.
Max, sorry I couldn't watch the video on normal speed, it's a habit:))
I was adopter since the v1.
When v2 came out , I just threw it to the trash.
No thanks, I moved to Svelte. Faster, simpler, simply amazing and useful.
React could learn a few things from angular n vue
R.I.P. React
Nope. React and React Native allow for code share. Angular needs to compete with React, not the other way around
@RogueTravel React is dead.
@@theanswer1993 …
@@theanswer1993ah what? Lmao no. It's still used widely. And yeah Idk why you guys should love a tool religiously. Angular is just a tool. So is React. (Btw I'm not a react fanboy nor Angular fanboy or anything and I understand the benefits of both)
Verbessere mal dein Angular Udem-Kurs . Der ist unübersichtlich
damm, angular still exist in 2024?
👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼
It is a mess if you are converting from angular 18 to 19
Where’s HMR?
🗿Title
🤡Video
Vue is best
Future of Angular ? Is there still a future for this platform?
Lol you can use react if you want. Oh wait, not even the react team considers it a good idea to use react without a meta framework. Go play in your react sandbox.
Why are you even here? Go back to your React, noobie :)
Wow these two Angular guys are so toxic. You asked a humble and respectful question. You received answers made by children.
Both have advantages.
Angular is suitable for complex web apps because it's opinionated.
React is suitable for small and med-size projects (though it can be used for complex web apps but require a careful planning).
Just ignore these fanboys who love their tools religiously and learn tools depending on where you wanna work or your needs.
When I hear about frontend frameworks, I just want to 🤢🤢... I'm sick of all of their bs...
Damn, React noobs feeling the burn in the comment section.. calm down girls, it doesn't affect you, keep using your beginner friendly "framework"
Funnily enough, it's a library and you don't have to act like a toxic child (btw, I'm not a React fanboy or Angular hater as both have advantages but your comment is just childish)
Sorry that your ego is coupled to this spaghetti framework. Mark my words, Google will get tired of patching this dump eventually and they’ll discontinue support. And you’ll need to rewrite the spaghetti you’ve cooked.
React 19 > Angular 19
.
tomorrow google will shut it down like flutter and any other projects. google products are not stable for long term
Angular has been going for longer than React my friend.
If I'm not mistaken, Google is trying to unify Angular with the framework they use internally, in my opinion, the future of Angular is good. In the case of React, they have been trying for years to release React 19 and many derivative frameworks have been impacted by this while Angular continues to evolve without compromising backwards compatibility and making it easier to adopt new versions.
@ React also has some braking changes that current libraries must update. It means we can’t use current AI tools to generate code
Angular is older than React... lmao
@@LarsRyeJeppesen Angular JS was released in 2010 and then updated to Angular in 2016. React was released in 2013. So yes Angular is out there for 3 years longer.
no thanks will stick to react
I use both React and Angular. 💛
Angular looks awful. I am sad for poeple working with it lol...
how so? are you a child?
Lmao why you think so ?