angular build

packages/slides/slides.md

@@ -1090,6 +1090,18 @@ src: ./slides/02352-task-angular-forms.md
 src: ./slides/02354-task-angular-forms-details.md
 ---
 
+---
+src: ./slides/02360-angular-build.md
+---
+
+---
+src: ./slides/02362-angular-build-real-world-project.md
+---
+
+---
+src: ./slides/02364-angular-build-index-html.md
+---
+
 ---
 src: ./slides/99999-end.md
 ---

packages/slides/slides/02360-angular-build.md

@@ -0,0 +1,28 @@
+---
+layout: default
+---
+
+# Angular <SubHeading text="Build"/>
+
+<div class="grid grid-cols-12 gap-x-6">
+<div class="col-span-12">
+
+- Um eine Angular-App zu veröffentlichen, muss sie gebaut werden - dafür nutzen wir `ng build`
+- Die auslieferbaren Dateien laden im `dist`-Verzeichnis
+
+</div>
+
+<div class="col-span-8">
+
+![](/images/angular-ng-build-logs.png)
+
+</div>
+<div class="col-span-4">
+
+![](/images/angular-ng-build-files.png)
+
+</div>
+
+</div>
+
+<PageNumber/>

packages/slides/slides/02362-angular-build-real-world-project.md

@@ -0,0 +1,18 @@
+---
+layout: default
+---
+
+# Angular <SubHeading text="Build"/>
+
+<div class="grid grid-cols-12 gap-x-6">
+<div class="col-span-12">
+
+- In einer "echten" Anwendung kommen in der Regel mehr und/oder größere _Bundle-Dateien_ heraus
+
+![](/images/angular-ng-build-real-world-app.png){.max-w-[34rem]}
+
+</div>
+
+</div>
+
+<PageNumber/>

packages/slides/slides/02364-angular-build-index-html.md

@@ -0,0 +1,18 @@
+---
+layout: default
+---
+
+# Angular <SubHeading text="Build"/>
+
+<div class="grid grid-cols-12 gap-x-6">
+<div class="col-span-12">
+
+- In der `index.html` werden die generierten Skripte geladen, wodurch die Anwendung im Browser gestartet wird
+
+![](/images/angular-ng-build-index-html.png){.max-w-[34rem]}
+
+</div>
+
+</div>
+
+<PageNumber/>