> For the complete documentation index, see [llms.txt](https://info.techup.live/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://info.techup.live/resources/recommended-reading/web-development-and-web-application.md).

# Web Development & Web Application

## What is a Web App?

{% embed url="<https://www.codecademy.com/article/what-is-a-web-app>" %}

## Full Stack

{% hint style="info" %}
[Full stack development is the process of developing both the frontend and backend of applications. Any application has a frontend (user-facing) component and a backend (database and logic) component.](https://aws.amazon.com/what-is/full-stack-development/#:~:text=Full%20stack%20development%20is%20the,user%20interactions%20with%20the%20application.)
{% endhint %}

### Front End

The **front end** (sometimes called **client side**) of a web app refers to the visible part of website or web application which is responsible for user experience. The user directly interacts with the front end portion of the web application or website.

<figure><img src="/files/fZuMWiGcvOUp9xgOzioI" alt=""><figcaption><p>Source: <a href="https://www.upwork.com/resources/beginners-guide-back-end-development">https://www.upwork.com/resources/beginners-guide-back-end-development</a></p></figcaption></figure>

### Backend

The **back end** refers to the **server-side** development of web application or website with a primary focus on how the website works. It is responsible for managing the database through queries and APIs by client-side commands.

<figure><img src="/files/MZUn5SX8qSAK388oxkBU" alt=""><figcaption><p>Source: <a href="https://www.upwork.com/resources/beginners-guide-back-end-development">https://www.upwork.com/resources/beginners-guide-back-end-development</a></p></figcaption></figure>

<details>

<summary>Courses</summary>

* [Full Stack Crash Course](https://learncsc.udemy.com/course/full-stack-crash-course/)
* [100 Days of Code](https://learncsc.udemy.com/course/100-days-of-code-web-development-bootcamp/learn/lecture/26934982#overview)

</details>