LU03a - W3School Tutorial
Source: W3Schools | Vue
Learning Objectives
- Know how to access to the learning material.
- Identification of the structure/chapters of the learning material.
- Know which functionalities the W3School tutorial offers.
Overview
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.
| 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:
| 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 |
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!!
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.
| 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
| English | Deutsch |
|---|---|
| to make round | abrunden |
| be advised | Beachten Sie |
| to mess around | herumalbern, herumspielen |
| sandbox | Sandkasten |
Volkan Demir