Meetup angular http client
Download as PPTX, PDF1 like344 views
The document provides an overview of Angular fundamentals, including components, services, and application architecture. It discusses setting up an Angular application using Node.js, npm, and Angular CLI, as well as comparing observables and promises in asynchronous operations. A demonstration of the HttpClientModule is included, alongside instructions for serving the app and handling data streams.
Meetup angular http client
- 1. Develop fast. Deliver faster.
- 2. What we’ll dabble with today • The basics of Angular: • Components • Templates • Directives • Services • Modules • A demo of HTTPClientModule • Observables vs. Promises
- 4. Bindings: Template and component need to talk to each other!
- 6. Setting up the app 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 feel of boilerplate code
- 8. CLI Commands
- 9. HTTP Client Smaller, easier and more powerful
- 10. Time for a demonstration
- 11. Parting thoughts… Observables vs. 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 :) Your questions/feedbacks are welcome.