Angular

in 2018 Summer

Laco

@laco2net

2018-09-01

DevFest Tokyo 2018

About Me

  • laco / Suguru Inatomi
  • Work@Kaizen Platform
  • Organizer of
    Angular Japan User Group
  • Angular Contributor

Angular Introduction

Are you doing

Frontend Development?

  • Languages

  • Styling

  • Frameworks

  • Tooling

  • Performance 

  • etc...

Many Decisions

Let's try Angular!

DEMO TIME!

  • Component-Orient

  • HTML Template + Data Binding

  • CSS Scoping

  • Dependency Injection

  • Official Packages

  • Testing helper

  • etc...

Angular as a framework

  • Easy to start

    • Less time to look for awesome libraries

  • Easy to learn

    • Documentations

    • Sharable knowledges

  • High Quality

    • Well-maintained always

    • Verified by Google

Advantage

  • Developer Tools

  • Cross platform integration

    • Mobile Web

    • Mobile Native

    • Service Side

Angular as a platform

Stackblitz

Angular PWA

https://pwa.ng

Ionic

Native app w/ Angular + WebView

NativeScript

Native UI from Angular Component

Angular Universal

Server-Side Angular

  • Angular on Node.js

  • Official Support

    • @angular/platform-server

  • Versioning / Release Schedule
  • Component Libraries
  • Interop with Web
  • Communities

Angular as an ecosystem

  • Semantic Versioning

    • Major.Minor.Patch

  • Release Schedule

    • Patch / Week

    • Minor / Month

    • Major / 6 Months

Versioning / Releasing

Long Term Support

For Each Major Version

Component Libraries

Angular Material

Official Material Design Components

Clarity

Made by VMware

Ignite-UI

Made by Infragistics

Component Dev Kit

Component Library Helper

The Angular CDK gives developers solid, well-tested tools

to add common interaction patterns with minimal effort.

Web Ecosystem

Angular Elements

Create Web Components

Communities

1.4M Angular Developers

790+ local meetups

ng-japan: 300+ attendees

Angular in Japan

Future of Angular

  • Angular Ivy

  • Angular Console

  • Angular for Designers

Initiatives

  • New View Engine

  • For App Users

    • Small bundle

  • For Developers

    • ​Faster build
    • Simple API

    • (expert) Meta programming?

Angular Ivy

  • Angular for Great DX
  • Framework + Platform + Ecosystem
  • New 3 Initiatives
    • Ivy: Framework improvement
    • Angular Console: DX improvement
    • Angular For Designers: Visual Programming

Conclusion

Let's Join us!

angular.jp

Online Documentation

Slack / Spectrum

Chat / Thread

Thanks!

Laco

@laco2net

Made with Slides.com