Skip to content

Commit

Permalink
Merge branch 'gh-pages' of https://github.com/devonfw-training/devon4…
Browse files Browse the repository at this point in the history 
…ng-training into gh-pages
  • Loading branch information
@aldorn-cg
aldorn-cg committed Oct 7, 2024
2 parents d9c2483 + 45763eb commit 98fbb2a
Show file tree
Hide file tree
Showing 5 changed files with 682 additions and 105 deletions.
137 changes: 137 additions & 0 deletions agenda/kn/foundations-kn-2024-october.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,137 @@
<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">

<title>Angular Training</title>
<link rel="icon" href="../../common/img/favicon.ico">
<meta name="description" content="Richwebclient">
<meta name="author" content="Richwebclient Team">

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<link rel="stylesheet" href="../../node_modules/reveal.js/css/reveal.css">
<link rel="stylesheet" href="../../node_modules/reveal.js/css/theme/simple.css" id="theme">
<link rel="stylesheet" href="../../common/css/common.css">

<!-- Printing and PDF exports -->
<script>
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match(/print-pdf/gi) ? '../../node_modules/reveal.js/css/print/pdf.css' : '../../node_modules/reveal.js/css/print/paper.css';
document.getElementsByTagName('head')[0].appendChild(link);
</script>

<!--[if lt IE 9]>
<script src="../../node_modules/reveal.js/lib/js/html5shiv.js"></script>
<![endif]-->
</head>

<body>
<style>

</style>
<div class="reveal">
<div class="slides">
<section data-background-size="70% auto" data-background-position="0% 0%" data-background-image="../../common/img/shapes/Fixed_Shape_1_SVG/Fixed_Shape_1_CapgeminiBlue_RGB.svg">
<h1 class="header-align-left">Angular Foundations</h1>
</section>
<section>
<p>Please prepare your local setup for the training exercises and ask the trainers for help up front if needed:</p>
<ul>
<li><a href="../preparation.html" target="_blank">Preparation slides</a></li>
</ul>
<p>Basic knowledge regarding HTML and CSS is a prerequisite. You can find some material for self study here:</p>
<ul>
<li><a href="../../html5/index.html" target="_blank">HTML 5</a></li>
<li><a href="../../css/index.html" target="_blank">CSS</a></li>
</ul>
</section>
<section data-markdown>
<textarea data-template>
| Day 1 | Times | |
| :---------------- |:---- |:----
| Warm-up | 9:00 - 9:15 | Krzysztof
| <a href="../../js-to-ts/index.html" target="_blank">JavaScript and TypeScript</a> | 9:15 - 10:00 | Krzysztof
| <a href="../../js-to-ts/ts-exercises/index.html" target="_blank">TypeScript Exercises</a> | 10:00 - 11:00 | Krzysztof
|
| <a href="../../ng-module/index.html" target="_blank">Angular Modules</a> & <a href="../../ng-components/index.html" target="_blank">Angular</a> <br> <a href="../../ng-components/index.html" target="_blank">Components</a> with <a href="../../exercises/index.html#/1" target="_blank">exercise</a> | 11:15 - 12:15 | Fatih
| <a href="../../ng-data-binding/index.html" target="_blank">Angular Data Binding</a> with <br> <a href="../../exercises/index.html#/2" target="_blank">Input</a> and <a href="../../exercises/index.html#/3" target="_blank">Output</a> exercise| 12:15 - 13:00 | Michal
|
| Exercise Discussion & Quiz | 15:00 - 15:30
</textarea>
</section>
<section data-markdown>
<textarea data-template>
| Day 2 | Times | |
| :---------------- |:---- |:----
| Exercise Discussion | 9:00 - 10:00
| <a href="../../promises-to-observables/index.html" target="_blank">Promises and Observables</a> | 10:00 - 11:15 | Michal
|
| <a href="../../ng-services/index.html" target="_blank">Angular Services</a> with <a href="../../exercises/index.html#/4" target="_blank">exercise</a> | 11:30 - 12:15 | Fatih
| <a href="../../ng-http/index.html" target="_blank">Angular Http</a> with <a href="../../exercises/index.html#/5" target="_blank">exercise</a> | 12:15 - 13:00 | Krzysztof
|
| Exercise Discussion & Quiz | 15:00 - 15:30
</textarea>
</section>
<section data-markdown>
<textarea data-template>
| Day 3 | Times | |
| :---------------- |:---- |:----
| Exercise Discussion | 9:00 - 10:00
| <a href="../../testing/index.html" target="_blank">Isolated Unit Testing</a> with <a href="../../exercises/testing.html" target="_blank">exercise</a> | 10:00 - 10:30 | Michal
| <a href="../../ng-router/index.html" target="_blank">Angular Router</a> with <a href="../../exercises/index.html#/6" target="_blank">exercise</a> | 10:30 - 11:00 | Fatih
|
| <a href="../../ng-forms/index.html" target="_blank">Angular Forms</a> with <a href="../../exercises/index.html#/7" target="_blank">exercise</a> | 11:15 - 13:00 | Krzysztof
|
| Exercise Discussion & Quiz | 15:00 - 15:30 |
</textarea>
</section>
<section data-markdown>
<textarea data-template>
| Day 4 | Times | |
| :---------------- |:---- |:----
| Exercise Discussion | 9:00 - 10:00
| <a href="../../ngrx/intro.html" target="_blank">ngrx intro</a> with <a href="../../exercises/ngrx.html#/0" target="_blank">exercises</a> | 10:00 - 11:30 | Krzysztof
|
| <a href="../../ng-material/index.html" target="_blank">Angular Material</a> | 11:45 - 12:15 | Michal
| <a href="../../e2e-cypress/index.html" target="_blank">E2E Testing: Cypress</a> (optional) | 12:15 - 13:00 | Fatih
|
| Exercise Discussion & Quiz | 15:00 - 15:30
</textarea>
</section>
<section data-markdown>
<textarea data-template>
| Day 5 | Times | |
| :---------------- |:---- |:----
| Exercise Discussion | 9:00 - 10:00
| <a href="../../testing/index.html#/16" target="_blank">Angular Unit Testing Utilities</a> with <a href="../../exercises/testing.html#/1" target="_blank">exercise</a> | 10:00 - 11:00 | Michal
|
| <a href="../../nx-workspace/index.html" target="_blank">Project Setup</a> | 11:15 - 11:45 | Krzysztof
| Feedback session | 11:45 - 12:00 |
| <a href="../../ngrx-forms/index.html" target="_blank">NGRX-Forms</a> (optional) | 12:00 - 13:00 | Krzysztof
|
| Exercise Discussion & Quiz | 15:00 - 15:30
</textarea>
</section>
</div>

</div>
<script src="../../node_modules/reveal.js/js/reveal.js"></script>
<script src="../../ng-advanced/common/reveal-config.js"></script>

<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({ ...revealConfig, width: "100%", height: "100%" });
</script>

</body>

</html>
9 changes: 8 additions & 1 deletion exercises/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -103,6 +103,13 @@ <h3>Simple Component (4/4)</h3>
<li>Add some component's styling (to the file <span class="monospace highlight">movie-details.component.scss</span>) , e.g. make the labels' font weight bold. Make use of the <span class="monospace highlight">:host</span> pseudo selector.</li>
</ol>
</section>
<section>
<h3>Optional (1/1)</h3>
<ol>
<li>Migrate all your components to standalone components, including <span class="monospace highlight">app.component.ts</span>.</li>
<li>Ensure that each standalone component properly imports the necessary dependencies directly in its <span class="monospace highlight">@Component</span> decorator.</li><br/>
</ol>
</section>
</section>
<section id="master-details">
<section>
Expand Down Expand Up @@ -153,7 +160,7 @@ <h3>Master/Details Pattern @Input (3/6)</h3>
<section>
<h3>Master/Details Pattern @Input (4/6)</h3>

<ul>
<ol>
<li>Extend the <span class="highlight monospace">MovieOverviewComponent</span> class: Implement the <span class="highlight monospace">selectMovie(movie: Movie): void</span> method which sets the passed movie as the selected one.
</li>
<li>In the template add the <span class="highlight monospace">(click)</span> event binding to table rows to call the
Expand Down
Loading

0 comments on commit 98fbb2a

Please sign in to comment.