|
1 |
| -# Angular5Admin |
| 1 | +# Angular5 Admin Panel Tutorial |
2 | 2 |
|
3 |
| -This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.5.2. |
| 3 | +Learn how to create an admin panel using angular5 framework. Followings are the links and details about |
| 4 | +what you will learn in each tutorial. |
4 | 5 |
|
5 |
| -## Development server |
| 6 | +Gain beginner to advance level of skills with angular5 framework. |
6 | 7 |
|
7 |
| -Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. |
| 8 | +# Angular5 Admin Panel Part-1 |
| 9 | +- Learn basics about angular5 |
| 10 | +- What is @NgModule? |
| 11 | +- What is AppComponent? |
| 12 | +- How to setup angular5 project? |
8 | 13 |
|
9 |
| -## Code scaffolding |
10 | 14 |
|
11 |
| -Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`. |
| 15 | +Tutorial Link: [Angular5 Admin Panel Part-1](https://learn2torials.com/a/create-admin-panel-using-angularjs-5-part-1) |
12 | 16 |
|
13 |
| -## Build |
| 17 | +# Angular5 Admin Panel Part-2 |
| 18 | +- How to apply theme to angular5? |
| 19 | +- How to create a new component or page? |
| 20 | +- What is root component in angular5? |
| 21 | +- How to serve angular5 app on browser? |
14 | 22 |
|
15 |
| -Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build. |
| 23 | +Tutorial Link: [Angular5 Admin Panel Part-2](https://learn2torials.com/a/angular5-admin-panel-part-2) |
16 | 24 |
|
17 |
| -## Running unit tests |
| 25 | +# Angular5 Admin Panel Part-3 |
| 26 | +- How to create login page using angular5? |
| 27 | +- How to use reactive forms in angular5? |
| 28 | +- How to configure router in angular5? |
| 29 | +- Login form validation using angular5? |
18 | 30 |
|
19 |
| -Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io). |
| 31 | +Tutorial Link: [Angular5 Admin Panel Part-3](https://learn2torials.com/a/angular5-admin-panel-part-3) |
20 | 32 |
|
21 |
| -## Running end-to-end tests |
22 | 33 |
|
23 |
| -Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/). |
| 34 | +# Angular5 Admin Panel Part-4 |
| 35 | +- How to create base layout in angular5? |
| 36 | +- How to create header and footer components? |
| 37 | +- How to drop different components in one component? |
24 | 38 |
|
25 |
| -## Further help |
| 39 | +Tutorial Link: [Angular5 Admin Panel Part-4](https://learn2torials.com/a/angular5-admin-panel-part-4) |
| 40 | + |
| 41 | + |
| 42 | +# Angular5 Admin Panel Part-5 |
| 43 | +- How to add authentication to login in angular5? |
| 44 | +- How to create a new service provider in angular5? |
| 45 | +- How to use a service provider at global scale? |
| 46 | +- How to protect user pages using service in angular5? |
| 47 | + |
| 48 | +Tutorial Link: [Angular5 Admin Panel Part-5](https://learn2torials.com/a/angular5-admin-panel-part-5) |
26 | 49 |
|
27 |
| -To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md). |
|
0 commit comments