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.
Build Fullstack Trello clone: WebSocket, Socket IO
8h 49m 48s
English
Paid
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.
About the Author: Udemy
Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.
Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.
Watch Online 47 lessons
0:00
/ #1: What technologies do we use?
All Course Lessons (47)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | What technologies do we use? Demo | 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 |
Unlock unlimited learning
Get instant access to all 46 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionRelated courses
-
Updated 2y agoAngular Interview Hacking
By: Dmytro MezhenskyiBe prepared for the upcoming Angular Interview and increase a chance to get the desired job offer.5h 23m5/5 -
Updated 2y agoNode.js: The Complete Guide to Build RESTful APIs
By: Mosh Hamedani (Code with Mosh)Node.js, or Node, is a runtime environment for executing JavaScript code outside of a browser. It is ideal for building highly-scalable, data-intensive backend15h 5m5/5 -
FreeUpdated 2y ago100 Angular Challenge
By: UdemyBuild 100 Components, Services, Directives, Pipes in Angular and Much More! We will master all Angular has to offer by building 100 re-usable.12h 23m5/5
Frequently asked questions
What is Build Fullstack Trello clone: WebSocket, Socket IO about?
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…
Who teaches this course?
It is taught by Udemy. You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 47 lessons with a total runtime of 8 hours 49 minutes. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/build-fullstack-trello-clone-websocket-socket-io. The page hosts every lesson with the integrated video player; no download is required.