Angular, Ionic & Node: Build A Real Web & Mobile Chat App

Learn to connect your Angular and Ionic Frontend to a NodeJS & MongoDB backend by building a real web & mobile chat app

4.55 (229 reviews)

Udemy

platform

English

language

Web Development

What you will learn

Build real Angular app with NodeJS backend

Build real Ionic app with NodeJS backend

Understand RESTful API Design

Connect Angular Frontend with a NodeJS Backend

Connect Ionic app with a NodeJS Backend

Use MongoDB with Mongoose to interact with Data on the Backend

Image upload from Angular and Ionic apps

Use Cloudinary cloud storage for images

SocketIO for real-time interaction

Use materialize css framework

Add authentication using JSON Web Tokens (JWT)

Private chat functionality

Add emojis to Angular and Ionic apps

Update Angular apps to Angular 7

Angular Lazy Loading

Why take this course?

Have you tried to build your own web and mobile application with real time functionalities using NodeJS backend? Perhaps, you have tried to build an application either for web or mobile with chat functionalities and you need to do more with it, then this course is for you.

Angular is one of the most popular frameworks for building client apps with HTML, CSS and TypeScript. If you want to establish yourself as a front-end or full-stack developer, you need to learn Angular.

Ionic is an open source framework used for developing mobile applications. It provides tools and services for building Mobile UI with native look and feel.

This course follows a hands-on approach, which means that the whole course is structured around one big application and the different concepts will be explained detailedly as they are introduced in this application. The backend built using NodeJS will be used for both the Angular web app and Ionic mobile app.

So two apps with one backend

During this course, you will learn to:

Set up a NodeJS + Express + MongoDB + Angular + Ionic Application with the help of the Angular CLI, Ionic CLI and Node Command Line Tool
Use NodeJS and Express framework
Use JWT for authentication
Add authorization to Angular apps
Understand RESTful API Design
Image upload from Angular and Ionic apps
Use Cloudinary cloud storage for images
Connect your NodeJS backend with your Angular App through Angular’s HttpClient service
Connect your NodeJS backend with your Ionic App through Ionic's providers
Add private chat functionality
Add emojis to Angular and Ionic apps
SocketIO for real-time interaction
Use materialize css framework
Handle Errors
Forms with validations
Learn concepts like Angular's http interceptors
Update Angular apps to Angular 7
Angular Lazy Loading techniques
And much more

At the end of this course, you will be able to build a complete and functioning real-time application both for web and mobile platforms.

Screenshots

Angular, Ionic & Node: Build A Real Web & Mobile Chat App - Screenshot_01

Angular, Ionic & Node: Build A Real Web & Mobile Chat App - Screenshot_02

Angular, Ionic & Node: Build A Real Web & Mobile Chat App - Screenshot_03

Angular, Ionic & Node: Build A Real Web & Mobile Chat App - Screenshot_04

Reviews

Narendra

December 11, 2020

Amazing Course!! Its really a brilliant app and much useful one compared to other apps that are implemented by other Udemy instructors ! And yes , the course might be bit challenging if you don't have Angular background but if you know just the basics then you will be fine. The instructor covered every single aspect ( for e.g: using aggregate methods, $unwind, $each, $position in Mongodb, Socket events , JWT, etc). This is going to be my reference project in future. Thanks a lot Eddie !

Aakash

June 19, 2020

Nothing is clear. everything is jumbled up. He starting frontend then in middle he is starting backend. To build app its not our first priority ,our priority is to understand things very clearly.

Tals

April 3, 2020

Low level instructor. Can't solve issues that were in course. alot of out of date sections with no any other updates. waste of time and money. There is a code error in section # 89, I wrote the lecturer's code in the same order as he wrote in the lecture run and for two months he cannot resolve this error after sending it to him.

Hagai

March 29, 2020

A lot of the course lessons are not updated, the instructor doesn't know to answer questions and can't help with errors. Very poor course.

Nicola

May 15, 2019

First of all I did not finish the course (93% done). The course is great in terms of spreading the knowledge about the technologies involved but it's too long. I greatly appreciate the effort of the instructor to develop an application both in web and mobile flavor; but be aware in doing it he's repeating himself too much doing lots of cut & paste of code that a common developer would try to reuse instead. I felt during the course a bit bored in copy and repeating the same concepts everywhere, while there was the opportunity to explore other aspects of the technologies like pipes NG or creating and emitting events. Similarly for the Ionic part he's trying to customize some components layout but from the Ionic documentation you can do it with component properties. The last thing that can be in any case questionable is the naming convention he's using, they are a bit confusing; userId that are User objects instances and so on, while there is documentation around on styles like for NG https://angular.io/guide/styleguide (created by John Papa). Overall I learned the technologies, but could be better organized and concise.

Sean

March 7, 2019

This full stack course ambitiously covers many aspects. I am hoping that it can deliver all that is demonstrated in the demo apps.

Khanh

February 17, 2019

This course is amazing. The instructor moves slowly but very thoroughly. He explains every concept in detail and I actually learning a lot. Like a lot more than I research

Jörg

January 10, 2019

It is a good course for those who already know why Angurar is doing things the way it does. The course lacks explenations on why the things are done the way they are. What is the initial thought behind the app? This is not a course for someone to start to learn Angular from scratch. you can "copy" the steps from the Videos, but it does not add to the basic understanding of what you are doing

Dulal

November 19, 2018

By goin through demo, I feel like m gonaa lear many such technical stuffs, which I m eager to learn at...

Giresse

October 26, 2018

Bon cours avec une connaissance approfondie des technologies utilisees et un exemple concret pour apprendre NodeJs et Ionic que je recommande aux autres membres

Igor

October 7, 2018

Great in depth course. The information is detailed and presented step by step in the order that a student should be introduced to it.

Avinash

August 26, 2018

Course looks good so far but I believe you can take a blog application to be a better example than a chat application. It would have a lot more things you will be able to explain and it would be easier for us to understand it too.

Kevin

August 17, 2018

Great course. The instructor is very knowledgeable. You really get more than what you paid for this course

Chad

July 25, 2018

I really, really, really like this course so far. This is probably the most comprehensive course I've come across this far covering the MEAN stack... and as an added bonus, Uzochukwu throws in the added bonus of covering Ionic. This is EXACTLY what I was looking for. I can say going in I was already comfortable and have some experience with each of the 5 core topics covered in the course: Angular, NodeJS, Express, MongoDb, and Ionic; and this course really helps to see how they all can fit together in a decoupled architecture. To get the most out of this course I suggest the student should have good foundational knowledge about the anatomy of an Angular application, the fundamental concepts about how NodeJS works in that it is a single threaded runtime and some knowledge around asynchronous programming and when to use it, and a basic working knowledge of MongoDB and how to query it.

Louis

July 20, 2018

The introduction explains well what to look forward to in the class and it is great to see that this class will be using the similar technologies that were used in the Business Rating App to learn more advanced techniques.

Charts

Price

Rating

Enrollment distribution

Angular, Ionic & Node: Build A Real Web & Mobile Chat App - Distribution chart