NG: Angular versions and features list

NG: Angular versions and features list

  October 25, 2020    Vinod Kumar

---

Hope everyone is doing good, here we will look into the angular versions and its features at one glance. I hope it will be useful when you want to recap your angular skills for any interview preparation.

Please add any points in the comments section, if I have missed any.

Version 2:

• Complete rewrite from A1
• Es6 and Typescript support
• Component-based
• support for mobile devices

Version 4:

• Core library changes
• Performance improvement - AOT compiler
• Typescript compatible
• Else added to ngIf directive
• Animation separated from core library.

Version 5:

• Compiler improvements
• Build optimizer
• Angular universal state transfer API and DOM support
• Preserve whitespace
• ExportAs for component/directive
• The new HTTP client module
• Few new router life cycle events

Version 6:

• Angular Elements
• Service worker - bug fixes
• <template> removed
• i18n
• ngModelChanges - Forms
• EleRef more strict <any>
• Bazel Compiler
• Rxjs 6.0
• TreeShaking - ProvideIn
• Angular Material CDK
• Webpack 4 in CLI

Version 7:

• Drag and Drop
• Virtual Scrolling
• CLI prompts
• Bundle Budget
• Application performance (Removed polyfills)
• Error handling
• Angular compiler (8 phase AOT)
• ngDoBootstrap (interface)
• NS.Schematics

Version 8:

• Differential loading
• Dynamic imports
• Ivy rendering
• Bazel support
• viewchild-static
• web worker -CLI
• Analytics -CLI

Version 9:

• Default Ivy Engine
• Improvement in bundle sizes
• Improved type checking
• faster testing
• AOT compiler on by default
• New options for "provideIn"
• Typescript 3.7 support
• better debugging
• Improvements to differential loading
• Improved css class and style binding

Version 10 Rc has been released, will update the features once the major version is released, keep looking for the updates.

Read More

NG: Setup local environment and workspace

NG: Setup local environment and workspace

  May 09, 2020    Vinod Kumar

---

Today we will discuss how to set up a local environment. This is pretty basic for developers who are working on angular applications but will discuss in detail setting up the workspace, projects and if possible we will discuss how to build and deploy, if not we will discuss in the next blog post.

We can set up the application using local development or a tool like stackblitz. 

So let on focus on setting up locally in our machine.

Steps:

1. Install Node (check version using: npm -v)

2. Node comes with a package manager which will be helpful to download dependent packages for our application (check version using: npm -v)

3. Install Angular CLI (command line Interface for scaffolding the application (ready-made application)).

        npm install -g @angular/cli 

4. To create a new workspace and initial app, you will be asked for prompts just accept the defaults by pressing the Enter key (More on prompts later)

        npm new <appName> 

5. Run the application, CLI includes a built-in server to serve the app locally and it supports building, testing, bundling, and deployment of the application.

    More on CLI commands(here).

        cd <appName> 

        ng serve --open

Read More