Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
| modul:m290:learningunits:lu08:theorie:01 [2024/10/29 13:46] – vdemir | modul:m290:learningunits:lu08:theorie:01 [2024/11/18 06:13] (aktuell) – kdemirci | ||
|---|---|---|---|
| Zeile 3: | Zeile 3: | ||
| ===== Learning Objectives ===== | ===== Learning Objectives ===== | ||
| - Describe the 3 tiers of a typical web communication | - Describe the 3 tiers of a typical web communication | ||
| - | - Name the languages or softwsre, which are used on each tier | + | - Name the languages or software, which are used on each tier |
| ===== WHAT is a 3 tiers web architecture? | ===== WHAT is a 3 tiers web architecture? | ||
| The 3-tier web architecture is a way of structuring a website or application to make it more organized, secure, and easy to manage. It splits everything into three main layers: | The 3-tier web architecture is a way of structuring a website or application to make it more organized, secure, and easy to manage. It splits everything into three main layers: | ||
| - | {{: | + | {{: |
| - | + | ||
| - | {{ : | + | |
| Each layer has a specific job and only communicates with the layer directly next to it. This separation helps improve security (each layer only does what it's supposed to), makes it easier to update or fix issues, and allows each layer to be scaled independently if the app grows. | Each layer has a specific job and only communicates with the layer directly next to it. This separation helps improve security (each layer only does what it's supposed to), makes it easier to update or fix issues, and allows each layer to be scaled independently if the app grows. | ||
| - | ==== 1. Presentation Layer (Frontend) ==== | + | {{ : |
| + | |||
| + | ==== 1. Presentation Layer/Tier (Frontend) ==== | ||
| * This is the layer that users see and interact with, like a website or app screen. | * This is the layer that users see and interact with, like a website or app screen. | ||
| * It’s built with HTML, CSS, and JavaScript to show things like buttons, text, images, and form fields. | * It’s built with HTML, CSS, and JavaScript to show things like buttons, text, images, and form fields. | ||
| Zeile 26: | Zeile 26: | ||
| * Frameworks: React, Angular, and Vue are popular frontend frameworks built on JavaScript. | * Frameworks: React, Angular, and Vue are popular frontend frameworks built on JavaScript. | ||
| - | ==== 2. Application Layer (Backend) ==== | + | ==== 2. Application Layer/Tier (Backend) ==== |
| * This layer handles the " | * This layer handles the " | ||
| * When you enter your login info, the Application Layer checks if it’s correct and decides what happens next. | * When you enter your login info, the Application Layer checks if it’s correct and decides what happens next. | ||
| Zeile 37: | Zeile 37: | ||
| * Ruby: Often used with Ruby on Rails for rapid development. | * Ruby: Often used with Ruby on Rails for rapid development. | ||
| * PHP: Common in web development, | * PHP: Common in web development, | ||
| - | ==== 3. Data Layer ==== | + | ==== 3. Data Layer/Tier ==== |
| * This layer stores all the data the app needs, like user accounts, messages, or posts. | * This layer stores all the data the app needs, like user accounts, messages, or posts. | ||
| * When you log in, this layer is where your username and password are checked against stored data. | * When you log in, this layer is where your username and password are checked against stored data. | ||