0 to angular in 45 mins
TRANSCRIPT
![Page 1: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/1.jpg)
0 to Angular in 45 mins
@CRAIGSHOEMAKER
![Page 2: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/2.jpg)
/craigshoemaker/angular2-intro
![Page 3: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/3.jpg)
Now in release candidate!
![Page 4: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/4.jpg)
What is Angular?
![Page 5: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/5.jpg)
SPA framework
![Page 6: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/6.jpg)
![Page 7: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/7.jpg)
Why Angular?
Composable
Testing ComponentsMVC
Cross Platform
![Page 8: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/8.jpg)
![Page 9: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/9.jpg)
The movies list component
![Page 10: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/10.jpg)
The pipe filter component
![Page 11: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/11.jpg)
The movie card component
![Page 12: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/12.jpg)
The movies service component
![Page 13: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/13.jpg)
TypeScript
![Page 14: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/14.jpg)
import { Component } from '@angular/core';
![Page 15: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/15.jpg)
import { Component } from '@angular/core';
@Component({ selector: 'my-app', template: '<h1>Hello World!</h1>',})
![Page 16: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/16.jpg)
import { Component } from '@angular/core';
@Component({ selector: 'my-app', template: '<h1>Hello World!</h1>',})export class AppComponent { }
![Page 17: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/17.jpg)
<body> <my-app> <h1>Loading...</h1> </my-app></body>
![Page 18: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/18.jpg)
demo.start();
![Page 19: 0 to Angular in 45 Mins](https://reader036.vdocuments.us/reader036/viewer/2022062900/58eb40851a28aba51f8b464b/html5/thumbnails/19.jpg)
0 to Angular in 45 mins
@CRAIGSHOEMAKERgithub.com/craigshoemaker/angular2-intro