Merge branch 'gh-pages' of https://github.com/devonfw-training/devon4ng-training into gh-pages

Author: aldorn-cg

ng-material/index.html

@@ -95,6 +95,9 @@ <h2>Summary</h2>
                   <li>
                     Angular Material offers UI Components based on Material Design Spec. Theming gives the devloper the abilityy to change aspects of UI like color and typography
                   </li>
+                  <li>
+                    Form field is a component used to wrap several Angular Material components and apply common Text field styles. Creation of custom form fields also possible.
+                  </li>
                </ul>
                <p class="hint center">Live Code Examples & Backup slides below</p>
             </section>
@@ -106,11 +109,13 @@ <h2>Live Code Examples</h2>
             </section>
             <section id="backup" data-visibility="uncounted">
                <h2>Backup slides</h2>
-               <p>Following slides are not subject of the lecture.<br>Ask trainers in case of questions.</p>
+               <!-- <p>Following slides are not subject of the lecture.<br>Ask trainers in case of questions.</p> -->
             </section>
             <section data-visibility="uncounted">
                 <h2>Bookmarks</h2>
-                <p>XMLHttpRequest on Wikipedia: <a href="https://de.wikipedia.org/wiki/XMLHttpRequest">XMLHttpRequest</a></p>
+                <p><a href="https://material.angular.io/"  target="_blank">Angular Material Docs</a></p>
+                <p><a href="https://material.io/"  target="_blank">Material Design Docs</a></p>
+                <p><a href="https://material.angular.io/guide/creating-a-custom-form-field-control"  target="_blank">Creating a custom form field control</a></p>
             </section>
          </section>
     </div>

platform/platform.html

@@ -587,13 +587,10 @@ <h1>Questions?</h1>
                <h2>Summary</h2>
                <ul>
                   <li>
-                     First ...<br>      
-                     <ul class="ul-small">
-                        <li>First detail...</li>
-                        <li>Another detail ...</li>
-                     </ul>
+                    A progressive web app (PWA) is an app that's built using web platform technologies, but that provides a user experience like that of a platform-specific app. <br>      
                   </li>
-                  <li>Second ..</li>
+                  <li>A service worker can be used for caching, background syncting and push Notifications</li>
+                  <li>PWAs can use storage technologies like localStorage, sessionStorage, IndexedDB or WebSQL</li>
                </ul>
                <p class="hint center">Live Code Examples & Backup slides below</p>
             </section>
@@ -606,8 +603,21 @@ <h2>Backup slides</h2>
             </section>
             <section data-visibility="uncounted">
                 <h2>Bookmarks</h2>
-                <p>Progressive Web Apps in 2021 <a href="https://firt.dev/pwa-2021/">Progressive Web Apps in 2021</a></p>
-                <p>Storage fror the web <a href="https://web.dev/articles/storage-for-the-web">Storage for the web</a></p>                
+                <p><a href="https://firt.dev/pwa-2021/"  target="_blank">Progressive Web Apps in 2021</a></p>
+                <p><a href="https://web.dev/articles/storage-for-the-web"  target="_blank">Storage for the web</a></p>
+                <p><a href="https://aurelia.io/"  target="_blank">Aurelia</a></p>
+                <p><a href="https://emberjs.com/"  target="_blank">EmberJS</a></p>
+                <p><a href="https://backbonejs.org/"  target="_blank">Backbone.js</a></p>
+                <p><a href="https://d3js.org/"  target="_blank">D3JS</a></p>
+                <p><a href="https://lit.dev/"  target="_blank">Lit</a></p>
+                <p><a href="https://medium.com/poka-techblog/turn-your-angular-app-into-a-pwa-in-4-easy-steps-543510a9b626"  target="_blank">Angular App to PWA</a></p>
+                <p><a href="https://cordova.apache.org/"  target="_blank">Apache Cordova</a></p>
+                <p><a href="https://capacitorjs.com/"  target="_blank">Capacitor</a></p>
+                <p><a href="https://developer.apple.com/documentation/webkit/wkwebview"  target="_blank">WKWebView</a></p>
+                <p><a href="https://code.nasa.gov/#/"  target="_blank">NASA Code</a></p>
+                <p><a href="https://web.dev/learn/pwa/architecture/"  target="_blank">PWA Architecture</a></p>
+                <p><a href="https://www.w3schools.com/jsref/obj_navigator.asp"  target="_blank">Window Navigator</a></p>
+                <p><a href="https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/"  target="_blank">Tasks, microtasks, queues and schedules</a></p>                
             </section>
          </section>
          </div>