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/30 13:38] – 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? | ||
| Zeile 14: | Zeile 14: | ||
| {{ : | {{ : | ||
| - | ==== 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. | ||