PERN Stack Course - Postgres, Express, React, and Node
Вставка
- Опубліковано 11 лип 2024
- Learn the PERN stack in this full tutorial course for beginners. The PERN stack consists of PostgreSQL, Express, React, and Node.js. Learn how to combine these technologies to build a full-stack web application!
🎥 Course developed by The Stoic Programmers. Check out their UA-cam channel: / @thequacklearner
💻Code: github.com/l0609890/pern-todo...
⭐️ Course Contents ⭐️
⌨️ (0:00) Demo
⌨️ (1:35) Overview Diagram
⌨️ (3:39) Starting Our Server
⌨️ (7:09) Create PostgreSQL Database and Table
⌨️ (13:14) Connect Database and Server
⌨️ (15:30) Build Routes with PostgreSQL Queries
⌨️ (32:37) Restful API Overview
⌨️ (37:54) Set Up the Client Side (React)
⌨️ (40:59) Build The Input Todo Component
⌨️ (50:32) Build The List Todo Component
⌨️ (59:10) Build the Delete Button
⌨️ (1:04:49) Build the Edit Todo Component
⌨️ (1:19:47) PERN Stack Review
🔗 PostgreSQL Installation: • PostgreSQL (Postgres) ...
Learn more about:
🔗 PostgreSQL: • Learn PostgreSQL Tutor...
🔗 Express: • Express.js & Node.js C...
🔗 React: • Learn React JS - Full ...
🔗 Node.js: • Learn Node.js - Full T...
Check out free Postman programs for students and educators to help you learn more about APIs: www.postman.com/company/stude...
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news
Videos like this are one of the main reasons why I love the internet. Free and high quality education for those who are willing to learn. Thanks a lot!
so true!
I am so glad I found this tutorial. I have been all over the web looking for this exact thing. Sometimes when you're new to something, you just don't have the vocab to find help on what exactly you're looking for. PERN Stack is new verbage to me, and that has been so nice!
Such a concise and thoughtful tutorial!
This is among my favourites. Thank you, Stoic!
That's a good one! Short, quick, and simple.
Ideal for those who are figuring out how to marry those 4 things together for the first time. Thanks, man!
This was clearly laid out and explained. Thank you so much for taking the time to be clear. You did NOT leave out crucial information and I was able to complete the entire build and then iterate from it.
That's precisely what I needed to get started with relational DB and Postgres. Such an awesome tutorial! Tks for that guys!
I love it so much when my teacher sounds so enthusiastic about the subject it keeps me glued. Thanks, i was interested in the Postgres integration and you did a fantastic job explaining.
This is one of the best tutorials I've seen, thank you so much you where amazing.
Pro tip when it comes to using Postman: Create a new collection by Collections -> +New Collections -> in the created folder click on the three dots "..." -> Add request -> Give the request a name like "Get all todos" or something -> Save to your newly created folder. Then adjust the request to whatever suites your needs and press save (which can be found in the top right corner next to the Send button). That way you don't have to recreate all of the calls each time you want to run test towards the backend.
ah yes its a good practice, I have done that it made my day easier and faster
Exceptional quality. Very straightforward, not too slow, not too fast.
Literally working on a project using this stack. This will help tremendously, thank you !
Hey !
Ik its been long but were you able to implement it with axios?or did u just use fetch?
I use VueJS for my frontend projects, so came to this video for how you integrated Postgres with Express. So many boilerplates and videos use Sequelize ORM to do this, so I was happy to see one that just went bare bones SQL. Great job.
Yup. Same here in terms of barebones SQL!
The best thing is to stay away from abstractions if you are learning something for building better logics
I can't express how much thankful i am for this video. No further words, just WOW oh WOW. Found what i was searching for a long time. Thanks a lot again...
Thank you so much for explaining the PostgreSQL part so well! I was frustrated to work with SQL db with node and this video helped me setup everything perfectly! 👌🏼
Thank you so much for making a simple app with this stack! Super helpful.
I was Frontend Engineer(especially on react), and i always waiting for MySQL/MariaDB/SQL's with node, it so rare, so with this tutorial it helps me to build fullstack web, thanks!
So these jobs aren't just a myth?
Freecodecamps bots RT alot of people
Since am stuck with vanilla js ..... Am always wondering what's it like to use a framework such as React !!!
@@itsaaron6423 Which part are you had stuck?
@@tyrrelldavis9919 My Goal is, Frontend for Career, Fullstack for freelancing, what do you think ? :D
@@itsaaron6423 me too, wonder what they do within these framework, especially when you read their hype about it.
Very clear video explaining the working of a Full stack application with React.js and Postgres. Just love it.
The best tutorial I've ever seen , congrats Engineer
This is such a great tutorial! Really easy to follow!
This was amazing... I have been beating myself up on the CORS issue for days now. Was not aware you could just add the command when installing express. Thank you!!!
An excellent video.
I've been postponing a first project with this stack for a long time, a little laziness, of course, but this excellent tutorial was the trigger to get my hands dirty.
C'est le meilleur cours de React en Full-stack jamais vu. Thank you very much
I presume this is the first & full PERN Stack tutorial on UA-cam. Thanks buddy. This will help.
Thanks for the help. The exact thing I was looking for when trying to learn Postgres. Great tutorial!
I love how you created the edit todo component and rendered that with it's own logic. i would normally have put the logic in the parent but this is so much better. TIL something new thank you!
I'm at 23:43 in the video. This is a great tutorial to learn PERN. Thanks so much for the work and your energy. Love it!
I have to say this has been probably the best tutorial I have come across in my year of learning
THXXXX A LOT
Thank you very much for making this course!! Your explanations are very easy to understand!
It's a really great tutorial, very clear and staight to the point. Thank you!!!
literally the best video on the topic, thank you so much!
Thanks man, awesome video, straight to the point and clear
I really enjoyed the course, thank you!
Really good tutorial ! At times a little too fast paced and non - descriptive of the steps you were taking, but it could be because Im fairly new at writing code in react, and Im still learning the basics. Thank you !
I learned a lot with this tutorial. You are amazing!
Pretty cool so far 💜 Very useful as always 👨💻
An awesome tutorial, thanks for it!
Very nice thing about it is how it shows usage of various tools and approaches by example.
The main thing that I miss in it though is deploying the app which would help feeling like "ok, I did it, now I can learn more, expand this project or build something different".
You're a great instructor! I subscribed to your Stoic Programmers YT channel
Thank you! Exactly what I needed!
Thank you for this tutorial. Concise and easy to understand!
To good to be true. It is so easy to do when you find someone like The Stoic Programmers teach it. You just see how easy it it and I think I will go with the PERN stack for some big project. Hope to learn how to connect Nextjs with Postgres. Thanks Guys!
Amazing, just came from your other tutorial, great work
Thanks for this tutorial, I really enjoyed it.
es increiblo lo facil que lo explica, con todos los conecptos que tenia no sabia como armar todo esto, me mostraste una forma ordenada de armarlo, muchas gracias!!!!!
Amazing video! It is very helpful, and you really know how to explain things clearly to us.
This video is amazing !! Thanks for sharing your knowledge :D
This was such an easy tutorial to understand PERN Stack. The Stoic Programmers are great teachers.
I just wanted this tutorial... Thanks so much.. God bless you
Thanks my man, really helping out with my school project
what a good explanation! great, great lesson!
This is a great Tutorial. Thanks!
such an amazing teacher you are ! Please make another project on PERN stack. Will really help us beginner developers!
awesome tutorial, i will continue building to this, adding some more inputs and so on :D
Thank you, Mr. Stoic. You also have the best voice!
I can't believe this is free... THANK YOU!
I know right. jackpot
This is straight up gold, tysm bro
one of the best tutorials for beginners!
Really fantastic tutorial, thanks for your time and dedication.
This was very helpful. Thanks a lot for the good work.
Great beginner or refresher video for PERN stack. Some things have changed in react recently and this is a great quick update. It goes fast in a couple of places (postman) but you can stop and pick the testing software you want. Very few tutorials show how it all fits together. Thank you!
Could you please be specific? One thing I can think of is, using a hook to refresh the page automatically
Oh my word, there is the entire internet, then there is this video. Thank you so much for sharing this, it is immeasurably helpful.
Great video, when i got it to work it was like yay!
Thanks for excellent tutorial!
Ohhh Man. Thank you so much for this video. I studied MERN and now i started learning PERN. and this is the first video I've seen related to PERN. And now I'm so happy, man. Love from KARNATAKA.
Thank you so much for this tutorial.
This is huge... thanks!
Really enjoyed this tutorial...Thank you.
This is GOLD !!
your explanation is fantastic!!!!!
Everything what I needed ❤️ Tysm ... so well explained ...very clean ..I had made notes while learning ...your are the best teacher so good tutorial without any ads ..great love you❤️😊
Thanks, the video i have been looking for
i always wanted this type of Tutorial
Very helpful - thank you! 🙏
Thanks for a great tutorial. You saved me a ton of time from following other tutorials.
If this is the level of a free course , I wonder what will be the level of value in your paid course !! Loved to see so much care for the viewers and you explaining everything , one word . Wonderful ✨✨
Amazing tutorial, thank you a lot
love this.... Exactly what i looking for..
Thanks dude, your tutorial is awesome !!! ;p
thank you so much for the great content.
PERN stack would be so interesting if express was called oxpress.
lol
lol
C-c-combo breaker
😂😂
And if you use Angular and MongoDB, you would be using MOAN stack 🤣🤣
Thank you soo much for this wonderful tutorial . GodBless
Tip for you guys following along in 2023. Fragments is no longer needed in react. You can just use empty elements "" instead of a fragment now.
This has helped tremendously thank you.
This was the case when I first learned React in 2019
@@TunedInLive Yes, in that case use something like a table or elements, fragments are just meant to wrap blocks of code where you don't want a separate div.
is just the short hand for
Thank you so much. This helped me a lot. Im gonna repost this for people in 2024.
You are amazing! thank you soo much Great tutorial. so clear and easy to follow.
This is the best and most holesome video in existence. My homevideo of my son being born is not even a close second.
Oh wow ahahah
Great nice tutorial..I learned a lot...I'm a simply beginner in this slack...
Thanks a lot. Amazing course
Very useful, thank you so much.
Thank you very much from France.
Thanks for sharing. It's really interesting.
very helpful, thank you!
Wonderful video. Thanks a lot
i think it was great! thank u!
Please do some giant tutorial series with PERN Stack..
I love itttt, much appreciated
Waiting for sequel and NODE so long!!!
The best tutorial! please make another more advanced
Thanks mate.
THANK YOU SO MUCH YOU ARE AMAZING! LIFE SAVER
Really good tutorial!
best coding YT Channel
i hope we Get Rust soon