From where I learnt advanced Angular?

Recently, I had a requirement to deliver training and consulting on advanced Angular topics to a client. Even though, I am very comfortable with Angular, I was a bit worried about so-called these “ADVANCED TOPICS”. I browsed through many blogs, tutorials, video courses etc. However, I was not felling satisfied and there was a nervousness in me for this assignment. I really wanted to do well, and was getting impatient. Eventually I came across Ultimate Angular Course by Todd Motto and James Henry

See the course here: https://ultimateangular.com/

image

This course had everything; I needed to deliver the ADVANCED ANGULAR training and consulting.

Visit the course here: https://ultimateangular.com/

image

Ultimate Angular has courses on

  1. Angular JS
  2. Angular
  3. TypeScript

I was interested in Angular course. On the site, I found that there are two options for Angular

image

Since, I was already aware of Angular concepts, I opted for Angular PRO course. This course was more than enough. Ultimate Pro Angular course has following sections.

  1. Advanced Components
  2. Directives
  3. Pipes
  4. Reactive Forms
  5. Routings
  6. Unit Testing
  7. DI and Zones

Each section has many lectures. For example, Advanced Component section had following lectures:

  • Content projection with ng-content
  • Projection slot
  • Projecting and binding to components
  • @ContentChild and ngAfterContentInit()
  • @ContentChildren and QueryLists
  • @ViewChild and ngAfterViewInit()
  • @ViewChildren and QueryLists
  • ViewChild and template #refs
  • Using ElementRef and nativeElement
  • Using Platform agnostic renderer
  • Dynamic Components with ComponentFactoryResolver
  • Dynamic Component with @Input() data
  • Dynamic component with @Output() subscription
  • Destroying dynamic component
  • Dynamic components reordering
  • Dynamic template rendering with ViewContainerRef
  • Passing context to dynamic template
  • Etc etc…

The good about this course is each lecture is a video supported by source code. All lectures are 5 to 15 minutes long and very easy to follow along.

To all my readers I strongly recommend the course

https://ultimateangular.com/courses/#course=angular

I thank and congratulate Todd Moto who is a Google Developer Expert on Angular and James Henry who is member of ESLint and TypeScript Evangelist for this great course.

Thanks

DJ

How to upgrade to latest Angular CLI

To check which version of Angular CLI is installed on your machine, run the command ng –version as shown in the image below:

image

As you see that on my development machine, Angular cli version 1.0.0 is installed. At the time of writing of this post, latest version of Angular CLI was 1.1.3.

To upgrade to updated version of the Angular CLI, you need to run couple of npm commands. To upgrade it globally on your development machine , first run npm uninstall command as shown below :

image

 

This command will remove all the installed Angular modules from the system. Since we are upgrading the package globally, next execute npm cache clean command as shown below:

image

You need to run this command as administrator. Next to install latest version of Angular CLI run command npm install –g @angular/cli@latest as shown in the image below:

image

Once latest version of Angular is successfully installed, run the ng –version command to verify whether latest version is installed or not .

image

You can see that now Angular CLI version 1.1.3 is installed in my development machine. Sometimes you may have to upgrade Angular CLI in the project folder only. I hope you find this small post useful.