Downloaded 49 times
![Setting up a Fake REST API
json-server
Open source tool, allows us to create a fake REST API from a
json file database.
Set up
1 - Install json-server using npm
> npm install -g json-server
2 - Create a json file
3 - Serve the file with json-sever
> json-server --watch db.json [--port xxxx]
4 - Use the Http requests to consume the API](https://image.slidesharecdn.com/angularpresentation20-10-2017-171022124945/75/Developing-a-Demo-Application-with-Angular-4-J2I-7-2048.jpg)
![Setting up a Fake REST API
json-server
Open source tool, allows us to create a fake REST API from a
json file database.
Set up
1 - Install json-server using npm
> npm install -g json-server
2 - Create a json file
3 - Serve the file with json-sever
> json-server --watch db.json [--port xxxx]
4 - Use the Http requests to consume the API](https://crownmelresort.com/image.slidesharecdn.com/angularpresentation20-10-2017-171022124945/75/Developing-a-Demo-Application-with-Angular-4-J2I-7-2048.jpg)
More Related Content
Similar to Developing a Demo Application with Angular 4 - J2I
Developing a Demo Application with Angular 4 - J2I
- 1. Presented by DEBBABINader 20 / 10 / 2017 Developing a Demo Application Training Sessions Organized by Club Jeunes Ingénieurs ISAMM
- 2. ANGULAR One framework. Web, Mobile& Desktop.
- 3. Agenda >About the Application >Settingup a Fake REST API >Angular Material >Angular Router >Introduction to RxJS & Angular Http
- 4.
- 5. About the Application Asimple management application for a language institute, Using this app, the employee responsible for the registration of new students can add, update, and delete a student, and he can also display the list of the enrolled students, Similarly he can add, update and delete a language course, and he can as well display the list of the available courses.
- 6. Setting up aFake REST API
- 7. Setting up aFake REST API json-server Open source tool, allows us to create a fake REST API from a json file database. Set up 1 - Install json-server using npm > npm install -g json-server 2 - Create a json file 3 - Serve the file with json-sever > json-server --watch db.json [--port xxxx] 4 - Use the Http requests to consume the API
- 8.
- 9. Angular Material Open SourceUI Component library for Angular 4 applications based on Material Design. Set up 1 - npm install --save @angular/material 2 - npm install --save @angular/cdk 3 - npm install --save @angular/animations npm install --save mdi 4 - import the browser animations module in the AppModule import {BrowserAnimationsModule} from ‘@angular/platform- browser/animations’; 5 - import the angular material components modules import { … } from ‘@angular/material’; Example: MatToolbarModule, MatSidenavModule,…
- 10.
- 11. Angular Router The AngularRouter enables the navigation from one view to the next as the user perform application tasks without living the single page, Angular Router is an Angular Module (RouterModule) providing services, directives and a configuration in order to add the navigation task to our app.
- 12.
- 13.
- 14.
- 15. Introduction to RxJS& Angular Http
- 16. Introduction to RxJS& Angular Http Reactive Extensions for JavaScript (RxJS) is a reactive streams library that allows us to work with asynchronous data streams using Observables, Angular relies on RxJS for some of its internal features, in particular its Http Services.
- 17. Introduction to RxJS& Angular Http
- 18. Thanks for yourattention !!