#0000 Tutorial: Update of content

Author: seanox

Step_06 DataSource - Usage of dynamic data/modules/about.html

@@ -20,6 +20,11 @@ <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">{{Messages['abou
 <div class="w3-row-padding w3-grayscale" iterate="{{team:team}}">
   {{person:Object.parse(team.item)}}
   <div class="w3-col l3 m6 w3-margin-bottom">
+    <!--
+      Resources with expressions in the src-attribute are initially loaded by the browser.
+      A 404 error will always occur in the browser console.
+      So the attribute or tag should be inserted completely as an expression.
+    -->
     <img src="./assets/images/team{{person.id}}.jpg" alt="{{person.name}}">
     <h3>{{person.name}}</h3>
     <p class="w3-opacity">{{person.role}}</p>

Step_07 SiteMap - Controlling components and views/modules/about.html

@@ -22,6 +22,11 @@ <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">{{Messages['abou
   <div class="w3-col l3 m6 w3-margin-bottom">
     <!-- Link with path to the person-face -->
     <a href="#person">
+      <!--
+        Resources with expressions in the src-attribute are initially loaded by the browser.
+        A 404 error will always occur in the browser console.
+        So the attribute or tag should be inserted completely as an expression.
+      -->
       <img src="./assets/images/team{{person.id}}.jpg" alt="{{person.name}}">
     </a>
     <h3>{{person.name}}</h3>

Step_08 SiteMap - Variable paths/modules/about.html

@@ -22,6 +22,11 @@ <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">{{Messages['abou
   <div class="w3-col l3 m6 w3-margin-bottom">
     <!-- Link with path and ID to the person-face -->
     <a href="#person#{{person.id}}">
+      <!--
+        Resources with expressions in the src-attribute are initially loaded by the browser.
+        A 404 error will always occur in the browser console.
+        So the attribute or tag should be inserted completely as an expression.
+      -->
       <img src="./assets/images/team{{person.id}}.jpg" alt="{{person.name}}">
     </a>
     <h3>{{person.name}}</h3>

Step_09 SiteMap - Functional paths/modules/about.html

@@ -22,6 +22,11 @@ <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">{{Messages['abou
   <div class="w3-col l3 m6 w3-margin-bottom">
     <!-- Link with path and ID to the person-face -->
     <a href="#person#{{person.id}}">
+      <!--
+        Resources with expressions in the src-attribute are initially loaded by the browser.
+        A 404 error will always occur in the browser console.
+        So the attribute or tag should be inserted completely as an expression.
+      -->
       <img src="./assets/images/team{{person.id}}.jpg" alt="{{person.name}}">
     </a>
     <h3>{{person.name}}</h3>

Step_10 MVC - Synchronization/modules/about.html

@@ -22,6 +22,11 @@ <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">{{Messages['abou
   <div class="w3-col l3 m6 w3-margin-bottom">
     <!-- Link with path and ID to the person-face -->
     <a href="#person#{{person.id}}">
+      <!--
+        Resources with expressions in the src-attribute are initially loaded by the browser.
+        A 404 error will always occur in the browser console.
+        So the attribute or tag should be inserted completely as an expression.
+      -->
       <img src="./assets/images/team{{person.id}}.jpg" alt="{{person.name}}">
     </a>
     <h3>{{person.name}}</h3>

Step_11 MVC - Synchronization and validation/modules/about.html

@@ -22,6 +22,11 @@ <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">{{Messages['abou
   <div class="w3-col l3 m6 w3-margin-bottom">
     <!-- Link with path and ID to the person-face -->
     <a href="#person#{{person.id}}">
+      <!--
+        Resources with expressions in the src-attribute are initially loaded by the browser.
+        A 404 error will always occur in the browser console.
+        So the attribute or tag should be inserted completely as an expression.
+      -->
       <img src="./assets/images/team{{person.id}}.jpg" alt="{{person.name}}">
     </a>
     <h3>{{person.name}}</h3>

Step_12 Test/modules/about.html

@@ -22,6 +22,11 @@ <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">{{Messages['abou
   <div class="w3-col l3 m6 w3-margin-bottom">
     <!-- Link with path and ID to the person-face -->
     <a href="#person#{{person.id}}">
+      <!--
+        Resources with expressions in the src-attribute are initially loaded by the browser.
+        A 404 error will always occur in the browser console.
+        So the attribute or tag should be inserted completely as an expression.
+      -->
       <img src="./assets/images/team{{person.id}}.jpg" alt="{{person.name}}">
     </a>
     <h3>{{person.name}}</h3>