Meetup angular http client

Meetup angular http client

• 1.
  Develop fast. Deliverfaster.
• 2.
  What we’ll dabblewith today • The basics of Angular: • Components • Templates • Directives • Services • Modules • A demo of HTTPClientModule • Observables vs. Promises
• 3.
  Application Architecture
• 4.
  Bindings: Template andcomponent need to talk to each other!
• 5.
  Dependency Injection
• 6.
  Setting up theapp 1. Node js: Server framework that uses JavaScript. https://nodejs.org/en/download/ 2. NPM: Node Package Manager. A package manager that ships with Node. 3. Global installation of Angular CLI npm install -g @angular/cli 4. Create the app ng new angular-tour-of-heroes 5. Serve the app ng serve –open (In app folder)
• 7.
  Look and feelof boilerplate code
• 8.
  CLI Commands
• 9.
  HTTP Client Smaller, easierand more powerful
• 10.
  Time for ademonstration
• 11.
  Parting thoughts… Observablesvs. Promises Promise: Handles a single event when an async operation completes or fails. Observable: is like a stream and allows to pass zero or more events where the callback is called for each event. Promise: Will eventually call the success or fail callback even when I don’t need the notification or the result it provides, anymore. Observable: If the result of an HTTP request to a server isn’t needed anymore, the observable’s subscription can be cancelled.
• 12.
  Thank you :) Yourquestions/feedbacks are welcome.