Тёмный

Angular 17 Features With Examples - You Must Know That 

Monsterlessons Academy
Подписаться 44 тыс.
Просмотров 38 тыс.
50% 1

Learn Angular 17 features with examples that I created. These are the most important features which changes Angular development enormously. It is often that you get a question about latest changes in your framework or language on the interview and this is when your Angular 17 knowledge can shine.
TIMESTAMPS
0:00 Introduction
0:14 Angular dev website
3:28 Setting up Angular 17
6:43 Angular 17 control flow
9:27 Angular 17 conditions
10:55 Angular 17 defer and deferred views
► CHECK MY COURSES - monsterlessons-academy.com/co...
MOST POPULAR COURSES
► Building real project with Angular + NgRx - monsterlessons-academy.com/co...
► Building real NestJS API - monsterlessons-academy.com/co...
► Javascript interview questions - monsterlessons-academy.com/co...
► Angular Interview Questions monsterlessons-academy.com/co...
► Building real fullstack project - monsterlessons-academy.com/co...
► Mastering Git - monsterlessons-academy.com/co...
► Mastering Docker and Docker Compose - monsterlessons-academy.com/co...
► Building real project with React Hooks - monsterlessons-academy.com/co...
► Building real project with Vue + Vuex - monsterlessons-academy.com/co...
FOLLOW ME
► TWITTER - / monster_lessons
► INSTAGRAM - / monsterlessonsacademy
► TIKTOK - / monsterlessonsacademy
REFERENCES
► Source code - github.com/monsterlessonsacad...

Опубликовано:

 

30 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 79   
@sakarsr
@sakarsr 8 месяцев назад
Really wonderful video on Angular 17 features. Thank you and have a nice day and good health.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
Thanks!
@abdelhaibouaicha3293
@abdelhaibouaicha3293 8 месяцев назад
📝 Summary of Key Points: Angular 17 introduces a new logo and website that are more structured and beginner-friendly. The website includes documentation, tutorials, a playground, and a reference section. Angular 17 includes two features from Angular 16 by default: signals for managing state and spied for faster application building. The video explains how to set up a new Angular 17 application using the Angular CLI. Angular 17 introduces a new feature called control flow, which changes how code is written in HTML templates. Another new feature in Angular 17 is defer, which allows for delayed rendering and the display of placeholders while content is being loaded. Different triggers for defer include on idle and viewport, with on idle being the default trigger. 💡 Additional Insights and Observations: The new website and documentation in Angular 17 are praised for being more beginner-friendly and easier to understand. The control flow feature in Angular 17 simplifies the creation of loops and conditional statements in HTML templates. Defer in Angular 17 provides flexibility in rendering content and displaying loading indicators. 📣 Concluding Remarks: Angular 17 brings exciting new features, an improved website, and enhanced documentation to make Angular development more accessible and efficient. The control flow and defer features offer more flexibility and convenience in building Angular applications. Made with Talkbud
@PizzaPlanetGamingOfficial
@PizzaPlanetGamingOfficial 4 месяца назад
Gracias, me cuesta entender el inglés todavía, saludos desde Latam
@yt.mhasan
@yt.mhasan 8 месяцев назад
great tutorial. I am wating for using ng17 in my new project soon.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
Best of luck!
@MG-wx8yx
@MG-wx8yx 4 месяца назад
I'm a huge fan of your channel and can't believe I haven't subscribed all these years. Sorry for than. I'm subscribing right now.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 4 месяца назад
Welcome aboard!
@karthikeyansundaramoorthi247
@karthikeyansundaramoorthi247 8 месяцев назад
Angular proved its awesomeness once again.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
Yeap
@fadil2671
@fadil2671 8 месяцев назад
nice and usefull video as usual, thanks for sharing
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
You are welcome!
@titoriano1
@titoriano1 8 месяцев назад
I would love improvements for same file templates. I know you can do it. But I want the documentation to push it a bit more
@omsunkoradji120
@omsunkoradji120 7 месяцев назад
Have an issue with SSR building. Built files looks the same like without SSR... SSR does not work? Plz show examples... thanx in advance
@yuraprotsuk
@yuraprotsuk 8 месяцев назад
Great info, thanks
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
Glad it was helpful!
@chrisb3902
@chrisb3902 5 месяцев назад
Thanks for this video!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 5 месяцев назад
My pleasure!
@daviddonadze221
@daviddonadze221 6 месяцев назад
Love your videos. Thanks
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
Thanks for watching!
@alexanderkomanov4151
@alexanderkomanov4151 8 месяцев назад
THANKS A LOT!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
You're welcome!
@konstantinsurnin855
@konstantinsurnin855 2 месяца назад
thanks a lot bro!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 месяца назад
You're welcome!
@CodingAbroad
@CodingAbroad 8 месяцев назад
If your site already uses Angular universal and you want the new ssr in version 17 would you personally make a brand new version 17 project and copy and paste your files across?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
I would always just generate latest version and copy all code there if it is possible. Normally it is not as you want to save git history for example.
@andang6613
@andang6613 8 месяцев назад
I am running the Angluar v15, Do you think it would be difficult to upgrade to v17 from v15 because of many changes of syntax ?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
Depends on your dependencies. If you have just plain Angular then not that difficult.
@yudianantha4549
@yudianantha4549 2 месяца назад
WOW, so we can use "Defer" features the same like "pop up html contents on scroll" right ? and "Loading" and "Placeholder" features for Skeleton Views ? Man this Angular 17 Updates is SO BIG, its like Angular with the best of Laravel and the best of React in it... its a compilation of the best things in Angular + best feature in Laravel + best feature in React As a Freelance fullstack developer, im really jumping like a madman right now, this is life changing, im 100% ONLY using Angular right now (and the new documentation pages is a huge plus too)
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 месяца назад
Yeap, it's great for performance
@user-uo8jd7ys2x
@user-uo8jd7ys2x 8 месяцев назад
How can I make the logic in my VSCode, starting with @if and similar constructs, highlight in a different color, rather than being plain white? Please advise.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
No idea for now. Probably it will be improved later
@user-uo8jd7ys2x
@user-uo8jd7ys2x 8 месяцев назад
@@MonsterlessonsAcademy thank you)
@mogheshantanu
@mogheshantanu 7 месяцев назад
Hi, nice explanation, please guide on how to use @for in nested loop.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 7 месяцев назад
I will add it in the list of ideas
@BrockFredin
@BrockFredin 8 месяцев назад
Nice!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
Thanks!
8 месяцев назад
Good morning, Do you have a course to create an Angular17 and .net8 application with EF CORE user management?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
No I don't
@msrangular2808
@msrangular2808 8 месяцев назад
hi sir can we use *ngFor in old fashion also? I tested it, and it is working.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
Yes you can. It is not a replacement for ngif
@user-vh5tf3cf8y
@user-vh5tf3cf8y 8 месяцев назад
thank youuu
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
You're welcome!
@mohamedkhalilkhedhri9942
@mohamedkhalilkhedhri9942 7 месяцев назад
hi iam using standolone componenets and i want to use scrollrevealjs but i dont know how i didnt find any documentation , they all giving solutions using modules
@MonsterlessonsAcademy
@MonsterlessonsAcademy 7 месяцев назад
Unfortunately I don't have with custom problems of the students.
@inktrl
@inktrl 8 месяцев назад
What font are you using in your nvim config?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
It's monaco
@rishukumar7586
@rishukumar7586 8 месяцев назад
Angular 17 new control flow stable or in developer preview ?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
Dev preview
@naiomi5532
@naiomi5532 2 месяца назад
i started working on angular project v15 can i upgrade to 17 please ?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 месяца назад
Sure why not?
@ismailuwair187
@ismailuwair187 3 месяца назад
maybe you could make a video Angular vs React/Next.js as Angular interdocues so many interactive stuff..
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 месяца назад
I will add it to the list of ideas
@axi._.x4043
@axi._.x4043 8 месяцев назад
What is the name of the topic, you stick to your ide ?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
I don't understand your question.
@hamm8934
@hamm8934 8 месяцев назад
why not just embrace jsx instead of the control flow syntax? I find templating syntaxes always leave stuff to be desired and wasted time learning framework specific syntax.
@nagendradevara1
@nagendradevara1 8 месяцев назад
Here in the Angular as far as i know the code should be doing all the preprocessing and just give the result for html to render.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
I agree. JSX is fully covered by TS by default but probably there are framework limitations which doesn't allow to embrace JSX.
@LarsRyeJeppesen
@LarsRyeJeppesen 8 месяцев назад
I hate jsx
@LarsRyeJeppesen
@LarsRyeJeppesen 8 месяцев назад
Defer is fantastic, you would not get that with jsx
@hamm8934
@hamm8934 8 месяцев назад
@@LarsRyeJeppesen yes you can. Pretty next even has a built in hook for it.
@start662
@start662 8 месяцев назад
Is bro using vim?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
Yes
@JohnDoe-eo9lc
@JohnDoe-eo9lc 8 месяцев назад
This is a very sexy update
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
Yeap!
@kol4an721
@kol4an721 8 месяцев назад
Angular signal is not stable, but it production ready for now
@mgechev
@mgechev 8 месяцев назад
Signal and computed are stable, and we'll make effect stable in v18.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
You are totally right. I didn't see that effect is still in developer preview.
@kol4an721
@kol4an721 8 месяцев назад
@@mgechev in version 18 effect will appear again in public api?
@mgechev
@mgechev 8 месяцев назад
@@kol4an721 that's the plan :)
@OM-bs7of
@OM-bs7of 8 месяцев назад
The control flow thing looks messy tbh. Good thing we aren't forced to use it!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
It depends. We are not forced on standalone also but if NgModules are optional and new projects don't contain NgModules people are using them less and less.
@internettraffic5115
@internettraffic5115 8 месяцев назад
Angular the worse UI framework, something new comes and breaks everything on upgrade...
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
But realistically start from 10 or 12 it's much more stable than before.
@dmitriyobidin6049
@dmitriyobidin6049 7 месяцев назад
HTMX is on the way, no need to learn angular :)
@MonsterlessonsAcademy
@MonsterlessonsAcademy 7 месяцев назад
They are so different. It is fine to use HTMX for a small amount of Javascript without lots of business logic. As soon as you need that it becomes to complicated to support.
@spamviking8591
@spamviking8591 8 месяцев назад
“The angular documentation was difficult for beginners” I have been using angular for more than ten years, and I found the old documentation useless.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
They actually improved it in last years. At the beginning it was really useless.
Далее
▼КОРОЛЬ СОЖРАЛ ВСЕХ 👑🍗
29:48
Просмотров 323 тыс.
What's new in Angular v17
5:08
Просмотров 40 тыс.
Angular 18 is EXACTLY what we needed
9:15
Просмотров 68 тыс.
Top 5 Angular Mistakes - You Must Know Them
10:32
Просмотров 57 тыс.
Every React Concept Explained in 12 Minutes
11:53
Просмотров 508 тыс.
Why Angular Signals? Write Your First Signal
14:25
Просмотров 8 тыс.
ngTemplateOutlet is WAY more useful than I realised
16:36