1/38
How Modern Web Apps Work? Understanding it with the 3 Layer Model. The Request–Response Model: The glue of the 3 Layers Model Exercise: Create your first "Hello World" Server Exploring Express Routes Reflection & Review Path Parameters ("Dynamic Routes") Query Parameters Sending Requests using Bruno API client (instead of the browser)
What is front-end development?
Building the parts of a website that users see and interact with.
What are the three main front-end languages?
HTML, CSS and JavaScript
What is back-end development?
Building server-side logic that processes requests and manages data.
What is Node.js?
A runtime that allows JavaScript to run outside the browser.
What is Express.js?
A Node.js framework for building web servers and APIs
What does an HTTP GET request do?
Requests data from a server.
What is a database?
An organised collection of data that can be stored and retrieved.
What does SQL stand for?
Structured Query Language.
What is a primary key?
A column or set of columns that uniquely identifies each row.
What is the Request–Response Model?
A communication process where a browser sends a request to a server, and the server sends back a response.
What are the three layers of a web application?
Frontend (Browser), Backend (Server), and Database.
What is the role of the browser in the Request–Response Model?
To send requests to the server and display the responses received.
What is the role of the server in the Request–Response Model?
To receive requests, process them, interact with the database if needed, and send responses.
What is the role of the database in the Request–Response Model?
To store information and retrieve data when requested by the server.
What is a request?
A message sent from the browser to the server asking for information or an action.
What is a response?
A message sent from the server back to the browser containing data, a web page, or an error message.
What is the first step of the Request–Response Cycle?
The browser sends a request to a website address.
What happens after the server receives a request?
The server determines what the request requires and processes it.
When does the server interact with the database?
When it needs to retrieve information to fulfil a request.
What happens after the server finishes processing a request?
It sends a response back to the browser.
What is the final step of the Request–Response Cycle?
The browser receives the response and displays the result to the user.
What are three possible types of server responses?
A web page, data, or an error message.
Does every server request require database interaction?
No. The server only interacts with the database when necessary.
What does URL stand for?
Uniform Resource Locator.
What is the purpose of a URL?
To specify the address of a website or resource on the internet.
What are the four main components of a URL covered in the lesson?
Protocol, Domain, Port, and Path.
What is a protocol in a URL?
It specifies how communication takes place, such as HTTP or HTTPS.
What is a domain in a URL?
The address used to identify a website or server, such as google.com.
What is a port number?
A number identifying where a server program is listening for requests.
What is a path in a URL?
The part of a URL that identifies a specific resource, such as /hello
What does localhost mean?
The computer you are currently using.
In http://localhost:3000/hello, what does 3000 represent?
The port number the server is listening on.
What does req represent in Express.js?
The incoming request received by the server from the browser.
What does res represent in Express.js?
The outgoing response sent by the server back to the browser.
Specifies the resource being requested, such as /hello.