@yourtwitterIntroduction to AngularMinko Gechevtwitter.com/mgechevgithub.com/mgechevblog.mgechev.com
View Slide
twitter.com/mgechev
@mgechev
@mgechev2,000+Projects at Google
@mgechev1,500,000+Angular Developers Worldwide
@mgechevWith an OutstandingCommunity ♥
@mgechevAnnual Angular Conferences
ngAtlantangIndiaAngular NLng-confngVikingsAngular DayAngular inDepthngDenverNG-MYng-japanNG-DEng-SriLankaAngularConnectngSpainNGRomeNGHondurasngTaiwanngTalksNG-BEngBoliviaAngularMixngPolandAngularUPngChina
@mgechevOver 780 Angular Meetups Worldwide
@mgechevFramework
@mgechevFrameworkCLI Components
@mgechevFrameworkCLI ComponentsI18n Language service Router AnimationsForms PWA HTTP More!
@mgechevAngular is a platform for makingweb developers productive
@yourtwitter@mgechevDeveloping apps with Angular● Scaffold a project with the CLI● Use Angular framework & TypeScript● Composition of components
@mgechevWhy TypeScript?
@yourtwitter@mgechevTypeScript provides● Great DX (Development Experience)● Reduces the bugs in our programs● Is well maintained and feature rich
twitter.com/mgechev>15%of bugs detectableat build time
@mgechevHow do I get started?
@yourtwitter$ npm i -g @angular/cli$ ng new my-app$ ng serveCreate a new project
@mgechev“Hello, world!” in Angular
@yourtwitter@Component({selector: 'my-cmp',template: `Hello, world!`})export class MyComponent {}
@yourtwitter@Component({selector: 'my-cmp',template: `Hello, {{name}}!`})export class MyComponent {@Input() name: string;}
@yourtwitter@Component({selector: 'app-root',template: ' '})export class AppComponent {}
@yourtwitter@Component({selector: 'app-root',template: ' '})export class AppComponent {name = 'KulKul';}
@yourtwitter@Component({selector: 'my-cmp',template: `Hello, {{name}}!`})export class MyComponent {@Input() name: string;}@Component({selector: 'app-root',template: ' '})export class AppComponent {}
@mgechevAppComponentMyComponentname
@yourtwitter$ ng add @angular/materialAdd material design support
@mgechevBackend integrations
@mgechevDeployment
@yourtwitter$ ng add @angular/fire$ ng deployDeploy a project
@mgechevPartnering with
Angular Version Number9.1.11
Angular Version NumberX.Y.Zmajor minor patch
@mgechevRelease scheduleTwo major releases a year
@mgechevHow do you update?
@yourtwitter$ ng update @angular/core @angular/cliUpdate an existing project
@mgechevThank you!twitter.com/mgechevgithub.com/mgechevblog.mgechev.comSurvey: mgv.io/talk