Build Fullstack Trello Clone: Websocket, Socket Io
Published 7/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 5.74 GB | Duration: 8h 48m

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)
jаvascript 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 inhttp and in websocketsDeeply understand Angular & Express design patternsNo prior knowledge except of jаvascript 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
Screenshots