Learn the MERN Stack - Full Tutorial for Beginners (MongoDB, Express, React, NodeJS) in 12Hrs (2021)

preview_player
Показать описание


Here is the best free MERN JS programming course on the planet. Made with lots of ❤️. Take your web development skills to the next level by building the Top Technology Websites on the planet 🔥🌍.

GET READY 🚀.

We'll be covering👇...
👉 The MERN Tinder Clone 🔥
👉 The MERN Tik Tok Clone 🎵
👉 The MERN Instagram Clone 📸
👉 The MERN WhatsApp Clone 📞
🛠️ And the tools & technologies you need to succeed as a Modern MERN JS Developer.

Whether you want to get a full-time job or become a freelance developer. Or whether you want to become a full-stack or front-end developer... You HAVE to master MERN and Javascript.

Time Stamps👇💯:
What is MERN? - 0:00
MERN Tinder Clone 🔥 (Part 0): App Demo - 2:50
MERN Tinder Clone 🔥 (Part 1): The Start Up Process - 4:18
MERN Tinder Clone 🔥 (Part 2): Starting The Code - 10:48
MERN Tinder Clone 🔥 (Part 3): The Header Component - 20:19
MERN Tinder Clone 🔥 (Part 3.5): Back to the Header Component - 36:42
MERN Tinder Clone 🔥 (Part 4): Making the Tinder Cards - 42:38
MERN Tinder Clone 🔥 (Part 5): Swipe Functionality - 1:02:10
MERN Tinder Clone 🔥 (Part 6): Setting Up MongoDB - 1:22:28
MERN Tinder Clone 🔥 (Part 7): Connecting our Database - 1:37:01
MERN Tinder Clone 🔥 (Part 8): Hooking up our Front-End and Back-End - 2:00:23
MERN Tinder Clone 🔥 (Part 9): Testing Out Build In Server - 2:07:33
MERN Tinder Clone 🔥 (Part 10): Wrapping Up - 2:11:17
MERN TikTok Clone 🎵 (Part 0): App Demo - 2:27:21
MERN TikTok Clone 🎵 (Part 1): Getting Set Up - 2:33:11
MERN TikTok Clone 🎵 (Part 2): Project Debrief - 2:42:23
MERN TikTok Clone 🎵 (Part 3): Building the Main Feed - 2:48:12
MERN TikTok Clone 🎵 (Part 4): The Main Feed Buttons And Text - 3:24:06
MERN TikTok Clone 🎵 (Part 5): Building the Back-End - 4:05:53
MERN TikTok Clone 🎵 (Part 6): Deploying our Back-End - 5:11:39
MERN TikTok Clone 🎵 (Part 7): Connecting our Front-End and Back-End - 5:54:10
MERN Instagram Clone 📸 (Part 0): App Demo - 6:15:07
MERN Instagram Clone 📸 (Part 1): Getting Our Code and Running Our Server - 6:24:33
MERN Instagram Clone 📸 (Part 2): Creating Our Back-End - 6:31:04
MERN Instagram Clone 📸 (Part 3): Setting Up Our Database - 6:49:22
MERN Instagram Clone 📸 (Part 4): Connecting Our Database to Our App - 7:07:46
MERN Instagram Clone 📸 (Part 5): Completed App Demo - 8:09:36
MERN Instagram Clone 📸 (Part 6): Final Student Comments - 8:16:45
MERN WhatsApp Clone 📞 (Part 0): App Demo - 8:21:16
MERN WhatsApp Clone 📞 (Part 1): Setting up VSCode and Firebase - 8:26:58
MERN WhatsApp Clone 📞 (Part 2): Working On Sidebar Component - 8:41:03
MERN WhatsApp Clone 📞 (Part 3): Setting Up Sidebar Chat - 9:15:53
MERN WhatsApp Clone 📞 (Part 4): Working On Chat Component - 9:22:09
MERN WhatsApp Clone 📞 (Part 5*): Setting Up The Back-End - 9:57:16
MERN WhatsApp Clone 📞 (Part 6*): Setting Up MongoDB - 10:05:30
MERN WhatsApp Clone 📞 (Part 7*): Connecting Front-End and Back-End - 10:51:35
Wrapping Up The MERN 2021 Tutorial - 12:00:36

Song:
Expanding - Elliptik
Рекомендации по теме
Комментарии
Автор

I went from pouring concreat in 2019 to being laid off to dedicating 12 hours a day to coding to $85k a year working from home all in a 6 month period. I used youtube for 80% of my learning. I can be done, was it easy? No it wasn't easy I had a lot of moments I wanted to give up but being poor and making no money looming over my head help me through it.

DrGoldenFlap
Автор

8:35:20 explanation of architecture
8:36:46 how real-time is achieved via web sockets
10:56:49 explanation of pusher

jr
Автор

Thanks guys! That debugging session is what most of my days look like. Suddenly I didn`t feel so alone!

andersbraathen
Автор

The Intro Drop Just Kicked Me Out Of the Universe!

shadmanbinayub
Автор

Time Stamps👇💯:
- What is MERN? - 0:00
- MERN Tinder Clone 🔥 (Part 0): App Demo - 2:50
- MERN Tinder Clone 🔥 (Part 1): The Start Up Process - 4:18
-MERN Tinder Clone 🔥 (Part 2): Starting The Code - 10:48
-MERN Tinder Clone 🔥 (Part 3): The Header Component - 20:19
- MERN Tinder Clone 🔥 (Part 3.5): Back to the Header Component - 36:42
- MERN Tinder Clone 🔥 (Part 4): Making the Tinder Cards - 42:38
- MERN Tinder Clone 🔥 (Part 5): Swipe Functionality - 1:02:10
- MERN Tinder Clone 🔥 (Part 6): Setting Up MongoDB - 1:22:28
- MERN Tinder Clone 🔥 (Part 7): Connecting our Database - 1:37:01
- MERN Tinder Clone 🔥 (Part 8): Hooking up our Front-End and Back-End - 2:00:23
- MERN Tinder Clone 🔥 (Part 9): Testing Out Build In Server - 2:07:33
- MERN Tinder Clone 🔥 (Part 10): Wrapping Up - 2:11:17
- MERN TikTok Clone 🎵 (Part 0): App Demo - 2:27:21
- MERN TikTok Clone 🎵 (Part 1): Getting Set Up - 2:33:11
- MERN TikTok Clone 🎵 (Part 2): Project Debrief - 2:42:23
- MERN TikTok Clone 🎵 (Part 3): Building the Main Feed - 2:48:12
- MERN TikTok Clone 🎵 (Part 4): The Main Feed Buttons And Text - 3:24:06
- MERN TikTok Clone 🎵 (Part 5): Building the Back-End - 4:05:53
- MERN TikTok Clone 🎵 (Part 6): Deploying our Back-End - 5:11:39
- MERN TikTok Clone 🎵 (Part 7): Connecting our Front-End and Back-End - 5:54:10
- MERN Instagram Clone 📸 (Part 0): App Demo - 6:15:07
- MERN Instagram Clone 📸 (Part 1): Getting Our Code and Running Our Server - 6:24:33
- MERN Instagram Clone 📸 (Part 2): Creating Our Back-End - 6:31:04
- MERN Instagram Clone 📸 (Part 3): Setting Up Our Database - 6:49:22
- MERN Instagram Clone 📸 (Part 4): Connecting Our Database to Our App - 7:07:46
- MERN Instagram Clone 📸 (Part 5): Completed App Demo - 8:09:36
- MERN Instagram Clone 📸 (Part 6): Final Student Comments - 8:16:45
- MERN WhatsApp Clone 📞 (Part 0): App Demo - 8:21:16
- MERN WhatsApp Clone 📞 (Part 1): Setting up VSCode and Firebase - 8:26:58
- MERN WhatsApp Clone 📞 (Part 2): Working On Sidebar Component - 8:41:03
- MERN WhatsApp Clone 📞 (Part 3): Setting Up Sidebar Chat - 9:15:53
- MERN WhatsApp Clone 📞 (Part 4): Working On Chat Component - 9:22:09
- MERN WhatsApp Clone 📞 (Part 5*): Setting Up The Back-End - 9:57:16
- MERN WhatsApp Clone 📞 (Part 6*): Setting Up MongoDB - 10:05:30
- MERN WhatsApp Clone 📞 (Part 7*): Connecting Front-End and Back-End - 10:51:35
- Wrapping Up The MERN 2021 Tutorial - 12:00:36

CleverProgrammer
Автор

I just had one request. Could you please categorise all the long courses into topic wise playlist (example the React Clones) so much it becomes must easier for everyone to navigate to through all of your videos in the past.

teetanrobotics
Автор

0:30, MERN
3:00,
4:20,
4:30, vscode
5:10, npx create -react-app tinder-clone
6:00, backend MongoDB Express mongoose
7:55, firebase
10:00
10:50, the M.E.R.N tinder-clone, part2, starting the project
20:20, part 3, the header components
43:50, tinder cards.js
1:22:30, part 6, setup MongoDB

techbizlife
Автор

The things you guys are doing no one has done so far on YouTube planet..very very thanks cp team to provide such amazing tutorial..god bless you brozz

abdush
Автор

5:45 Nodejs is not back-end framework its back-end javascript runtime environment where you can execute your javascript code😉

blunderfoxbeta
Автор

I'm a 14 year old developer from Nigeria. Thanks for this tutorial. I'm grateful

agbamajnr
Автор

2 hours of coding, 10 hours of promotion

Berkeli
Автор

U guys rock programming world, i love the way you guys revolutionizing teaching programming

jonathanfreddie
Автор

Hello love from KENYA, in Africa. I have learnt programming from this channel. I have went from being a janitor earning less than a dollar in aday to working for an international company earning $85k an year

morristheartist
Автор

I suggest adding timestamps so people whom looking for specific implementation of something can refer to it faster, thanks this is awesome.

basilsatti
Автор

Omg i m so excited for this course thank you so much .i just love the content ..you guys motivate me so much just love you guys 🤩🤩🤩🤩🤩

atufashamsi
Автор

I have been following you on youtube since 2019, though i am just starting to watch your clone. but, i want to say you are the first to be doing this great jobs ever (if internet and tech never existed before now). I hope your projects tutorial will land me my dream job. You are indeed a clever programmer

daudaabdulrazaq
Автор

Thank you guys, I thought it was my computer, but when I finished tinder app 4am this morning, turned out it wasn't, great video, great promote skills :)

vaniad
Автор

You guys are amazing! Your energy makes the whole coding process super fun! Thank you so much for sharing!

melkammekonnen
Автор

Thank you so much .This is the best MERN course I have seen here.

shamikbera
Автор

back to university they dont teach us these things or even give us a hint to know mern stack
iam a 22 y.o developper starting my programing future u guys save my life awsome content huge tnx

hs-lb