Search Results

Instruction Create a form that receive the 2 input and 1 submit button 1. Email 2. Password The form should validate the data with this requirement. Email The valid email should follow the HTML standard email validation HTML Standard (whatwg.org) ...

Components in React Router V6 BrowserRouter BrowserRouter is main component to cover our React application to make it routable. Used for applications with a modern browser that supports the HTML5 history API. Allows you to use regular URLs (e.g., /about)...

For this week, we going to continue on our bank project from last week by the following goals Goals Create a main page that contain a navbar menu for redirect to home page and history page. Routing between home page, history page, sign up page and sign in...

Instruction Make a page call MainPage.jsx - In main page (Parent) there will be two button that will render HomePage (Child) or AboutPage (Child) For homepage and aboutpage, just use the one that you've done in previous chapter ** when you click "go ...

Instruction In this exercise we would create web application to provide information about Food Dish by using MealDB API. By this page we have receive only 1 input with 1 button. Input: Dish name Button: Search A web application should provide user fol...

HTTP (Hypertext Transfer Protocol) HTTP is a protocol for fetching resources such as HTML documents. It is the foundation of any data exchange on the Web, and it is a client-server protocol. In HTTP there are four methods that are commonly used in a REST-base...

Mange API with state Now we will use state in react to help on manage with the API. with endpoint https://reqres.in/api/users we could get different response by passing parameter "page", so now we would use button to change the state and then use state on se...

What is Backend? The backend is the data and infrastructure that make your application work. ref: Backend Development: key languages, technologies, features in 2020 | DDI Development (ddi-dev.com) What is Backend Web development  Web development is based o...

What is JSON JSON stands for JavaScript Object Notation JSON is a text format for storing and transporting data JSON is "self-describing" and easy to understand JavaScript Object Notation (JSON) is a standard text-based format for representing structured d...

ExpressJS Express JS is a Node.js framework designed to build APIs that facilitate communication through HTTP requests and responses. One of the remarkable things about Express is that it gives developers complete control over the requests and responses that ...

new data.json {   "users": [     {       "id": 1,       "firstname": "Alice",       "balance": 1000,       "credit_ID": 2     },     {       "id": 2,       "firstname": "Bob",       "balance": 500,       "credit_ID": 1     },     {     ...

1. What is the Backend? Backend development (often called the “server-side” development), is the creation of everything that goes on behind the scenes of a website or application that the user can’t see. The backend normally consists of an application, server ...

1. Let's start by creating an index.js then initializing your JavaScript project by running npm init in your terminal after that let's download the libraries that we will be using today which are express and mysql by running npm install express mysql2 dotenv...

1. Change Project Structure ref: Project structure for an Express REST API when there is no "standard way" – Corey Cleary Create directory name routers , controllersand services  Create a file in the router directory banks.js and users.js users.j...

Let's write the endpoint that query user balance data from the database and response to the user. This the schema of sample database 👇🏻 1. Let's create a first endpoint query balance from the database by create getBalance.js in controller->transactio...

1. Let's create an endpoint to create new user into the database, create create.js into directory controllers->users 2.  Write down using this code const connection = require("../../services/database"); const create = async (req, res) => { // Get data f...

Let's create an endpoint to update user balance into the database, create updateBalance.js into directory controllers->transactions 2.  Write down using this code const connection = require("../../services/database"); const updateBalance = async (re...

Let's create an endpoint to delete user from the database, create deleteUser.js into directory controllers->users 2.  Write down using this code const connection = require("../../services/database"); const deleteUser = async (req, res) => { const ...