Ongular Application Area!

whereΒ howΒ and why.

by

β€’ We want to use it, let's use it right! β€’

Agenda

Long story behind πŸ“–

Angular is created for ...

What is it like an Angular development❔

SPA framework

Pros and cons

SPA Framework

β€’ Rewriting one page

β€’ Lazy loading

β€’ HTML CSS JS is downloaded

β€’ Feels like native

SPA Framework

Give up or Practice Constructive Disobedience.

Long story behind πŸ“–

Angular is named so bc of <></>

Doubleclick && x10 better development

Misko Hevery and Adam Aborns (Brad Green)

August 2010...

Long story behind πŸ“–

2k+ Angular projects at Google

10k+ v9 public apps

10 years of development 🀯

they call it Platform 😎

madewithangular.com

Long story behind πŸ“–

9

10

Long story behind πŸ“–

Angular is good for

Potentially scalable project

E-commerce & enterprise πŸ’Ά

Front-end based applicationsΒ πŸ™ƒ

Highly testable apps

Cross platform needs

Performance πŸƒβ€β™€οΈ

A11Y ♿️

Angular is NOT for πŸ™

Multipage-frontend

Landings

Plugins

Microfrontends

Angular development πŸ‘¨β€πŸ’»

Typescript

CLI

Classes & Modules

Tools Ecosystem

npm install -g @angular/cli

Angular development πŸ‘¨β€πŸ’»

Angular development πŸ‘¨β€πŸ’»

πŸ’» Command Line Interface

🚜 Schematics

πŸ–Ό Angular Material

πŸ“ž Http Module

πŸ‘„ i18n

πŸ§ͺ Karma, Jasmine, and Protractor

πŸ—Ί Router Module

πŸ’₯ Reactive Forms Module

Angular development πŸ‘¨β€πŸ’»

What about Cons?

What about Cons?

πŸ“ˆ Learning curve

Understanding Modules, DI and Directives

🎁 Optimization

Too many tools & rules

🐌 First time rendering

Huge bundle

🌊 State management

OK, <a>links</a>

Angular Sensotec Application Area

By Konstantin Malikov

Angular Sensotec Application Area

  • 352