docs(docs):rework flow school

Author: Nicoss54

docs/markdown/control-flow/transition_slide.md renamed to docs/markdown/control-flow/00-TRANSITION-SLIDE.md

@@ -1,3 +1,3 @@
 <!-- .slide: class="transition" -->
 
-# Angular Renaissance: Control flow
+# Control flow

docs/markdown/control-flow/conditional_flow.md renamed to docs/markdown/control-flow/01-INTRODUCTION.md

@@ -149,7 +149,7 @@ ng generate @angular/core:control-flow
 
 # Benefits of the new syntax
 
-- **Clearer and more intuitive**: The syntax is closer to native JavaScript control flow.
-- **No more microsyntax**: Eliminates the complex grammar of `let`, `as`, and `of`.
-- **Improved type checking**: The compiler can better infer types within the blocks.
+- **Clearer and more intuitive**: The syntax is closer to native JavaScript control flow. <br/><br/>
+- **No more microsyntax**: Eliminates the complex grammar of `let`, `as`, and `of`. <br/><br/>
+- **Improved type checking**: The compiler can better infer types within the blocks. <br/><br/>
 - **Built-in**: Control flow is part of the core framework, no need to import `CommonModule` for `@if`, `@for`, etc.

docs/markdown/control-flow/100-LAB.md

@@ -0,0 +1,17 @@
+<!-- .slide: class="exercice" -->
+
+# Lab 14: 14-control-flow
+
+## Lab
+
+<b>A readme is available in the apps/14-control-flow folder</b>
+
+##==##
+
+<!-- .slide: class="exercice full-center" -->
+
+# Lab 14: 14-control-flow
+
+## Lab
+
+<b>apps/14-control-flow-solution</b>

docs/markdown/directive/100-LAB.md

@@ -1,17 +1,11 @@
 <!-- .slide: class="exercice" -->
-
-# Lab 14: 14-control-flow
-
+# Lab 15: 15-directive-custom
 ## Lab
-
-<b>A readme is available in the apps/14-control-flow folder</b>
+<b>A readme is available in the apps/15-directive-custom folder</b>
 
 ##==##
-
-<!-- .slide: class="exercice full-center" -->
-
-# Lab 14: 14-control-flow
-
+ 
+<!-- .slide: class="full-center exercice" -->
+# Lab 15: 15-directive-custom
 ## Lab
-
-<b>apps/14-control-flow-solution</b>
+<b>apps/15-directive-custom-solution</b>

docs/markdown/directive/101-LAB.md

@@ -1,11 +1,14 @@
 <!-- .slide: class="exercice" -->
-# Lab 15: 15-directive-custom
+# Lab 26: 26-hostbinding-hostlistener
 ## Lab
-<b>A readme is available in the apps/15-directive-custom folder</b>
+
+<br><br>
+
+<b>A readme is available in the apps/26-hostbinding-hostlistener folder</b>
 
 ##==##
- 
+
 <!-- .slide: class="full-center exercice" -->
-# Lab 15: 15-directive-custom
+# Lab 26: 26-hostbinding-hostlistener
 ## Lab
-<b>apps/15-directive-custom-solution</b>
+__apps/26-hostbinding-hostlistener-solution__

docs/markdown/directive/104-LAB.md renamed to docs/markdown/directive/102-LAB.md

@@ -52,7 +52,7 @@ function hostDirectivesSlides() {
     `${DIRECTIVE}/03-HOST-BINDING-LISTENER.md`,
     `${DIRECTIVE}/04-HOST-BINDING.md`,
     `${DIRECTIVE}/05-HOST-LISTENER.md`,
-    `${DIRECTIVE}/103-LAB.md`,
+    `${DIRECTIVE}/101-LAB.md`,
   ];
 }
 
@@ -63,7 +63,7 @@ function structuralDirectiveSlides() {
     `${DIRECTIVE}/06-STRUCTURAL-TRANSITION-SLIDE.md`,
     `${DIRECTIVE}/07-STRUCTURAL-DEFINITION.md`,
     `${DIRECTIVE}/08-STRUCTURAL-PROVIDERS.md`,
-    `${DIRECTIVE}/104-LAB.md`,
+    `${DIRECTIVE}/102-LAB.md`,
   ];
 }
 

docs/markdown/directive/103-LAB.md

@@ -25,15 +25,14 @@ function pipeSlides() {
   ];
 }
 
+function controlFlowSlides() {
+  const CONTROL_FLOW = 'control-flow';
+  return [`${CONTROL_FLOW}/00-TRANSITION-SLIDE.md`, `${CONTROL_FLOW}/01-INTRODUCTION.md`, `${CONTROL_FLOW}/100-LAB.md`];
+}
+
 function directiveSlides() {
   const DIRECTIVE = 'directive';
-  return [
-    `${DIRECTIVE}/00-TRANSITION-SLIDE.md`,
-    `${DIRECTIVE}/01-CONTROL-FLOW.md`,
-    `${DIRECTIVE}/100-LAB.md`,
-    `${DIRECTIVE}/02-CUSTOM-DIRECTIVE.md`,
-    `${DIRECTIVE}/101-LAB.md`,
-  ];
+  return [`${DIRECTIVE}/00-TRANSITION-SLIDE.md`, `${DIRECTIVE}/02-CUSTOM-DIRECTIVE.md`, `${DIRECTIVE}/100-LAB.md`];
 }
 
 function templateDrivenForms() {
@@ -65,6 +64,7 @@ export function dayTwoSlides() {
     ...providersSlide(),
     ...dependencyInjectionSlides(),
     ...pipeSlides(),
+    ...controlFlowSlides(),
     ...directiveSlides(),
     ...templateDrivenForms(),
     ...reactiveFormSlides(),