-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
242 lines (227 loc) · 12.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!DOCTYPE html>
<html lang="de">
<head>
<title>Torsten Knauf 👍</title>
<meta charset="utf-8" />
<meta name="description" content="Lebenslauf von Torsten Knauf" />
<meta name="theme-color" content="black" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="format-detection" content="telephone=no" />
<link rel="manifest" href="./app.webmanifest" />
<link rel="icon" type="image/x-icon" href="./assets/favicon.ico" />
<link rel="stylesheet" type="text/css" href="./css/browserReset.css" />
<link rel="stylesheet" type="text/css" href="./css/styles.css" />
<link rel="stylesheet" type="text/css" href="./css/theme-switcher.css" />
<link rel="stylesheet" type="text/css" media="(min-width:640px), print" href="./css/styles.desktop.css" />
<link rel="stylesheet" type="text/css" media="print" href="./css/styles.print.css" />
<link rel="stylesheet" type="text/css" href="./css/theme.css" />
<script>
if ("serviceWorker" in navigator) {
const scope = window.location.host.includes("github.io") ? "/curriculum-vitae/" : "/";
navigator.serviceWorker.register(`${scope}service.worker.js`, { scope })
.catch(console.error);
}
</script>
<script type="module">
import { ApplicationPhotoComponent } from "./src/applicationPhoto.component.js";
import { ContentSectionComponent } from "./src/contentSection.component.js";
import { ContentEntryComponent } from "./src/contentEntry.component.js";
customElements.define("cv-application-photo", ApplicationPhotoComponent);
customElements.define("cv-content-section", ContentSectionComponent);
customElements.define("cv-content-entry", ContentEntryComponent);
</script>
</head>
<body>
<section class="pageContainer">
<section class="header">
<h1>Lebenslauf Torsten Knauf</h1>
<label class="theme-switcher" title="Toggle Theme">
<input type="checkbox" />
<span class="slider round" onclick="(e => document.body.classList.toggle('dark'))(event)"></span>
</label>
</section>
<section class="contentContainer">
<section class="contentFirstColumn">
<cv-application-photo></cv-application-photo>
<section class="printOnly qrCode">
<img src="./assets/QRCodeToWebPage.svg" alt="QR-Code zur Web Version des Lebenslaufes"/>
<p style="font-size: 0.8em;">QR-Code zur Web Version des Lebenslaufes</p>
</section>
<h2>Persönliche Daten</h2>
<p>30.11.1989, Köln</p>
<p><a href="tel:+4915154422562">0151 / 544 225 62</a></p>
<p><a href="mailto:Torsten.Knauf@gmx.de">Torsten.Knauf@gmx.de</a></p>
<p>Hasselwerderstr. 32,<br />12439 Berlin</p>
<h2>Main Skills</h2>
<ul>
<li>Full-stack TypeScript Developer</li>
<li>Neue Herausfor­derungen meistern</li>
</ul>
<h2>Erfahrungen mit</h2>
<ul>
<li>Frontend: React, Angular, AngularJS, Polymer 1 & 3, LitElement</li>
<li>Backend: NestJS, fastify, Express JS, Java, Python</li>
<li>DevOps: GitLab pipelines, GitHub Actions, Docker, Azure, AWS</li>
<li>Mobile: Android, Expo JS</li>
</ul>
<h2>Sprachen</h2>
<ul>
<li>Deutsch</li>
<li>Englisch</li>
</ul>
</section>
<section class="contentSecondColumn">
<cv-content-section>
<h2 slot="title">📈 Berufserfahrung</h2>
<section slot="entries">
<cv-content-entry>
<h3 slot="date">09/2019 – aktuell</h3>
<h3 slot="header">Senior Entwickler - <a href="https://www.maibornwolff.de/">MaibornWolff</a></h3>
<p slot="description">Full-stack Entwickler in fünf agilen Projekten mit hauptsächlich TypeScript Tech-stack;
je nach Projektbedarf von der Umsetzung fertig konzipierter User-Stories über die Anleitung junger Kollegen bis zur Unterstützung beim Herausarbeiten und Umsetzen ganzer Epics
</p>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">09/2018 – 08/2019</h3>
<h3 slot="header">Entwickler - <a href="https://www.omikron.net/">Omikron Data Quality GmbH</a></h3>
<p slot="description">Wartung einer Polymer 1-basierten Frontend Library zur Integration der Backend-seitigen Shop-Engine sowie Migration auf Polymer 3 und LitElement</p>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">04/2017 – 08/2018</h3>
<h3 slot="header">Entwickler - <a href="https://www.fastleansmart.com">Fast Lean Smart</a></h3>
<p slot="description">Entwicklung eines React-basierten Clients für Dispatcher aufbauend auf einem Backend, welches Termine und Ressourcen in Echtzeit verplant</p>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">08/2016 – 10/2016</h3>
<h3 slot="header">Studentische Hilfskraft - <a href="https://www.uni-kiel.de/de/">CAU</a></h3>
<p slot="description">Web-Entwickler in einem Forschungsprojekt, welches historische Dokumente und Statistiken digital aufarbeitet</p>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">08/2013 – 06/2014</h3>
<h3 slot="header">Studentische Hilfskraft - <a href="https://www.fit.fraunhofer.de/">Fraunhofer FIT</a></h3>
<p slot="description">Studentische Hilfskraft inklusive Bachelor Arbeit "Refaktorisierung eines Smartphone-basierten Content Management Systems"</p>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">01/2013 – 03/2013</h3>
<h3 slot="header">Praktikum - <a href="https://www.dataport.de/">Dataport Altenholz</a></h3>
<p slot="description">Automatisierung von Softwareentwicklungsprozessen in der Abteilung E-Government Basislösungen</p>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">10/2009 – 07/2010</h3>
<h3 slot="header">Zivildienst - <a href="https://www.caritas-rheinsieg.de/">Caritasverband Rhein-Sieg e.V</a></h3>
<p slot="description">Im Bereich der Altersbetreuung und auf Minijob Basis um einen Monat verlängert</p>
</cv-content-entry>
</section>
</cv-content-section>
<cv-content-section>
<h2 slot="title">🎓 Ausbildung</h2>
<section slot="entries">
<cv-content-entry>
<h3 slot="date">10/2014 – 03/2017</h3>
<h3 slot="header">Master Informatik (∅ 1.4)</h3>
<p slot="description">Christian-Albrechts-Universität zu Kiel mit dem Anwendungsfach Mathematik (<a href="https://shaman-apprentice.github.io/MyMasterThesis/">Link zur Master Arbeit</a>)</p>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">09/2010 – 08/2014</h3>
<h3 slot="header">Bachelor Informatik (∅ 1.6)</a></h3>
<p slot="description">Hochschule Bonn-Rhein-Sieg in Sankt Augustin mit der Spezialisierung komplexe Softwaresysteme</p>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">2009</h3>
<h3 slot="header">Abitur (∅ 2.0)</h3>
<p slot="description">Rhein-Sieg-Gymnasium in Sankt Augustin</p>
</cv-content-entry>
</section>
</cv-content-section>
<cv-content-section class="pageBreakAfterHobbysSection">
<h2 slot="title">⛹ Hobbys</h2>
<section slot="entries">
<cv-content-entry>
<h3 slot="header">Tischtennis</h3>
<p slot="description">Erste Mannschaft in der Bezirksliga beim BSV A. d. Wissenschaften</a></p>
</cv-content-entry>
<cv-content-entry>
<h3 slot="header">Go</a></h3>
</cv-content-entry>
<cv-content-entry>
<h3 slot="header">Fußball</h3>
</cv-content-entry>
</section>
</cv-content-section>
<cv-content-section>
<h2 slot="title">👑 Sonstiges</h2>
<section slot="entries">
<cv-content-entry>
<h3 slot="header"><a href="https://github.com/shaman-apprentice">Mein GitHub Account</a></h3>
<p class="printOnly" slot="description">https://github.com/shaman-apprentice</p>
</cv-content-entry>
<cv-content-entry>
<h3 slot="header">Veröffentlichte Blogbeiträge</h3>
<section slot="description">
<ul>
<li><a href="https://www.maibornwolff.de/en/know-how/are-clean-code-and-business-value-connected">Are clean code and business value connected?</a></li>
<li>A triology about JavaScript:
<ul>
<li><a href="https://www.maibornwolff.de/en/know-how/javascripts-annoying-past">Annoying past of JavaScript</a></li>
<li><a href="https://www.maibornwolff.de/en/know-how/why-javascript-definitely-cool-thing">Why JavaScript is definitely a cool thing</a></li>
<li><a href="https://www.maibornwolff.de/en/know-how/my-personal-language-challenge-c-vs-java-vs-python-vs-javascript">My personal language challenge C vs Java vs Python vs JavaScript</a></li>
</ul>
</li>
</ul>
</section>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">02/2023</h3>
<h3 slot="header">Certified Professional for Software Architecture by iSAQB</h3>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">12/2022</h3>
<h3 slot="header">Betriebliche Brandschutzhelfer Ausbildung</h3>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">09/2021 – 11/2022</h3>
<h3 slot="header">Migration des Open Source Tools <a href="https://github.com/MaibornWolff/codecharta">CodeCharta</a> von AngularJS auf Angular</h3>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">02/2021</h3>
<h3 slot="header">Node.js Application Developer Certificate</h3>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">05/2020</h3>
<h3 slot="header">AZ-203: Microsoft Azure Developer Associate Certificate</h3>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">04/2020</h3>
<h3 slot="header">AZ-900: Microsoft Azure Fundamentals Certificate</h3>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">01/2020</h3>
<h3 slot="header">Betriebliche Ersthelfer Ausbildung</h3>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">2011/12/14/15/16</h3>
<h3 slot="header">Deutscher Meister im Paar-Go</h3>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">2011 – 2013</h3>
<h3 slot="header">Deutschlandstipendium</h3>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">2009 – 2011</h3>
<h3 slot="header">Kassenprüfer beim Go-Verband NRW</h3>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">2007</h3>
<h3 slot="header">Deutscher Jugendmeister im Go</h3>
</cv-content-entry>
<cv-content-entry>
<h3 slot="date">2006 – 2007</h3>
<h3 slot="header">Sportbeisitzer der Schülervertretung</h3>
</cv-content-entry>
</section>
</cv-content-section>
</section>
</section>
</section>
</body>
</html>