Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Angular as an Integrated Development Platform

Minko Gechev
November 10, 2019

Angular as an Integrated Development Platform

Minko Gechev

November 10, 2019
Tweet

More Decks by Minko Gechev

Other Decks in Programming

Transcript

  1. CLI components Universal PWA forms http compiler core (zones, di,

    abstractions, etc.) router ngUpgrade i18n animations
  2. language services CLI components Universal PWA forms http compiler core

    (zones, di, abstractions, etc.) router ngUpgrade i18n animations
  3. angularfire2 language services CLI components Universal PWA forms http compiler

    core (zones, di, abstractions, etc.) router i18n ngUpgrade animations
  4. angularfire2 language services CLI components Universal PWA forms http compiler

    core (zones, di, abstractions, etc.) router i18n ngUpgrade animations
  5. @Component({ selector: 'hello-world', template: '<h1>Hello, {{user.name}}!</h1>' }) class HelloWorldComponent {

    getData() { fetch('https://example.com/data.json') .then(response => response.json()) .then(data => this.user = data); } } Hello world in Angular
  6. compiled.js elementStart(0, "section"); text(1, " Howdy! Here's a list: ");

    elementStart(2, "ul"); elementStart(3, "li"); text(4, "First"); elementEnd(); elementStart(5, "li"); text(6, "Second"); elementEnd(); elementEnd(); elementEnd();
  7. compiled.js e(0, "section"); t(1, " Howdy! Here's a list: ");

    e(2, "ul"); e(3, "li"); t(4, "First"); n(); e(5, "li"); t(6, "Second"); n(); n(); n();
  8. Angular is… • Built with TypeScript • Compile-time type checking

    • Great IDE/text editors support • Analyzable templates
  9. “codelyzer is a project which aims to enforce common style

    and verify correctness of your program”
  10. ngAtlanta " ngIndia # Angular NL $ ng-conf " ngVikings

    % Angular Day & Angular in Depth ' ngDenver " NG-MY ( ng-japan ) NG-DE * ng-SriLanka + Angular Connect , ngSpain - NGRome & NG Honduras . ngTaiwan / ngTalks ' NG-BE 0 ngBolivia 1 AngularMix " ngPoland 2 AngularUP 3 ngChina 4