Angular5 Admin Panel Tutorial

Learn how to create an admin panel using angular5 framework. Followings are the links and details about what you will learn in each tutorial.

Demo URL: https://phpcodebooster.github.io/angular5-admin

Gain beginner to advance level of skills with angular5 framework.

Installation

Checkout the branch
run npm install to install dependencies
run ng serve --open to serve the app on browser

Angular5 Admin Panel Part-1

Learn basics about angular5
What is @NgModule?
What is AppComponent?
How to setup angular5 project?

Tutorial Link: Angular5 Admin Panel Part-1

Angular5 Admin Panel Part-2

How to apply theme to angular5?
How to create a new component or page?
What is root component in angular5?
How to serve angular5 app on browser?

Tutorial Link: Angular5 Admin Panel Part-2

Angular5 Admin Panel Part-3

How to create login page using angular5?
How to use reactive forms in angular5?
How to configure router in angular5?
Login form validation using angular5?

Tutorial Link: Angular5 Admin Panel Part-3

Angular5 Admin Panel Part-4

How to create base layout in angular5?
How to create header and footer components?
How to drop different components in one component?

Tutorial Link: Angular5 Admin Panel Part-4

Angular5 Admin Panel Part-5

How to add authentication to login in angular5?
How to create a new service provider in angular5?
How to use a service provider at global scale?
How to protect user pages using service in angular5?

Tutorial Link: Angular5 Admin Panel Part-5