Real-Time Communication Using Socket.Io 3.X And Angular 11.X

Learn how to use Socket.IO 3.x library for RTC with Angular 11.x Client applications

What you'll learn

Basics of Socket IO library

Understand Socket IO Server and Client APIs

Understand the problems which you will face while building RTC applications and solutions for each problem

Database communication using Socket IO

How to broadcast messages when data is updated out of Socket IO applications

Learning Server and Client side Socket IO APIs by build number of applications using Express and Angular 9.x frameworks

Requirements

Good knowledge of Angular 7/8.x and should have experience of building REST APIs using Express framework

Basic understanding of Bootstrap framework [Optional]

Description

Have you ever thought of building real-time communication applications for your clients or in your organization? Are you tired of writing the same old long polling logic to get the updates from your databases? Do you want to share live updates of the data across two or more than two applications? Do you work with live stocks or tweets kind of applications?As you know our clients or customers would like to get quick and live updates of the information like stocks, currencies, the sales data, tweets etc. Or they want to build live collaborative applications for the customers/in-house applications. This is where we can think of Real-time Communication and we can achieve that using one of the most popular library Socket.IO. Easy to learn and easy to implement.This course is a complete hands-on course where we will take few real-time scenarios and develop several applications step-by-step. At the end of this course, you will have better understanding of Socket.IO library and you will be able use this library to build RTC applications. Update - This course has been updated to Socket.IO 3.x and Angular 11.xAll the examples of this course has been updated from Socket.IO 2.x to Socket.IO 3.x. Also, all the client applications have been migrated from Angular 9.x to Angular 11.x.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Who should take this course?

Lecture 3 Tools and Software required for this course

Lecture 4 Introduction to Socket.IO

Lecture 5 Let's understand Socket.IO API

Lecture 6 Simple example of Socket.IO - Theory

Lecture 7 Demo - Simple example of Socket.IO

Lecture 8 Creating client application using Angular 9.x - Theory

Lecture 9 Demo - Creating client application using Angular 9.x

Lecture 10 Demo - Writing service logic

Lecture 11 Demo - Writing component logic

Lecture 12 Do you see a problem?

Lecture 13 Introduction to Namespace and Room

Lecture 14 Modify Socket.IO server application

Lecture 15 Modify Socket.IO client application

Lecture 16 Final test of Fake stock update application

Lecture 17 Migrating Socket.IO 2.x to 3.x - Part - I

Lecture 18 Demo - Default Namespace Connection in Socket.IO - 2x

Lecture 19 Migrating Socket.IO 2.x to 3.x - Part - II

Lecture 20 Demo - Migrating Simple example of Socket.IO Server

Lecture 21 Demo - Migrating Simple example of Socket.IO Client

Lecture 22 Demo - Default Namespace Connection in Socket.IO - 3x

Lecture 23 Demo - Default Namespace Connection client app in Socket.IO - 3x

Section 2: Let's order Pizza

Lecture 24 Application - we will develop

Lecture 25 Introduction to Mongo DB

Lecture 26 Writing Mongo DB queries

Lecture 27 Creating Socket.IO application using Express JS and Socket.IO - Part I

Lecture 28 Creating Socket.IO application using Express JS and Socket.IO - Part II

Lecture 29 Creating pizza order application using Angular 9.x

Lecture 30 Writing service logic

Lecture 31 Writing component logic - Part - I

Lecture 32 Writing component logic - Part - II

Lecture 33 Final output of the application

Lecture 34 What problem we may face?

Lecture 35 Migrating Pizza Order Service from Socket.IO 2.x to Socket.IO 3.x

Lecture 36 Migrating Pizza Order UI from Socket.IO 2.x to Socket.IO 3.x

Section 3: Developing Technology Voting Real-time Dashboard

Lecture 37 How to solve the problem?

Lecture 38 Writing Mongo DB queries

Lecture 39 Creating REST API using Node JS and Express JS framework

Lecture 40 Writing data access logic in REST API

Lecture 41 Consuming DAL in REST API and defining route

Lecture 42 Creating end user Voting application using Angular 9.x

Lecture 43 Add Voting module, service,components and model classes

Lecture 44 Writing service logic

Lecture 45 Writing component logic

Lecture 46 Let's look at SPA code

Lecture 47 Configure route and Navigation link

Lecture 48 Creating Socket.IO application using Express JS and Socket.IO - Part I

Lecture 49 Creating Socket.IO application using Express JS and Socket.IO - Part II

Lecture 50 Creating in-house Dashboard application using Angular 9.x

Lecture 51 Add Dashboard module, Service and Dashboard Component

Lecture 52 Writing service logic

Lecture 53 Let's look at SPA code

Lecture 54 Introduction to Highcharts library

Lecture 55 Visualizing Technology votes using Highcharts chart

Lecture 56 Configure route and Navigation link

Lecture 57 Final Test of the solution with KPI Chart

Lecture 58 Migration Challenge

Section 4: Course Conclusion

Lecture 59 Course Conclusion

Students who want to learn Real-time communication using Socket IO library to enable various scenarios in their applications,Students who want to understand why, where and how to use Socket IO library using various examples