0 to angular in 45 mins

19
0 to Angular in 45 mins @CRAIGSHOEMAKER

Upload: craig-shoemaker

Post on 10-Apr-2017

91 views

Category:

Software


0 download

TRANSCRIPT

Page 1: 0 to Angular in 45 Mins

0 to Angular in 45 mins

@CRAIGSHOEMAKER

Page 2: 0 to Angular in 45 Mins

/craigshoemaker/angular2-intro

Page 3: 0 to Angular in 45 Mins

Now in release candidate!

Page 4: 0 to Angular in 45 Mins

What is Angular?

Page 5: 0 to Angular in 45 Mins

SPA framework

Page 6: 0 to Angular in 45 Mins
Page 7: 0 to Angular in 45 Mins

Why Angular?

Composable

Testing ComponentsMVC

Cross Platform

Page 8: 0 to Angular in 45 Mins
Page 9: 0 to Angular in 45 Mins

The movies list component

Page 10: 0 to Angular in 45 Mins

The pipe filter component

Page 11: 0 to Angular in 45 Mins

The movie card component

Page 12: 0 to Angular in 45 Mins

The movies service component

Page 13: 0 to Angular in 45 Mins

TypeScript

Page 14: 0 to Angular in 45 Mins

import { Component } from '@angular/core';

Page 15: 0 to Angular in 45 Mins

import { Component } from '@angular/core';

@Component({ selector: 'my-app', template: '<h1>Hello World!</h1>',})

Page 16: 0 to Angular in 45 Mins

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

<body> <my-app> <h1>Loading...</h1> </my-app></body>

Page 18: 0 to Angular in 45 Mins

demo.start();

Page 19: 0 to Angular in 45 Mins

0 to Angular in 45 mins

@CRAIGSHOEMAKERgithub.com/craigshoemaker/angular2-intro