Главная
Study mode:
on
1
] Overview of what we will build
2
] Diagram the Full Stack
3
] Setup the client
4
] Create a form on the client
5
] Listen for form submit on the client
6
] Show a loading spinner
7
] Setup the server
8
] Add a GET / route to the server
9
] Add a POST /mews route to the server
10
] fetch POST /mews from the client
11
] Let's talk about CORS!
12
] Add CORS to the server
13
] Add Body Parser to the server
14
] Validate the body of the request on the server
15
] Setup the database connection on the server
16
] Insert into the database on the server
17
] Log out the created mew on the client
18
] Get all mews from the database on the server
19
] fetch GET /mews on the client
20
] Add all mews to the page on the client
21
] Review what we have built
22
] Prepare for deployment
23
] Deploy Database with mlab
24
] Deploy Server with now.sh
25
] Deploy Client with now.sh
Description:
Learn how to build a full stack Twitter clone in this comprehensive tutorial video. Follow along as CJ, an experienced full stack developer and educator, guides you through the entire process from setting up the client and server to deploying the finished application. Gain hands-on experience with HTML, CSS, JavaScript, Node.js, and MongoDB as you create a functional social media platform. Explore key concepts such as handling form submissions, implementing CORS, working with databases, and deploying to cloud services. By the end of this 88-minute tutorial, you'll have built and deployed a complete full stack application, enhancing your web development skills and understanding of modern web technologies.

Build a Full Stack Twitter Clone with Coding Garden

Coding Train
Add to list
0:00 / 0:00