Angular 6 Upgrade – Breaking Changes & Features – What’s New?
What's new in Angular 6? How do you upgrade from Angular 5 to Angular 6? There's a breaking change and a bunch of changes as well as new features. Learn all about these changes and understand how you can easily update your Angular app! RxJS 6 is covered, too!
———-
Learn Angular from scratch:
Learn more about the RxJS 6 Update:
Learn more about Angular Elements:
Example Project Repo
Starting Code:
Finished Code:
Want to learn something totally different? Check out all other courses:
———-
• You can follow Max on Twitter (@maxedapps).
• And you should of course also follow @academind_real.
• You can also find us on Facebook.( )
• Or visit our Website ( ) and subscribe to our newsletter!
See you in the videos!
———-
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
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 🙂
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.
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.
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.
Awesome! Welcome on board 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
Thank YOU Dan – really amazing to hear that! 🙂
Thanks for the update Max! Simple to understand as always 🙂
Awesome to read that, thank you so much for your support 🙂
Would love to see a component(etc) rename / move via the ng cli, this is always a pain to update things in large projects.
Thanks for making things simple! The best angular instructor 🙂
So awesome to read that Ashish, thank you very much for your fantastic feedback 🙂
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’ve been nice to see what alternatives to ‘root’ there are for the services providedIn property
With the pipe() method, the API and its use are not consistent with those of other language ports of RX anymore :/
Really awesome! Thanks a lot Max 🙂
Thank you Sampath, happy to read that you like the video!
How does this affect npm packages that may not have been updated for Angular 6?
(5) angular-cli.json -> (6) angular.json schema changed too.
Any chance that you will cover Angular and C#?
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 🙂
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
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 😉
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 YouTube 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! 🙂
Great video, thank you for keeping us up to date 🙂
Sure thing – happy to hear you found this video to be helpful!
Thank you very much! Really helpful!
Great to hear that – thank YOU!
Great videos! Can you make a video on how Angular can make animations with Canvas