Angular 11 has Arrived!

Angular 11 has Arrived!

In this Angular 11 tutorial, Alyssa Nicoll goes over some of the highlights of Angular version 11. She’ll also dive into her experiences with the RCs, the team's tight feedback loop and the exciting update party that will be on Friday the 13th!

In this article, Alyssa Nicoll goes over some of the highlights of Angular version 11. She’ll also dive into her experiences with the RCs, the team's tight feedback loop and the exciting update party that will be on Friday the 13th!

Angular 11 on 11/11

Angular version 11 dropped on 11/11 and you cannot say the A-team doesn’t have a sense of humor. This season has been so trying for so many of us, it feels so good to have something fresh to look forward to.

Update Party for Angular v11

Join the cool-kids on v11 smiling face with sunglasses

ng update—to Angular 11!

ng update @angular/cli @angular/core

Update your Angular app today using this command ‘ng update @angular/cli @angular/core’. For the first time ever, we have an update party going on in the Angular Discord at 12PM PST. The Angular Discord is always a great place to find community and help with issues you might be having. However, the update party will be a concentrated time of focus just on the update from other versions to Angular 11. Join the Angular Discord Community if you haven’t yet, and make sure to tune in on Friday, November 13th at 12PM PST. The Angular team will have a Keynote & Q/A for the first 30 minutes on their YouTube!

ngUpdate Party on November 13th

→ Join the Party in the Angular Discord, 12PM PST November 13th!! ←

I will also be hosting a special session during the “Install Party & Game Time” where we will talk about the update, play games and give away prizes. Hop on over to our Kendo UI YouTube Channel after the Keynote and Q&A to join in the fun at 12:30PST!

Alyssa excited for the Angular Update Party

Alyssa and snake friend excited for the Angular Update Party

Highlights of Angular v11

As always, you can find detailed updates about the latest release on Angular’s official blog. In the rest of this post, I will be going over the highlights of version 11 and my experiences with the update.

Features of Version 11

Here is a lovely list of the features to be found in not only Angular but the CLI and components this version:

Updates on Operation Byelog

Operation Byelog was a goal the Angular team set in place to triage all tickets in all three mono-repos. They have completed this goal and set a new standard for triaging any new issues that arise:

This is our commitment: Going forward all new issues reported will be triaged within 2 weeks.

Automatic Inlining of Fonts

I’m excited about this performance update that we will get for free by simply updating to v11. During compile time, the Angular v11 CLI will download and inline the fonts that your application is using. This will speed up your time to first contentful paint!!!

Bob Ross Painting

Bob Ross, getting his paint on

Component Test Harnesses

The test suite that was available for Material Components in v9 is now available for all components in v11! Read more in the documentation for Angular Material Test Harnesses!

Improved Reporting and Logging

We are bringing in new CLI output updates to make logs and reports easier to read.

This was the FIRST thing I noticed when updating to v11 and BOY are the logs pretty now. Seriously, update and check out the output. Simply. Gorgeous.

New Pretty Angular Logs

angular javascript web-development programming developer

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Wondering how to upgrade your skills in the pandemic? Here's a simple way you can do it.

Corona Virus Pandemic has brought the world to a standstill. Countries are on a major lockdown. Schools, colleges, theatres, gym, clubs, and all other public

Why Web Development is Important for your Business

With the rapid development in technology, the old ways to do business have changed completely. A lot more advanced and developed ways are ...

JavaScript Roadmap in 2020 | How To Become A JavaScript Developer

JavaScript Roadmap will provide you with a detailed roadmap to begin your career as a JavaScript Developer in 2020.

Important Reasons to Hire a Professional Web Development Company

    You name the business and I will tell you how web development can help you promote your business. If it is a startup or you seeking some...

How to become a Web Developer | Web Development Career in 2020

How to Become a Web Developer will provide you with detailed roadmap to begin your career as a Web Developer in 2020.