DEV Community

Ahmed Abdelsalam
Ahmed Abdelsalam

Posted on • Originally published at Medium on

Angular 6 Article Series

angular 6 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 theseries 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 using 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

  1. Angular 6 Article Series ( You’re here )
  2. Building Angular 6 Application
  3. Using Angular Material with Angular 6
  4. Deploy Angular 6 Application to Netlify
  5. Creating PWA with Angular 6 ( Soon )
  6. Dynamic themes in Angular 6 Material ( Soon )
  7. Angular 6 with GSAP ( Soon )
  8. 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 your 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 example 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


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

If you liked this article, hit that clap button below 👏. check out other articles I’ve written here. And If you find this story useful. As I don’t use Medium Partner Program. Consider a donation through PayPal, or ‘Buy Me a Coffee’ :)

Buy Ahmed Abdelsalam a Coffee.

If you have any question comment it below or You can find me on Twitter @geeksamu

Ahmed ⚯͛ (@geeksamu) | Twitter

Top comments (0)