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

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