Hands-On Data Structures and Algorithms with JavaScript

Creating an Angular application

1. Create the application:

    ng new keyboard-shortcuts

2. Create multiple states (About, Dashboard, Home, and Profile) with basic templates under src/pages folder:

import { Component } from '@angular/core';@Component({   selector: 'home',   template: 'home page'})export class HomeComponent {}

3. Create the routing for that state under <component_name>.routing.ts:

import { HomeComponent } from './home.component';export const HomeRoutes = [   { path: 'home', component: HomeComponent },];export const HomeComponents = [   HomeComponent];

4. Add the new routes and Components to the application's main routing file app.routing.ts next to app.module.ts:

import { Routes } from '@angular/router';import {AboutComponents, AboutRoutes ...