Building Angular and ASP.NET Web API Apps

Contents

• Introduction Introduction

  • Introduction

    53s
  • (Locked)
    Prerequisites

    51s
• 1. Course Overview 1. Course Overview

  • Course overview and application demo

    4m 3s
  • (Locked)
    Setting up the development environment

    9m 14s
• 2. Set up the Development Environment 2. Set up the Development Environment

  • Create an empty Web API Project

    9m 4s
  • (Locked)
    Define application models

    5m 47s
  • (Locked)
    Configure entity framework for database access

    13m 55s
  • (Locked)
    Build the Create API endpoint

    10m 41s
  • (Locked)
    Create the read-all API endpoint

    3m 4s
  • (Locked)
    Create the read by ID API endpoint

    6m 55s
  • (Locked)
    Create the update API endpoint

    7m 4s
  • (Locked)
    Create the delete API endpoint

    3m 10s
  • (Locked)
    Cleanup Code

    16m 24s
• 3. Build the Angular Front End 3. Build the Angular Front End

  • Create an new Angular project

    7m 44s
  • (Locked)
    Define and creating empty components

    6m 6s
  • (Locked)
    Configure routing and navigation

    11m 19s
  • (Locked)
    Create the transaction Service with HTTP methods

    11m 6s
  • (Locked)
    Design the application header and footer

    12m 48s
  • (Locked)
    Design the list page

    13m 32s
  • (Locked)
    Load data from admin API

    16m 13s
  • (Locked)
    Creating a form

    21m 4s
  • (Locked)
    Create a New transaction by submitting data with HTTP POST

    9m 3s
  • (Locked)
    Update transaction data with HTTP PUT

    18m 23s
  • (Locked)
    Delete a transaction with HTTP DELETE

    3m 24s
• 4. Add Token-Based Authentication 4. Add Token-Based Authentication

  • Understanding token-based authentication

    3m 2s
  • (Locked)
    Configure token-based authentication in ASP.NET Web API

    5m 49s
  • (Locked)
    Build the register API endpoint

    11m 29s
  • (Locked)
    Create the login API endpoint

    9m 47s
  • (Locked)
    Develop the authentication service in angular

    8m 7s
  • (Locked)
    Register for a new account

    15m 38s
  • (Locked)
    Add data validation to a registered form

    11m 28s
  • (Locked)
    Log in to an account

    6m 6s
  • (Locked)
    Secure routes with Angular Guards

    5m 54s
  • (Locked)
    Update the header for logout functionality

    6m 53s
  • (Locked)
    Implement the auth interceptor

    7m 21s
  • (Locked)
    Set a user ID when a transaction is created and loaded

    8m 28s
• 5. Application Deployment to Azure 5. Application Deployment to Azure

  • Explore Azure services for deployment

    2m 30s
  • (Locked)
    Deploy the Angular application to Azure Static Website

    7m 58s
  • (Locked)
    Deploy SQL database to Azure SQL database services

    6m 5s
  • (Locked)
    Deploy ASP.NET Web API to Azure app services

    10m 8s
• 6. Where to Go Next 6. Where to Go Next

  • (Locked)
    Next steps

    2m 7s