Skip to content

Commit 3cadeda

Browse files
committed
Change Agenda and add dummy signals advanced slides
1 parent accedea commit 3cadeda

File tree

2 files changed

+120
-5
lines changed

2 files changed

+120
-5
lines changed

agenda/advanced-remote.html

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ <h1 class="header-align-right">Angular Advanced Agenda</h1>
3939
| :---------------- |:--- |
4040
| Warm-up | 09:00
4141
| <a href="../ngrx/advanced.html" target="_blank">ngrx recap</a> and <a href="https://github.com/devonfw-ng-adv-training/refresher?tab=readme-ov-file#ngadvrefresher" target="_blank">exercise</a> discussion | 09:30
42-
| <a href="../ng-advanced/architecture/index.html" target="_blank">Architecture recap</a> | 11:00
42+
| <a href="../ng-advanced/asynchronous-development/index.html" target="_blank">Asynchronous development and JS Engine</a> | 11:00
4343
|
4444
| <a href="../ng-advanced/rxjs/index.html" target="_blank">rxjs levelling Up</a> and time for <a href="https://github.com/devonfw-ng-adv-training/rxjs-exercises" target="_blank">exercise</a> | 13:00
4545
</textarea>
@@ -48,11 +48,12 @@ <h1 class="header-align-right">Angular Advanced Agenda</h1>
4848
<textarea data-template>
4949
| Day 2 | Times |
5050
| :---------------- |:--- |
51-
| <a href="https://github.com/devonfw-ng-adv-training/rxjs-exercises" target="_blank">rxjs exercise</a> discussion | 09:00
52-
| <a href="../ng-advanced/asynchronous-development/index.html" target="_blank">Asynchronous development and JS Engine</a> | 10:30
51+
| <a href="../ng-advanced/architecture/index.html" target="_blank">Architecture recap</a> | 09:00
52+
| <a href="../ng-advanced/elements/index.html" target="_blank">Microfrontends</a> | 09:30
53+
| <a href="../ng-signals/advanced.html" target="_blank">Signals</a> and time for exercises | 10:15
5354
|
54-
| <a href="../ng-advanced/elements/index.html" target="_blank">Microfrontends</a> | 13:00
55-
| <a href="../ng-advanced/forms/index.html#/agenda-1" target="_blank">Forms deep dive</a> and time for <a href="../ng-advanced/forms/index.html#/3/9" target="_blank">CVA</a> & <a href="../ng-advanced/forms/index.html#/4/5" target="_blank">Nested Forms</a> exercise | 15:00
55+
| Exercise discussion | 13:00
56+
| <a href="../ng-advanced/forms/index.html#/agenda-1" target="_blank">Forms deep dive</a> and time for <a href="../ng-advanced/forms/index.html#/3/9" target="_blank">CVA</a> & <a href="../ng-advanced/forms/index.html#/4/5" target="_blank">Nested Forms</a> exercises | 15:00
5657
</textarea>
5758
</section>
5859
<section data-markdown>

ng-signals/advanced.html

Lines changed: 114 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,114 @@
1+
<!doctype html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
7+
8+
<title>Advanced signals</title>
9+
<link rel="icon" href="../common/img/favicon.ico">
10+
11+
<link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono" rel="stylesheet">
12+
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
13+
<link rel="stylesheet" href="../node_modules/reveal.js/dist/reveal.css">
14+
<link rel="stylesheet" href="../node_modules/reveal.js/dist/theme/white.css" id="theme">
15+
16+
<link rel="stylesheet" href="../common/css/common.css">
17+
18+
<!-- Theme used for syntax highlighting of code -->
19+
<link rel="stylesheet" href="../common/css/github-gist.css">
20+
21+
</head>
22+
23+
<body>
24+
<section class="angular-link">
25+
<a href="http://angular.io" target="_blank"><img height="50px" src="../common/img/angular.svg"></a>
26+
</section>
27+
<section class="devon-link">
28+
<a href="http://devonfw.github.io" target="_blank"><img height="30px" src="../common/img/devon_logo_blue.png"></a>
29+
</section>
30+
<div class="devon reveal">
31+
<div class="slides">
32+
<section>
33+
<h2>Signals Advanced (In progress)</h2>
34+
<img class="no-border" src="https://ngrx.io/assets/images/badge.svg" width="200px" alt="ngrx logo">
35+
<p>Based on <a href="intro.html" target="_blank">ngrx intro</a> from Angular Foundation</p>
36+
<p>Rohan Fernandes</p>
37+
</section>
38+
<section>
39+
<h2>ToDO</h2>
40+
<p>some content - todo</p>
41+
</section>
42+
<section>
43+
<section>
44+
<h2>TODO</h2>
45+
<p class="hint center">Checkout <a target="_blank" href="../web-app-architecture/index.html#/smart-vs-dumb-components">dumb vs smart components</a></p>
46+
</section>
47+
<section>
48+
<h2>State goes down</h2>
49+
<p>... using Angular <code>@Input</code> syntax.</p>
50+
<img src="img/state-goes-down.png">
51+
</section>
52+
<section>
53+
<h2>Events go up</h2>
54+
<p>... using Angular <code>@Output</code> syntax.</p>
55+
<img src="img/events-go-up.png">
56+
</section>
57+
</section>
58+
<section>
59+
<section id="summary">
60+
<h2>Summary</h2>
61+
<ul>
62+
<li>Recap Angular Foundation<br>
63+
<ul class="ul-small">
64+
<li>TODO</li>
65+
</ul>
66+
</li>
67+
<li>Effects (for instance as Advanced Topics 1)<br>
68+
<ul class="ul-small">
69+
<li>TODO</li>
70+
</ul>
71+
</li>
72+
<li>Advanced Topics 2<br>
73+
<ul class="ul-small">
74+
<li>TODO</li>
75+
</ul>
76+
</li>
77+
<li>dumb vs smart components</li>
78+
</ul>
79+
<p class="hint center">Live Code Examples & Backup slides below</p>
80+
<aside class="notes">
81+
Keep in mind: Actions trigger Reducers and effects in that order
82+
</aside>
83+
</section>
84+
<section id="examples" data-visibility="uncounted">
85+
<h2>Live Code Examples</h2>
86+
<ul>
87+
<li>TODO</li>
88+
</ul>
89+
</section>
90+
<section id="backup" data-visibility="uncounted">
91+
<h2>Backup slides</h2>
92+
<p>Following slides are not subject of the lecture.<br>Ask trainers in case of questions.</p>
93+
</section>
94+
</section>
95+
</div>
96+
</div>
97+
98+
<script src="../node_modules/reveal.js/dist/reveal.js"></script>
99+
<script src="../node_modules/reveal.js/plugin/zoom/zoom.js"></script>
100+
<script src="../node_modules/reveal.js/plugin/notes/notes.js"></script>
101+
<script src="../node_modules/reveal.js/plugin/search/search.js"></script>
102+
<script src="../node_modules/reveal.js/plugin/markdown/markdown.js"></script>
103+
<script src="../node_modules/reveal.js/plugin/highlight/highlight.js"></script>
104+
<script src="../node_modules/reveal.js-menu/menu.js"></script>
105+
<script src="../common/reveal-config.js"></script>
106+
<script>
107+
Reveal.initialize({
108+
...revealConfig,
109+
plugins: [RevealZoom, RevealNotes, RevealSearch, RevealMarkdown, RevealHighlight, RevealMenu]
110+
});
111+
</script>
112+
</body>
113+
114+
</html>

0 commit comments

Comments
 (0)