Angular 6 Article Series

Ahmed Abdelsalam
3 min readMay 5, 2018
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 the series here.

Read this article on my new tool Medium Plus, for a smart, customizable reading experience.

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 have any question comment it below or You can find me on Twitter @geeksamu



Ahmed Abdelsalam

Full Stack Web Developer ⚔️, Trainer 👨‍🏫, TEDx Speaker 🗣, Writer ✍️ and Dreamer 🏙. My Portfolio💪: