Integrating Angular with Node.js RESTful Services (Pluralsight)

by Dan Wahlin

Course Description

Learn how to build an Angular and Node.js RESTful service application that can perform create, read, update and delete (CRUD) operations. The "Integrating Angular with Node.js RESTful Services" course starts off by demonstrating how to get started creating the project structure so that you understand the different technologies and how they will interact with each other. It then shows how to build a Node.js RESTful service with Express to expose GET, POST, PUT and DELETE actions to clients. The RESTful service actions are then consumed by  an Angular application using a reusable service class, the built-in Http client and RxJS functionality such as observables. By the end of the course you'll understand the process involved to not only create RESTful services using Node.js/Express, but also how Angular can be used to consume these services and display and capture data in the user interface.

View this course at http://www.pluralsight.com



Prerequisites:

To get the most out of this course you should already know the following:

  • JavaScript and TypeScript
  • Angular v2 or higher fundamentals
  • Node.js fundamentals

Audience:

Software developers looking to build applications that can create, read, update and insert data.

Course Outline:

  • Course Overview
  • Course Introduction
    • Pre-requisites to Maximize Learning
    • Learning Goals
    • Server-side Technologies and Concepts
    • Client-side Technologies and Concepts
    • Running the Application
    • Running the Application with Docker
  • Exploring the Node.js and Angular Application
    • Introduction
    • Exploring the Project Structure
    • Application Modules
    • Configuring Node.js Routes
    • Configuring the ES Module Loader
    • Angular Modules, Components and Services
  • Retrieving Data Using a GET Action
    • Introduction
    • Creating a GET Action to Return Multiple Customers
    • Creating a GET Action to Return a Single Customer
    • Making GET Requests with an Angular Service
    • Displaying Customers in a Grid
    • Displaying a Customer in a Form
    • Converting to a ‘Reactive’ Form
  • Inserting Data Using a POST Action
    • Introduction
    • Creating a POST Action to Insert a Customer
    • Making a POST Request with an Angular Service
    • Modifying the Customer Form to Support Inserts
    • Exploring the ‘Reactive’ Form
  • Updating Data Using a PUT Action
    • Introduction
    • Creating a PUT Action to Update a Customer
    • Making a PUT Request with an Angular Service
    • Modifying the Customer Form to Support Updates
    • Exploring the ‘Reactive’ Form
    • Summary
  • Deleting Data Using a DELETE Action
    • Introduction
    • Creating a DELETE Action to Delete a Customer
    • Making a DELETE Request with an Angular Service
    • Modifying the Customer Form to Support Deletes
    • Exploring the ‘Reactive’ Form
    • Summary
  • Data Paging, HTTP Headers and CSRF
    • Introduction
    • Adding a Paging Header to a RESTful Service Response
    • Accessing Headers and Data in an Angular Service
    • Adding Paging Support to a Component
    • Adding a Paging Component
    • CSRF Overview
    • Adding CSRF Functionality with csurf
    • Using a csurf Token in an Angular Service
    • Summary

           

Join Our Development Newsletter!