Aliaksei Kuncevic

Software Engineer/Angular Consultant

The year after

by Aliaksei Kuncevic

What is angular?

TypeScript-based open-source front-end web application platform led by the Angular Team at Google

(c) Wikipedia


== 2+


== 1.x

Search Results


Core libraries

  • @angular/animations
  • @angular/common
  • @angular/compiler
  • @angular/core
  • @angular/forms
  • @angular/router
  • ...and more


  • Declarative components
  • CSS Encapsulation
  • Forms and validation
  • Routing (Lazy loading, guards)
  • Animations (CSS animations and transitions)
  • Dependency injection
  • Lifecycle hooks
  • TypeScript (ES6+)
  • Testable (unit and e2e tests)
  • Mobile and desktop (Electron, Ionic, NativeScript)

The year after

Angular 2 finally released in Septermber 2016
  • Version 4 released in March 2017
  • Version 5 in November 2017

angular 3 mystery

Angular 4 and 5

  • Performance improvements (AOT in dev)
  • New, better HttpClient
  • Multiple UI componets frameworks
  • Server Side Rendering (SSR)
  • State Management (NGRX)
  • Angular CDK
  • Styleguide linting (codelyzer)
  • Responsive (@angular/flex-layout, @angular/cdk/layout)
  • Progressive Web Apps (PWA) support

Version 5.0.0 of Angular Now Available

Update Guide


  • 1M+ developers (based on hits)
  • NPM 2M+ downloads per month
  • gitter channel (
  • stackoverflow (80K+ questoins)
  • stackblitz (online VS Code IDE)


Angular Component

Single Module

Multiple Modules

Multiple Apps

Enterprise ready

Angular cli


  • Scaffolding (minimize boilerplate)
  • Run unit and e2e tests
  • Linting (tslint, codelyzer)
  • Transpiling TypeScript
  • Compress assets
  • Compiling LESS/SASS
  • Webpack (dev, prod builds, code split)
  • Threes Shaking
  • Build Optimizeration
  • Minification
  • Produce CSS and JS bundles


npm install -g @angular/cli
ng new my-app
cd my-app
ng serve
ng generate component my-component (ng g c my-component)
ng generate service my-service (ng g s my-service)
ng generate module my-module (ng g s my-module)
ng lint
ng test
ng e2e
ng build --prod

build output

Dev productivity


Upgrade guide:

Upgrade your angular cli to any version:

Angular cli diff:

UI components

...and more

Angular Material


  • Internationalized and accessible
  • Straightforward APIs
  • Code is clean and well-documented
  • Well-tested with both unit and e2e tests.
  • Customizable (Material Design spec bounds)
  • Theming and typography
  • Performance cost is minimized
  • Browser support recent major version - 1


Angular CDK

  • Gestures
  • Overlays
  • Responsive
  • Accessibility
  • Unstyled

state management

ngrx reactive store

ngrx dataflow


  • Lazy loading
  • Testable
  • Router integration
  • Redux devtools
  • Minimum boilerplate

Redux devtools

Rxjs BehaviorSubject

Enhance existing apps and html pages?

Angular elements

Angular Labs: A Glimpse at Angular Elements by Rob Wormald:

feat(elements): implement @angular/elements:


  • Self-bootstrapping
  • Host an Angular Component inside Custom Element
  • Angular Component inside, Web Standards outside
  • Bridge between DOM API and Angular Components
  • Anyone can consume

This feature was originally planned for rollout in Q1 of next year (2018), so unless we changed our mind about this, we should have a discussion about it.

(c) @IgorMinar



questions ?