Angular 6 Article Series

I published article series days ago about angular 5 and I covered some interesting tutorials like using [ Angular Material, FlexLayout], building [PWA, dynamic themes] and deploying our angular app to Netlify You can check the series here.

But for this series: Angular Team just announced Angular 6 and the new amazing features, so I can’t wait to build amazing things with Angular 6.

In the previous series, I made it “Seven-Part” series with 7 articles for every part. But I want to make this series n-part Series. I don’t want to stop this series. I want to add more articles later, so If you’re interested in Angular. You can check this series later for more updates.

The reason why I created this series of articles is that it’s the series I wish I had when I was first learning Angular. I know that there’s a lot of tutorials out there that explain every part of my series alone. But the problem is gathering all these tutorials together sometimes gives conflicts and errors, so I wanted to save my own time and your time also to avoid all these problems. Each part in this series is not intended to be a complete guide, but rather an overview of the basics to get you up and running so you can get to know how to collect things together and understand what the framework has to offer.

Article Series

Angular 6 Article Series (You’re here)
Building Angular 6 Application
Using Angular Material with Angular 6
Deploy Angular 6 to Netlify
Creating PWA with Angular 6 (Soon)
Dynamic themes in Angular 6 Material (Soon)
Angular 6 with GSAP (Soon)
Angular 6 with Firebase (Soon)

New Features of Angular 6

Angular 6 was just released with new amazing features and a lot of changes.

ng update

Running ng update <package> the CLI will analyze you package.json and update your packages. Updating an Angular application is just a command away.

ng add

It’s the same as ng update but it allows you to add and configure libraries. For exampel if you want to install Angular Material you have to run:

ng add @angular/material

Other Changes

.angular-cli.json now renamed to angular.json with a new structure You can check the other changes here in the official announcement

Upgrading

Angular Team created a great tool to upgrade you old angular app Angular Update Guide. use it to migrate your angular apps. Once you choose your current app version and the complexity of your app. It’ll show you the steps you need to upgrade your app. I won’t repeat their steps just follow them and watch the step that named Before updating as it must be made correctly. That’s all for now.

Next: Building Angular 6 Application