2.2. API Tutorial Middleware & Endpoints | Back End Web Development Tutorial for Beginners #webdev смотреть онлайн

How to set up a REST api.



In this tutorial series, I'll walk you through how to build a todo app using React on the front end, and Node on the back end.

We'll start by bootstrapping the React application using create-react-app (CRA) and learning how to manage things like state and component lifestyle using hooks. You'll also learn how to control a form component in React.Our todo app will have full CRUD functionality.



Then we'll create a Node server with a SQLITE database so our todo data will persist. You'll learn how to use KnexJS to run queries on the database to perform those CRUD operations.

What you'll need:
- A text editor. I prefer VSCode, and it's what i'll be using in this series.
- A browser with React Dev Tools installed. I'm using Firefox Developer Edition, but Chrome is also a good choice.

- A good understanding of HTML and CSS and at least some knowledge of JavaScript.



If this is your first time here, be sure to hit the subscribe button, and if you like the video, you know what to do!


Next Video : 2.3 Initialize Database with Knex https://youtu.be/FRgcmcQoVic



Source Code ? https://github.com/techendeavor/todo-node-server


Back end web developer tutorial


________________________________________________________________________
React Todo App
-------------------------
1.1 Setting up the Project https://youtu.be/m11yHkNqgFY

1.2 Components and Props https://youtu.be/re3ruCayvHM

1.3 State & Form Handling https://youtu.be/mTnFs4BgzZw
1.4 CRUD Update and Delete https://youtu.be/T-iU8aFsmfo

Node Server
--------------------
2.1 Set Up Node Server with Express https://youtu.be/x6JCdF2Njpo
2.2 Middleware and REST Endpoints https://youtu.be/mv5w8nSTauc
2.3 Initialize Database with Knex https://youtu.be/FRgcmcQoVic
2.4 Create, Read, Update, Delete REST https://youtu.be/YMlBPrME5mc


Connecting the front end to the back end
-----------------------------------------------------------------
3.1. useEffect and Axios for Requests https://youtu.be/dxKVARpWaIA