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

Angular, Ionic & Node: Build A Real Web & Mobile Chat App, available at $69.99, has an average rating of 4.55, with 416 lectures, 3 quizzes, based on 229 reviews, and has 1321 subscribers.

You will learn about 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 This course is ideal for individuals who are This course is for everyone interested in putting existing Angular, Ionic and NodeJS knowledge into action or This course is for anyone interested in building web and mobile application using same backend or Everyone interested in building a modern, full-stack application It is particularly useful for This course is for everyone interested in putting existing Angular, Ionic and NodeJS knowledge into action or This course is for anyone interested in building web and mobile application using same backend or Everyone interested in building a modern, full-stack application.

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

Summary

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

Price: $69.99

Average Rating: 4.55

Number of Lectures: 416

Number of Quizzes: 3

Number of Published Lectures: 416

Number of Published Quizzes: 3

Number of Curriculum Items: 419

Number of Published Curriculum Objects: 419

Original Price: $89.99

Quality Status: approved

Status: Live

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

Who Should Attend

This course is for everyone interested in putting existing Angular, Ionic and NodeJS knowledge into action

This course is for anyone interested in building web and mobile application using same backend

Everyone interested in building a modern, full-stack application

Target Audiences

This course is for everyone interested in putting existing Angular, Ionic and NodeJS knowledge into action

This course is for anyone interested in building web and mobile application using same backend

Everyone interested in building a modern, full-stack application

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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Course Outline

Lecture 3: Angular App Demo

Lecture 4: Ionic App Demo

Chapter 2: Tools Installation

Lecture 1: Install NodeJS

Lecture 2: Install Latest Angular Version

Lecture 3: Install MongoDB

Lecture 4: Install Robo3T

Lecture 5: VS Code

Chapter 3: Create Angular Project

Lecture 1: Section Introduction

Lecture 2: Angular Frontend & NodeJS Backend Github Links

Lecture 3: Create Angular Project

Lecture 4: Angular CLI

Lecture 5: Angular Folders

Lecture 6: Prettier

Lecture 7: Materialize CSS

Lecture 8: Add Materialize CSS

Lecture 9: Install Materialize

Chapter 4: Authentication Components

Lecture 1: Section Introduction

Lecture 2: Auth Component

Lecture 3: Auth Routing Module

Lecture 4: Display Auth Component

Lecture 5: Auth Component Tabs

Lecture 6: Change Auth Tabs

Lecture 7: Add Login and Sign Up Components

Lecture 8: Sign Up Form

Lecture 9: Sign Up Form Styles

Lecture 10: Reinstall Materialize CSS

Lecture 11: Change Tabs Color

Lecture 12: Set Tabs Content Height

Chapter 5: Login and Sign Up Authentication

Lecture 1: Section Introduction

Lecture 2: Create NodeJS Folder

Lecture 3: Install Express

Lecture 4: Install Nodemon

Lecture 5: Create Project Folders

Lecture 6: Config Secret

Lecture 7: Install Cookie Parser

Lecture 8: User Schema

Lecture 9: Auth Routes

Lecture 10: Add Express Body Parser Middleware

Lecture 11: Validate Sign Up Data

Lecture 12: Http Status Codes Module

Lecture 13: Check If Email Exist

Lecture 14: Check If Username Exist

Lecture 15: Save Data to DB

Lecture 16: Use Postman

Lecture 17: Add JWT

Lecture 18: Save JWT in Cookie

Lecture 19: Auth Sign Up Service

Lecture 20: Sign Up Reactive Form

Lecture 21: Add Cross Origin Resource Sharing (CORS) Module

Lecture 22: Display Sign Up Form Errors

Lecture 23: Add Error Div

Lecture 24: Display Error Messages

Lecture 25: Create Streams Component

Lecture 26: Add Materialize Spinner

Lecture 27: Login Route

Lecture 28: Test Login with Postman

Lecture 29: Login Form

Lecture 30: Auth Login Service

Chapter 6: Posts Section

Lecture 1: Section Introduction

Lecture 2: Change Token Expiration Time

Lecture 3: NGX Cookie Service

Lecture 4: Token Service Methods

Lecture 5: Set Token Method

Lecture 6: Auth Guard

Lecture 7: Test Auth Guard

Lecture 8: Automatic Login

Lecture 9: Toolbar Component

Lecture 10: Toolbar CSS

Lecture 11: Toolbar Nav Content

Lecture 12: Streams Child Component

Lecture 13: Side Component

Lecture 14: Side Component Collection

Lecture 15: Side Collection Items

Lecture 16: Side Component Top

Lecture 17: Posts Form Component

Lecture 18: Post Form

Lecture 19: Post Form Styles

Lecture 20: Posts Schema

Lecture 21: Posts Route

Lecture 22: Posts Service – Part 1

Lecture 23: Posts Service – Part 2

Lecture 24: Verify JWT Token

Lecture 25: Test Verify Token

Lecture 26: Http Interceptor – Part 1

Lecture 27: Http Interceptor – Part 2

Lecture 28: Authorization Token

Lecture 29: Send Post To DB

Lecture 30: Add Post To User Model

Lecture 31: Update User Post Array

Instructors

Uzochukwu Eddie Odozi
Software Developer

Rating Distribution

1 stars: 6 votes

2 stars: 5 votes

3 stars: 18 votes

4 stars: 66 votes

5 stars: 134 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!