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

Author: ostepane

e2e-cypress/index.html

@@ -72,6 +72,9 @@ <h3>It is just another node module...</h3>
       </section>
       <section>
         <h3>...which comes with everything you need to start testing!</h3>
+		<pre><code class="hljs typescript"  data-trim data-noescape>
+npx cypress open
+        </code></pre>
         <img src="img/cypress-start.png" alt="Cypress start page">
       </section>
       <section>
@@ -172,6 +175,15 @@ <h3>Some best practices:</h3>
           <li>use as <span class="highlight">many assertions</span> as needed. It's not unit testing.</li>
         </ul>
       </section>
+		<section id="summary">
+			<h2>Summary</h2>
+			<ul>
+				<li>E2E testing is important</li>
+				<li>Cypress comes with everything you need</li>
+				<li>cy API: visit, get, click, should, etc.</li>
+				<li>Familiar test structure</li>
+			</ul>
+	  </section>
     </div>
   </div>
 

js-to-ts/index.html

@@ -333,7 +333,7 @@ <h2>Strict Null Checks</h2>
             <section>
                 <pre><code class="typescript" data-trim>
 function query(method: 'GET'|'POST'|'PUT') {
-  // highly suffisticated stuff here...
+  // highly sophisticated stuff here...
 }
 
 query('otto');

ng-components/index.html

@@ -248,7 +248,7 @@ <h3>Import TypeScript sources</h3>
 			@Component({
 			  standalone: true,
 			  imports: [ProfilePhoto],
-			  template: `<profile-photo />`
+			  template: `&lt;profile-photo /&gt;`
 			})
 			export class UserProfile { }
 				</code></pre>
@@ -269,7 +269,7 @@ <h3>Define a Standalone Component</h3>
 			@Component({
 			  standalone: true,
 			  imports: [ProfilePhoto],
-			  template: `<profile-photo />`
+			  template: `&lt;profile-photo /&gt;`
 			})
 			export class UserProfile { }
 				</code></pre>
@@ -293,7 +293,7 @@ <h3>Import Standalone Components</h3>
 			@Component({
 			  standalone: true,
 			  imports: [ProfilePhoto],
-			  template: `<profile-photo />`
+			  template: `&lt;profile-photo /&gt;`
 			})
 			export class UserProfile { }
 				</code></pre>
@@ -514,7 +514,7 @@ <h2>Summary</h2>
 				<h2>Live Code Examples</h2>
 				<ul>
 					<li><a href="https://stackblitz.com/edit/stackblitz-starters-ls7pdf?file=src%2Fbook-details.component.ts" target="_blank">Standalone Component</a> Example in Stackblitz</li>
-					<li><a href="https://stackblitz.com/edit/stackblitz-starters-ls7pdf?file=src%2Fbook-details.component.ts" target="_blank">Component & Module</a> Example in Stackblitz</li>
+					<li><a href="https://stackblitz.com/edit/angular-ivy-jmjw6u?file=src%2Fapp%2Fapp.component.ts" target="_blank">Component & Module</a> Example in Stackblitz</li>
 				</ul>
 			</section>
 			<section id="backup" data-visibility="uncounted">