Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu03:theorie:01 [2025/01/21 09:30] – angelegt vdemir
+++ en:modul:m291:learningunits:lu03:theorie:01 [2025/01/21 10:43] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU03a - W3School Tutorial's Overview  ======
+====== LU03a - W3School Tutorial ======
 **Source**: [[https://www.w3schools.com/vue/| W3Schools | Vue]]
 ===== Learning Objectives =====
@@ Zeile 9: / Zeile 10: @@
 ===== Overview =====
-The W3School provides us with a series of useful tutorials that are both well structured and free to access. In detail, each section of the topic in question consists of 6 key elements, as shown in the screenshot below:
+The W3School offers us a range of useful tutorials that are both well structured and freely accessible. As shown in the image below, the W3 School tutorials website offers various features.
+{{:en:modul:m291:learningunits:lu03:theorie:vue1.png?1000| Landing page of W3School-Vue tutorial}}
+^Area ^function ^ description ^
+| upper part of the window | the navigation bar | vue can be found on the far right-hand side |
+| left menu  | all sub chapters of the tutorial | including practical exercises and control questions |
+| middle section | navigation buttons | **Home**, **Previous** and **Next** button for smooth navigation between the subpages |
+| middle bottom | tryout area | online area for hands on exercises |
+===== Details =====
+If we **start learning vue now** we get to the details area of the vue tutorial, as visible in the image below:
+{{:en:modul:m291:learningunits:lu03:theorie:vue2.png?1000| details of the vue tutorial}}
+^Area ^function ^ description ^
+| upper part of the window | overview to the function| explainations to the vue function of discussion |
+| lower part of the window | details and example |  details and practical example of how to use the function concerned |
+| left lower section | additional material| Exercises with pracitcal example, a sandbox to mess around |
-  - Sections of expertise we want to achieve, such as SQL or JavaScript.
+Be advised, that the **quiz** and the **Exercises** part are most interesting, since it can happen that similiar questions may appear in the next exam!!
-  - Available SQL function including the general syntax, a short description and some practical examples.
-  - A sandbox for testing some SQL commands, provided for instant practising the examples without having to install a lot of software.
-  - SQL editor with ready-to-use table structure filled with data
-  - Exercises area with useful questions
-  - Quiz area to make round our new SQL skills
-{{:modul:m290:learningunits:lu12:theorie:screenshot_2024-08-29_at_11.35.38.png?1000|}}
+===== Sandbox =====
+Pressing the **Try it yourself** button takes us to the area where we can try out the functions of vue without having it installed on our notebook. This is very convenient, as we can practice immediately.
-{{:modul:m290:learningunits:lu12:theorie:screenshot_2024-08-29_at_14.11.58.png?250|}}
+{{:en:modul:m291:learningunits:lu03:theorie:vue3.png?1000|Tryout area of the vue tutorial}}
+^Area ^function ^ description ^
+| upper part of the window | menu bar| save, run and further options|
+| left part | coding area |  area for coding vue components |
+| right section | result area| the result of the code of the left area is displayed here, meaning it simulates the browser |
-==== Vocabulary ====
+===== Vocabulary =====
 ^English ^ Deutsch ^
 | to make round | abrunden |
+| be advised | Beachten Sie |
+| to mess around | herumalbern, herumspielen |
+| sandbox | Sandkasten |
 ----
 [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir