Sometimes the official docs can be a bit hard to read Danny, I agree. That's why it's really cool to read that the video helped you to make things clearer :)
Great video Max! It's really exciting to see Angular Elements taking shape. I'm also actually glad RxJS has finally been updated to conform with the import syntax used by all other areas of Angular. I expect intellisense in VS Code will work better for RxJS imports now too (well I'm hoping!) Also, I love all your RUclips videos, and I've done a couple of your Udemy courses, which I thoroughly enjoyed - you have a real gift for teaching. Keep up the good work man!
Max would love a short video to describe how the new project workspace and library features work. There is nothing around about this at the moment. Thanks.
I also think that this would be interesting. I'll have to dig deeper into it myself first though and I also want to wait a bit since new Angular CLI versions tend to be a bit unstable ;)
Hi Max, I am getting this error- ERROR in node_modules/rxjs-compat/add/observable/dom/webSocket.d.ts(1,10): error TS2305: Module '"D:/Angular 6 code/ng6-update-example-project-starting-code-ng6/node_modules/rxjs/webSocket/index"' has no exported member 'webSocket'. src/app/app.component.ts(43,27): error TS2339: Property 'throw' does not exist on type 'typeof Observable'.
hello very good tutorials.. I am facing a problem. please help me . i wan to remove a module . when i delete routing of that module and also the directory of that module by doing this i am getting error while i hit ng serve command.... please suggest me ...
Hello Max, thanks for the video. I followed the instructions and changed the code according to the video and after uninstalling the 'rxjs-compat ' I got bunch of errors from angular-material, angular-cdk and angular-flex-layout. Can you please help with this.
Thanks as always.... I think you are using VC code? How do you get this distinct icon on the side of your files? such as github, typscript, angular icons....?
How is your vs code has a symbol of angular (A) but mine don't and also have a folder symbol. Is that a theme or plug in, if yes which one ??? or is it something else??
Do you know how to convert from css to sass? It used to be a simple change in the angular-cli.json but now that that file has changed dramatically I don't see how to configure it.
Thanks! For some reason running the script wasn't working, but looking up the intended result of running it was enough to manually adjust the config file myself. It's compiling now so that was helpful. Thanks again.
Max, should I wait for your next Angular version course to be released? I ask this because I was planning to study your Angular 5 course on Udemy and it seems that it is outdated with these changes coming thru.
Wow, so much negativity. I update the number in the title because the course is up-to-date. Did you ever consider this reason? Might also be why I update lectures (and not just titles) on a regular basis...
The course is up-to-date. The only thing that changed are the RxJS imports and adjusting them is easy. I already added a couple of lectures that help with that.
Thanks, Max! That was my only doubt. I was afraid to start a course and those crazy ones at Angular would be changing all the framework just like they did back in the day. I am starting to learn your Angular course then.
Love your stuff, you get the developer perspective. Thanks. But a negative on this one I think, your http get map of map and subscribe looks like greek, theres gotta be a clearer example
Lazy loading not working in angular 6. e.g loadChildren: 'app/dashboard/dashboard.module#DashboardModule' need change to loadChildren: './dashboard/dashboard.module#DashboardModule' but it run simply on "ng serve" but not working on "ng build --prod" or "ng serve --aot"
Circular dependency means that one of your imports is pointing to the same path as your component, which then points back to your import. Fix that, and you won't get that error.
They are not comparable. Angular is a framework, React is a library. Don't know about Vue. Use Angular to build your entire website, use React inside an existing website to render views only.
Yes, I have just wwatched your DI video (ruclips.net/video/Mz8lb81AAe4/видео.html) and realised that I have decored all my services with Injectable() decorator.
You did nothing wrong. There was a recommendation from the beginning to use Injectable decorator every time for the sake of consistency and to make it harder to make stupid mistakes with injection :)
We had the chance to meet Abe from the Firebase team last year, but unfortunately I don't know anybody from the Angular team. I just follow along the news, check Github etc. to make sure I can keep you updated as soon as possible :)
I actually don't think so - the imports are now way easier and you don't have 1,000s of different ways of importing stuff (I assume you are referring to RxJS)
Unbelievable. CHURN CHURN CHURN. How the hell is somebody supposed to have a production website, while the underlying tools are changed every 6 months??
U're absolutely right dude, I've only been reading about it and and watching new versions come out like every day... Tech evolves so rapidly, but for the angular case, that tends to lead ppl to a "tech fatigue"... but again, that's just MY opinion among thousands other ones...
Hello! Thanks for the informative video. I have one proposal. Fix your horrible German accent with this one simple patch: Pronounce English 'v' like German 'w', not like German 'uo' (or something like that). Crass example: @16:49 "available" -- you pronounce it like "awailable" (or "aouailable"). That sounds so terrible, it hurts. This simple upgrade of your English language package could save the ears of thousands of viewers. Keep up the good work and may the force be with you!
I'll try my best to keep up the content quality but there's not too much I can do about the accent I fear. If you find it horrible, this might be a bad channel for you overall :/
Come on, grumpy German, you can take some tongue-in-cheek criticism with some humour! You can do it! Practice makes perfect. Say "available" (not "awailable") ten times. Hire someone to slap you everytime you say "awailable" (or something like that). It's a simple fix!
Fabulous video, thanks! It's amazing how official documentation can make something so simple seem so obscure.
Sometimes the official docs can be a bit hard to read Danny, I agree. That's why it's really cool to read that the video helped you to make things clearer :)
Thanks Max. Nice summary of changes. Thanks a lot for explaining those in so easy ways.
Thank YOU for your great feedback, it's really cool to read that you like my explanations :)
Thanks for the update Max! Simple to understand as always :)
Awesome to read that, thank you so much for your support :)
what!! rxjs... Great video Academind ;)
Thank you so much for your comment!
Thanks for making things simple! The best angular instructor :-)
So awesome to read that Ashish, thank you very much for your fantastic feedback :)
Great video Max! It's really exciting to see Angular Elements taking shape. I'm also actually glad RxJS has finally been updated to conform with the import syntax used by all other areas of Angular. I expect intellisense in VS Code will work better for RxJS imports now too (well I'm hoping!)
Also, I love all your RUclips videos, and I've done a couple of your Udemy courses, which I thoroughly enjoyed - you have a real gift for teaching. Keep up the good work man!
Thank you so much - and thanks for joining my courses on Udemy! I'm glad you're liking my content! :-)
Max would love a short video to describe how the new project workspace and library features work. There is nothing around about this at the moment. Thanks.
I also think that this would be interesting. I'll have to dig deeper into it myself first though and I also want to wait a bit since new Angular CLI versions tend to be a bit unstable ;)
oh thanks from Russia. it's very useful video. Especially thanks for rxjs, i spent 3-4 hours to find out how to fix my project yesterday.
Great to hear I could help! :-)
Nice video to understand feature of angular 6 Thanks..
Thank you very much :)
Great video, thank you for keeping us up to date :-)
Sure thing - happy to hear you found this video to be helpful!
Really awesome! Thanks a lot Max :)
Thank you Sampath, happy to read that you like the video!
Great videos! Can you make a video on how Angular can make animations with Canvas
Hi Max thank you so much for these videos!
Really happy to read that you like the videos Juan, thank you for your comment!
Again, thank you very much Max.
Thank YOU for your comment and for your support!
Thanks for Angular 6 :)
Gr8, it's really supporting.
Thank you for sharing this Anurag!
Hi, can you please explain how to add custom multiple environment files and how to add those to angular.json file to serve and build
Great one... Thanks Max
Thank you so much! I'm happy that you found it to be helpful!
Thanks for sharing this video.
Thank YOU for your comment :)
(5) angular-cli.json -> (6) angular.json schema changed too.
Thanks max, this information is very useful
Great to read that Sekar, thank you for your comment!
Hi Max,
I am getting this error-
ERROR in node_modules/rxjs-compat/add/observable/dom/webSocket.d.ts(1,10): error TS2305: Module '"D:/Angular 6 code/ng6-update-example-project-starting-code-ng6/node_modules/rxjs/webSocket/index"' has no exported member 'webSocket'.
src/app/app.component.ts(43,27): error TS2339: Property 'throw' does not exist on type 'typeof Observable'.
Cheers dude, Helped alot
Awesome to hear that, thank you so much Ryan!
Thank you Max! Very useful
Very happy to read that Ramm :)
I just ported my website to Angular 6
can you provide the like to website.
hello very good tutorials..
I am facing a problem.
please help me . i wan to remove a module . when i delete routing of that module and also the directory of that module by doing this i am getting error while i hit ng serve command.... please suggest me ...
Awesome video!!!!
So happy to read that Rodolfo, thank you for your comment!
would've been nice to see what alternatives to 'root' there are for the services providedIn property
Thank you very much! Really helpful!
Great to hear that - thank YOU!
What are options for @Injectable({providedIn: 'root'}), modules name, or what? Thanks for your free informations!
Hello Max, thanks for the video. I followed the instructions and changed the code according to the video and after uninstalling the 'rxjs-compat ' I got bunch of errors from angular-material, angular-cdk and angular-flex-layout. Can you please help with this.
Make sure to update these packages, too - otherwise they won't use the new RxJS import syntax.
Would love to see a component(etc) rename / move via the ng cli, this is always a pain to update things in large projects.
How does this affect npm packages that may not have been updated for Angular 6?
Any chance that you will cover Angular and C#?
Thanks as always.... I think you are using VC code? How do you get this distinct icon on the side of your files? such as github, typscript, angular icons....?
Thank you for your comment! I use the Material Icon Theme extension, more about that in this video: ruclips.net/video/VqCgcpAypFQ/видео.htmlm1s
thank you so much ... this is a very useful video
Really happy to read that Priya, thank you for your great feedback!
Automating these changes can be done by running npx rxjs-tslint -p .\tsconfig.json
isnt the rxjs changes old. i've already implemented rxjs lettable imports months ago, well good to know that im already set.
Thanx for update
Thank YOU for your comment Pratik!
How is your vs code has a symbol of angular (A) but mine don't and also have a folder symbol. Is that a theme or plug in, if yes which one ??? or is it something else??
I'm using the "Material Icon Theme"
Thanks for the helpfull video Max.
Thanks again, happy to read that you also like this video!
May I know which vscode extension are you using for file icons?
Sure - that's the "Material Icon Theme"
+Academind Thank you
Do you know how to convert from css to sass? It used to be a simple change in the angular-cli.json but now that that file has changed dramatically I don't see how to configure it.
The approach described on the following page (at the very bottom) should do the trick: github.com/angular/angular-cli/wiki/stories-css-preprocessors
Thanks! For some reason running the script wasn't working, but looking up the intended result of running it was enough to manually adjust the config file myself. It's compiling now so that was helpful. Thanks again.
Max, should I wait for your next Angular version course to be released? I ask this because I was planning to study your Angular 5 course on Udemy and it seems that it is outdated with these changes coming thru.
max usually updates the name of the course with the newest versions number as not to lose sales.
Wow, so much negativity. I update the number in the title because the course is up-to-date. Did you ever consider this reason? Might also be why I update lectures (and not just titles) on a regular basis...
The course is up-to-date. The only thing that changed are the RxJS imports and adjusting them is easy. I already added a couple of lectures that help with that.
Thanks, Max! That was my only doubt. I was afraid to start a course and those crazy ones at Angular would be changing all the framework just like they did back in the day.
I am starting to learn your Angular course then.
Awesome! Welcome on board then! :)
please make tutorial on how to load json data in angular6
I cant use ng-modal in ng-bootstrap :(
Wasn't 5 just released few months ago? DAMN :P
New Angular versions are released every 6 months. This is a good thing though - they're small incremental improvements, not groundbreaking changes.
www.udemy.com/angular-full-app-with-angular-material-angularfire-ngrx/ this? :)
Love your stuff, you get the developer perspective. Thanks. But a negative on this one I think, your http get map of map and subscribe looks like greek, theres gotta be a clearer example
Thank YOU Dan - really amazing to hear that! :-)
With the pipe() method, the API and its use are not consistent with those of other language ports of RX anymore :/
does anyone know how to I integrate this line of code .map(res => res.json()) to the latest version of angular ? thanks
It's not needed anymore with the new HttpClient. It does this behind the scenes.
Please upload a video about HttpClient in angular 6
Lazy loading not working in angular 6. e.g loadChildren: 'app/dashboard/dashboard.module#DashboardModule' need change to loadChildren: './dashboard/dashboard.module#DashboardModule' but it run simply on "ng serve" but not working on "ng build --prod" or "ng serve --aot"
showing circular dependency and getting break down
Circular dependency means that one of your imports is pointing to the same path as your component, which then points back to your import. Fix that, and you won't get that error.
Thanks!
So which one is better either angular or react or vue???
Pick your favorite! They're all popular, they're all powerful and right now, there is no clear winner - every framework has its strengths.
They are not comparable. Angular is a framework, React is a library. Don't know about Vue. Use Angular to build your entire website, use React inside an existing website to render views only.
Learn everything.. I'm angular 1x guy..
Please, make a video about new support to PWA in 6 version, thanks from Brazil!
Thanks for the suggestion. I do plan to create some content on Angular SW in the future
Have I been using injectable wrong all these days?
Yes, I have just wwatched your DI video (ruclips.net/video/Mz8lb81AAe4/видео.html) and realised that I have decored all my services with Injectable() decorator.
You are not alone... :D
You did nothing wrong. There was a recommendation from the beginning to use Injectable decorator every time for the sake of consistency and to make it harder to make stupid mistakes with injection :)
Eugen Aznaurov thank you!!!!
Are Max using a push notification when a framework gets an update?
He know some folks in Google Angular Team...I guess
We had the chance to meet Abe from the Firebase team last year, but unfortunately I don't know anybody from the Angular team. I just follow along the news, check Github etc. to make sure I can keep you updated as soon as possible :)
Is it necessary to use observable and rxjs library in every project because I struggle a lot !
you will need it for ajax. So yes. Pretty much all projects will need it
State manager is a must for any front-end project now.
Good diction.
Hello Max! I was wondering if you will dive into Flutter.io?! I would like to hear at least your opinion on it...
It's definitely interesting, but in my opinion still in a relatively early stage. But we might create content about it in the future, yes.
Using rxjs-5-to-6-migrate
I hope they put AI in Angular, so Angular will start improving by itself and will launch new version by itself every month.
I see this is a bad change, in respect of syntax
I actually don't think so - the imports are now way easier and you don't have 1,000s of different ways of importing stuff (I assume you are referring to RxJS)
Unbelievable. CHURN CHURN CHURN. How the hell is somebody supposed to have a production website, while the underlying tools are changed every 6 months??
As mentioned in the video, the changes are actually minimal - and that was the case for 2=>4 and 4=>5, too :)
I feel like they pump out new versions too quick. Kind of over engineering stuff.
I would say the other way round... they under uengineered before, and now its fixing issues like size ,etc.
this error wasted my 3 hours today .. pain in the ass when u are learning angular !
That's why I don't learn Angular, once you're done learning a version, BAM, new version pops up !! Not for me at all, I'll stay with vue tho...
U're absolutely right dude, I've only been reading about it and and watching new versions come out like every day... Tech evolves so rapidly, but for the angular case, that tends to lead ppl to a "tech fatigue"... but again, that's just MY opinion among thousands other ones...
what a stupid comment
Angular hasn’t had a massive change since Angular 2.
Lol, react has 16 versions
you are missing out
Hello!
Thanks for the informative video.
I have one proposal. Fix your horrible German accent with this one simple patch:
Pronounce English 'v' like German 'w', not like German 'uo' (or something like that).
Crass example: @16:49 "available" -- you pronounce it like "awailable" (or "aouailable"). That sounds so terrible, it hurts.
This simple upgrade of your English language package could save the ears of thousands of viewers.
Keep up the good work and may the force be with you!
I'll try my best to keep up the content quality but there's not too much I can do about the accent I fear. If you find it horrible, this might be a bad channel for you overall :/
Come on, grumpy German, you can take some tongue-in-cheek criticism with some humour!
You can do it! Practice makes perfect.
Say "available" (not "awailable") ten times. Hire someone to slap you everytime you say "awailable" (or something like that). It's a simple fix!
I find his accent nice and easier to follow than other instructors. He doesn't err or ermm like many others. I don't agree with you.