MEAN Fullstack Trello clone: WebSocket, Socket IO

Focused View

Oleksandr Kocherhin

8:49:01

7 View

1 - Preparing tools

1 - What technologies do we use.mp4

03:33

2 - Downloadable resources.mp4

00:40

3 - Installing Node & Angular.mp4

08:09

3 - trellosocketio04installingnodeandangular.zip

4 - Configuring server.mp4

05:05

4 - trellosocketio05installingtypescriptexpressserver.zip

5 - Installing database.mp4

07:27

6 - Do you use a good editor.mp4

02:19

2 - Authentication

7 - Setting up socket with Express.mp4

11:53

7 - trellosocketio08settingupsocketwithexpressandmongo.zip

8 - Creating Mongoose user model.mp4

22:20

8 - trellosocketio09creatingmongooseusermodel.zip

9 - Adding registration.mp4

20:10

9 - trellosocketio10creatingregisterusercontroller.zip

10 - Implementing login.mp4

11:04

10 - trellosocketio11creatingloginusercontroller.zip

11 - Creating auth middleware.mp4

15:40

11 - trellosocketio12creatingauthmiddleware.zip

12 - Creating auth module.mp4

18:59

12 - trellosocketio13creatingauthmodule.zip

13 - Register page Markup Form.mp4

12:55

13 - trellosocketio14registerpagemarkupandform.zip

14 - Register page service validation.mp4

11:06

14 - trellosocketio15registerpageserviceandvalidation.zip

15 - Login page.mp4

10:00

15 - trellosocketio16loginpage.zip

16 - Home page.mp4

08:13

16 - trellosocketio17homepage.zip

17 - Auth interceptor.mp4

08:05

17 - trellosocketio18authinterceptor.zip

18 - Auth guard.mp4

13:52

18 - trellosocketio19authguard.zip

3 - Boards page

19 - Gettings boards.mp4

14:15

19 - trellosocketio20boardinterfacemodelgetboards.zip

20 - Frontend for gettings boards.mp4

10:00

20 - trellosocketio21boardsmoduleserviceandinterface.zip

21 - Inline form.mp4

15:28

21 - trellosocketio22inlineform.zip

22 - Implementing creating a board.mp4

19:19

22 - trellosocketio23createboardandboardspage.zip

23 - Adding Top bar and logout.mp4

07:38

23 - trellosocketio24topbarandlogout.zip

4 - Board page

24 - Creating board module.mp4

08:58

24 - trellosocketio25creatingbasicboardmoduleandcomponent.zip

25 - Getting a single board.mp4

02:47

25 - trellosocketio26gettingsingleboard.zip

26 - Adding board stream.mp4

06:26

26 - trellosocketio27boardstream.zip

27 - Creating socket service.mp4

09:55

27 - trellosocketio28creatingsocketservice.zip

28 - Joining and leaving board.mp4

17:19

28 - trellosocketio29joinleavingboard.zip

29 - Authentication in socketio.mp4

11:27

29 - trellosocketio30socketparsingtokenandinterface.zip

30 - Getting columns.mp4

09:14

30 - trellosocketio31columninterfaceandgetcolumns.zip

31 - Create column with websockets.mp4

12:14

31 - trellosocketio32createcolumnwithsocket.zip

32 - Getting columns.mp4

11:37

32 - trellosocketio33getcolumnsontheclient.zip

33 - Create column form.mp4

15:57

33 - trellosocketio34createcolumnformwithsockets.zip

34 - Creating a basic task.mp4

09:35

34 - trellosocketio35taskinterfacetaskmodel.zip

35 - Getting tasks.mp4

11:42

35 - trellosocketio36gettasks.zip

36 - Create task form.mp4

08:24

36 - trellosocketio37createtaskform.zip

5 - Board Improvements

37 - Update board name.mp4

15:27

37 - trellosocketio38updateboardname.zip

38 - Delete board.mp4

08:18

38 - trellosocketio39deleteboard.zip

39 - Delete column.mp4

10:09

39 - trellosocketio40deletecolumn.zip

40 - Update column.mp4

08:54

40 - trellosocketio41updatecolumn.zip

41 - Unsubscribe.mp4

06:54

41 - trellosocketio42unsubscribe.zip

6 - Task Modal

42 - Task module and basic component.mp4

15:54

42 - trellosocketio43taskmodalbasiccomponent.zip

43 - Get task and columns.mp4

13:57

43 - trellosocketio44gettasksandcolumns.zip

44 - Update task.mp4

14:42

44 - trellosocketio45updatetask.zip

45 - Delete task.mp4

07:30

45 - trellosocketio46deletetask.zip

7 - Deployment

46 - Deployment.mp4

31:29

46 - trellosocketio47deployment.zip

8 - Whats next

47 - Homework.mp4

02:02

48 - Bonus Lecture.html

Description

Learn MEAN Stack, WebSocket, Socket IO, Angular, Typescript, NodeJS, Express, Mongodb and Deployment

What You'll Learn?

MEAN 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

Who is this for?

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

What You Need to Know?

A computer on which you can install software (Windows, MacOS, or Linux)

Javascript knowledge is required

More details

Description
In this course we willÂ build a Trello clone API using MEAN Stack: 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 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 Mean stackÂ (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.Â
Who this course is for:
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

User Reviews

Rating

average 0

Total votes0

Focused display

I am a full-stack developer with a passion for learning and teaching what I know. I have been programming for around 10 years and teaching for almost 6 years. I believe in learning through doing and this philosophy is present in every course that I teach. I love exploring new web & mobile technologies and my courses focus on giving you the edge in our fast-moving industry.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.