Build Fullstack Trello Clone: Websocket, Socket Io

Learn Real Time Communication, WebSocket, Socket IO, Angular, Typescript, NodeJS, Express, Mongodb and Deployment

What you'll learn
Build fullstack project with Angular, Express, Node, Typescript, Socket io, MongoDB
Write high quality code
Create reusable modules and services
Write perfect architecture and dry code
Requirements
A computer on which you can install software (Windows, MacOS, or Linux)
Javascript knowledge is required
Description
In this course we will build a Trello clone API using Angular, Typescript, NodeJS, Express, MongoDB and Socket IO . This course is fully focused on fast and deep dive into creation of fullstack application with this tools. We will start from scratch and step by step you will get close to finished real application. You will deeply understand how to structure your application, build reusable and understandable modules and services and split code into smaller chunks of code. We will write code together in efficient way to make it pure and avoid data complexity. We will do real time communication by implementing WebSocket with Socket IO.Our code will be written with Typescript on the backend and on the client. We will deploy our application to the real production server at the end of the course.For each lesson you'll get source code of the lesson, so it's easy to see the progress and get a working app on any lesson you want. What you will learn in this course:Structure and configure projectWrite high quality code with Typescript on real projectCreate reusable modules, controllers and servicesImplementing authentication both in http and in websocketsDeeply understand Angular & Express design patternsNo prior knowledge except of Javascript is needed (because I will teach you everything from basics) but if you have experience with any of this  (Angular/Express/Typescript/MongoDB/Socket io) it will be easier for you to go through this course.If you are feeling like you learned web but you still still missing knowledge of how to build your own real application this course is what you need. 

Overview

Section 1: Preparing tools

Lecture 1 What technologies do we use?

Lecture 2 Downloadable resources

Lecture 3 Installing Node & Angular

Lecture 4 Configuring server

Lecture 5 Installing database

Lecture 6 Do you use a good editor?

Section 2: Authentication

Lecture 7 Setting up socket with Express

Lecture 8 Creating Mongoose user model

Lecture 9 Adding registration

Lecture 10 Implementing login

Lecture 11 Creating auth middleware

Lecture 12 Creating auth module

Lecture 13 Register page - Markup + Form

Lecture 14 Register page - service + validation

Lecture 15 Login page

Lecture 16 Home page

Lecture 17 Auth interceptor

Lecture 18 Auth guard

Section 3: Boards page

Lecture 19 Gettings boards

Lecture 20 Frontend for gettings boards

Lecture 21 Inline form

Lecture 22 Implementing creating a board

Lecture 23 Adding Top bar and logout

Section 4: Board page

Lecture 24 Creating board module

Lecture 25 Getting a single board

Lecture 26 Adding board stream

Lecture 27 Creating socket service

Lecture 28 Joining and leaving board

Lecture 29 Authentication in socket.io

Lecture 30 Getting columns

Lecture 31 Create column with websockets

Lecture 32 Getting columns

Lecture 33 Create column form

Lecture 34 Creating a basic task

Lecture 35 Getting tasks

Lecture 36 Create task form

Section 5: Board Improvements

Lecture 37 Update board name

Lecture 38 Delete board

Lecture 39 Delete column

Lecture 40 Update column

Lecture 41 Unsubscribe

Section 6: Task Modal

Lecture 42 Task module and basic component

Lecture 43 Get task and columns

Lecture 44 Update task

Lecture 45 Delete task

Section 7: Deployment

Lecture 46 Deployment

Section 8: What's next?

Lecture 47 Homework

Lecture 48 Bonus Lecture

This course is for you if you want to develop a real fullstack project from beginning to the end,This course is for everyone who is interested in learning development with Angular, Typescript, Socket IO,This course is for you if you want to improve you knowledge of web development