Why Angular 4?

• Angular 1 to Angular 4
• Angular 2 to Angular 4 Type Script Jumpstart
• Tooling
• Types
• Interfaces
• Generics
• Futures Angular 4 Kick Start(CLI)
• Setting up angular application
• Running angular(Webpack bundle)
• Components(Decorators/Life cycle hooks)
• Modules(Shared/Core)
• Services(DI/Providers)
• Templates(Inline/External/Interpolation/Event Binding/Two way binding/@Input/@Output)
• Forms(Template Driven/Reactive Forms)
• Directives(Structural/Attributes/Decorators)
• Pipes(Inbuilt pipes/Custom pipes) Routing and Navigation
• Routing module(Tree View)
• Lazy routes Reactive Programming
• Why Rx Js
• Observables vs Promises
• HTTP with Observable
• Subscribers
• Operators
• Subject Authentication and Authorization
• Gaurds
• Route Gaurds

Sample app for Demo

ng new angular4-force-awakens --dry-run --skip-install ng new angular4-force-awakens --routing --prefix myapp --style scss --dry-run

ng generate module route --routing --module=app.module creates the route configuaration and updates the main app.module

ng generate pipe caps.convert --module=shared.module --dry-run

##Creating shared module ng generate module actors/shared

##Creating Services module under shared ng generate service actors/shared/actors.service --spec=false

##Package json Dependencies structure Major minor upgrades with ^