Angular and Stripe payments integration

Leverage the power of Stripe payments platform inside of an Angular application

4.60 (21 reviews)
Udemy
platform
English
language
Other
category
instructor
135
students
1.5 hours
content
Mar 2024
last update
$59.99
regular price

What you will learn

Stripe payments platform

Angular framework

Angular material

apply in practice RxJS subjects and observables

integrate Stripe elements within Angular application

Description

updated for Angular v.14

This course will help you to integrate Stripe payments inside of Angular as a front-end and MongoDB as a backend service provider.

Lectures are designed to be easily followed by just typing the code into your machine. All you need is a Ubuntu Linux or Windows 10 with enabled WSL (Windows Subsystem for Linux).

You will learn:

  • how to set up an Angular project

  • how to facilitate the development using VSCode addons and Angular's Hot Module Replacement (HMR)

  • how to create and use micro-services for:

    • creating post requests via httpClient

    • communication between components

  • with the help of RxJS how to:

    • subscribe to Observables within the template, in order to allow Angular to handle the subscriptions / unsubscriptions, and to prevent memory leaks

    • wrap and use Promises provided from external libraries as Observables

    • use BehaviorSubject to create observable Stripe service in practice

  • how to create your own NodeJS based Express server in order to hande client requests, responsible for stripe payments processing.

  • how to create payment form using Angular Material and Stripe elements.

  • how to save and view client's purchases residing in remote Atlas MongoDB database

  • how to use Angular material data table, pagination, snackbar and other components in action.

This course is suitable for:

  • beginners-to-intermediate Angular developers

  • anyone who wants to expand their Angular knowledge with a real-life project

  • students who prefer to create their own Stripe payment integration

See you soon!

Content

Introduction

Course Introduction
Installation and setup
Project structure
Our first service
Displaying the data using a sub-component
Creating payment form dialog - part 1
Creating payment form dialog - part 2
Loading the Stripe library
Integration of Stripe card element
Handling the form submit
Augmenting stripe service functionality
Create Stripe handling NodeJS server
Creating a customer and a charge
Displaying the customer order history
Course materials

Screenshots

Angular and Stripe payments integration - Screenshot_01Angular and Stripe payments integration - Screenshot_02Angular and Stripe payments integration - Screenshot_03Angular and Stripe payments integration - Screenshot_04

Reviews

Hector
August 30, 2023
Este es un curso sencillo. No tiene amplia cobertura de temas. No esperes al final obtener una integración como la que se tiene con PayPal. Es mas bien como tener una cita con un profesor de la Universidad de como implementar la integración de Stripe en tu aplicación Angular. Entonces el profesor comienza a explcar repasando que tengas claros los conceptos mas fundamentales para luego explicar el tema de integración. Todo bien explicado pero con ejemplos en versiones antiguas. Pero al final la integración real , la tendrás que completar tu. Porque al instalar el codigo fuente del curso , obtendras errores de compatibilidad del tipo: -This likely means that the library (@angular/material/dialog) which declares MatDialogModule is not compatible with Angular Ivy. -This likely means that the library (@angular/material/snack-bar) which declares MatSnackBarModule is not compatible with Angular Ivy. -This likely means that the library (@angular/material/dialog) which declares MatDialogModule is not compatible with Angular Ivy. -This likely means that the library (@angular/material/form-field) which declares MatFormFieldModule is not compatible with Angular Ivy.
Santiago
October 9, 2021
Fast paced. As a students you will probably not learn fundamentals through this course ( Wish instructor had mentioned webhooks related to stripe). However, it gets the job done.

Charts

Price

Angular and Stripe payments integration - Price chart

Rating

Angular and Stripe payments integration - Ratings chart

Enrollment distribution

Angular and Stripe payments integration - Distribution chart
3970550
udemy ID
4/9/2021
course created date
4/19/2021
course indexed date
Bot
course submited by