Frontend, Backend & Full-stack

 

Js life and interactivity 

Beyond The Frontend 

What is Backend?

How Does The web Work?

Static websites are sites that consist of only HTML, CSS & JavaScript.

Of course, the browser always receives just HTML, CSS & JavaScript - that's all the browser knows to parse and handle.

But a website might need more than that to work correctly! Specifically, as you learned in the previous lecture, you might need server-side code in addition, to handling requests that contain data (e.g. form data) or generating different HTML responses for different visitors.

If you have a website that does require such server-side code in addition to the HTML, CSS & JavaScript instructions that might be sent to the browser, you have a so-called "Dynamic Website" (instead of a "Static Site").

"Dynamic" because the generated HTML code is not always the same.

Browser Instructions: HTML, CSS & JavaScript 

Option A

Write the instructions (ie HTML, CSS, and JavaScript code themselves)

Option B

Write server-side code that generates the browser instructions(HTML, CSS, JavaScript )Dynamically.

Frontend, Backend & Full-stack

The Frontend

Executes in the browser / on the visitor's machine 

The code that controls what the user sees and interacts with 

HTML, CSS AND JS 

The Backend   

Executes on the server/ a remote machine 

The code that controls what is being served & executes behind the scenes

May parse and store incoming data fetch data, store files

Both Full-stack Development 

Freelancer 

Dynamic websites