Build Fullstack Trello clone: WebSocket, Socket IO

8h 49m 48s
English
Paid
October 24, 2023

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.

More

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 project

  • Write high quality code with Typescript on real project

  • Create reusable modules, controllers and services

  • Implementing authentication both in http and in websockets

  • Deeply understand Angular & Express design patterns

No 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. 

Watch Online Build Fullstack Trello clone: WebSocket, Socket IO

Join premium to watch
Go to premium
# Title Duration
1 What technologies do we use? 03:34
2 Downloadable resources 00:41
3 Installing Node & Angular 08:10
4 Configuring server 05:06
5 Installing database 07:28
6 Do you use a good editor? 02:20
7 Setting up socket with Express 11:54
8 Creating Mongoose user model 22:21
9 Adding registration 20:11
10 Implementing login 11:05
11 Creating auth middleware 15:41
12 Creating auth module 19:00
13 Register page - Markup + Form 12:56
14 Register page - service + validation 11:07
15 Login page 10:01
16 Home page 08:14
17 Auth interceptor 08:06
18 Auth guard 13:53
19 Gettings boards 14:16
20 Frontend for gettings boards 10:01
21 Inline form 15:29
22 Implementing creating a board 19:20
23 Adding Top bar and logout 07:39
24 Creating board module 08:59
25 Getting a single board 02:48
26 Adding board stream 06:27
27 Creating socket service 09:56
28 Joining and leaving board 17:20
29 Authentication in socket.io 11:28
30 Getting columns 09:15
31 Create column with websockets 12:15
32 Getting columns 11:38
33 Create column form 15:58
34 Creating a basic task 09:36
35 Getting tasks 11:43
36 Create task form 08:25
37 Update board name 15:28
38 Delete board 08:19
39 Delete column 10:10
40 Update column 08:55
41 Unsubscribe 06:55
42 Task module and basic component 15:55
43 Get task and columns 13:58
44 Update task 14:43
45 Delete task 07:31
46 Deployment 31:30
47 Homework 02:03

Similar courses to Build Fullstack Trello clone: WebSocket, Socket IO

Animating with the JavaScript Web Animations API

Animating with the JavaScript Web Animations APIudemy

Duration 1 hour 59 minutes 45 seconds
MongoDB - The Complete Developer's Guide

MongoDB - The Complete Developer's Guideudemy

Duration 16 hours 28 minutes 16 seconds
The Complete Node.js Developer Course (3rd Edition)

The Complete Node.js Developer Course (3rd Edition)udemy

Duration 35 hours 4 minutes 4 seconds
Modern JavaScript From The Beginning 2.0

Modern JavaScript From The Beginning 2.0Brad Traversy

Duration 36 hours 42 minutes 18 seconds
Learn JavaScript: Full-Stack from Scratch

Learn JavaScript: Full-Stack from Scratchudemy

Duration 27 hours 6 minutes 45 seconds