-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
359 lines (300 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
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
---
layout: default
---
<div class="main main--left">
<div class="flex flex--vertical">
<div>
<div class="smiley-wrapper">
<img src="/img/smiley.jpeg" alt="Denis Šaško" class="smiley">
</div>
</div>
<div>
<h1 class="title">Denis Šaško</h1>
<h2 class="subtitle">Frontend developer from Zagreb, Croatia</h2>
<div class="pages">
<a href="https://github.com/{{ site.github_username }}" target="_blank" rel="noopener" class="--url">Github</a>
<a href="https://linkedin.com/in/{{ site.linkedin_username }}" target="_blank" rel="noopener" class="--url">LinkedIn</a>
</div>
</div>
</div>
</div>
<div class="main main--right">
<div class="main__content">
<hr class="print-only"> <!-- -- -->
<h2>Latest projects</h2>
<ul>
<li>
<a href="https://productive.io/" target="_blank" class="--url">Productive.io</a><br>
Leading and developing features for one of the best Croatian startups
</li>
<li>
<a href="https://www.bik-travel.com/" target="_blank" class="--url">Bik-travel.com</a><br>
Collaboration with the very talented <a href="https://dribbble.com/JankoBertosa" target="_blank" rel="noopener noreferrer">Janko Bertoša</a>
</li>
<li>
<a href="https://www.olimar.de/" target="_blank" rel="noopener noreferrer" class="--url">Olimar.de</a><br>
As a member of the <a href="https://www.neusta-travel.com/" target="_blank" rel="noopener noreferrer">Neusta Travel gmbh.</a> frontend team
</li>
<li>
<a href="https://www.franck.eu/en/" target="_blank" rel="noopener noreferrer" class="--url">Franck.eu</a><br>
Collaboration with the awesome team at <a href="https://www.shape404.agency/" target="_blank" rel="noopener noreferrer">SHAPE</a>
</li>
<li>
<a href="https://www.valamar-experience.com/" target="_blank" rel="noopener noreferrer" class="--url">Valamar Experience</a><br>
As a member of the <a href="https://www.shape404.agency/" target="_blank" rel="noopener noreferrer">SHAPE</a> frontend team
</li>
<li>
<a href="https://360.mcdrvu.hr/" target="_blank" rel="noopener noreferrer" class="--url">Vukovar virtual tour</a><br>
An inspiring collaboration with <a href="https://www.shape404.agency/" target="_blank" rel="noopener noreferrer">SHAPE</a> and <a href="https://www.404.agency/en/" target="_blank" rel="noopener noreferrer">404 Agency</a>
</li>
</ul>
<hr> <!-- -- -->
<h2>Tech stack</h2>
<ul class="connected">
<li>
<strong>Languages:</strong> Javascript, Typescript, HTML, CSS, SVG, RegEx
</li>
<li>
<strong>Frameworks:</strong> Vue, Nuxt, React, Ember
</li>
<li>
<strong>Asset management:</strong> Vite, Webpack, Rollup
</li>
<li>
<strong>Testing:</strong> Jest, Cypress, Playwright, Qunit
</li>
<li>
<strong>Source control:</strong> Git, Github (CI), Gitlab (CI)
</li>
<li>
<strong>Virtualization:</strong> Docker, Proxmox
</li>
<li>
<strong>CMS:</strong> Wordpress, Strapi, Jekyll
</li>
<li>
<strong>Design tools:</strong> Affinity Creative Suite, Adobe Creative Suite, Figma
</li>
</ul>
<hr class="pg-break"> <!-- -- -->
<h2>A <span title="bit">byte<span class="bit">/<sup>8</sup></span></span> about me</h2>
<p>
I began my professional journey as a designer, but it didn't take long for me to realize that programming was my true passion. I still enjoy experimenting with design tools and I can't help but dive into the source code of any SVG that crosses my path.
</p>
<p>
JavaScript is my preferred language, and I use it for most of my programming tasks. I'm particularly interested in performance, optimization and exploring how to make systems run more efficiently.
</p>
<p>
Im a hacker and tinkerer at heart and love to spend my time learning and problem-solving. My experience also extends beyond frontend development to backend technologies, search engine optimization, server configuration, network setup, 3D modeling, and 3D printing, to name a few.
</p>
<p>
Currently, I work as a Frontend Tech Lead at <a href="https://productive.io/" target="_blank" rel="noopener noreferrer">Productive</a>, where I'm part of a financial product team. Productive is a platform that helps agencies manage their operations, covering project management, time tracking, invoicing, CRM, resource planning, and reporting. My work revolves heavily around <a href="https://emberjs.com/">Ember.js</a> on the frontend.
</p>
<p>
Outside of work, I find joy in:
</p>
<ul class="connected">
<li>Spending time with my family</li>
<li>3D modelling and printing</li>
<li>Watching MMA</li>
<li>Playing Defense of the Ancients 2</li>
</ul>
<hr> <!-- -- -->
<h2>Personal Information</h2>
<dl>
<dt>Full name:</dt>
<dd>Denis Šaško</dd>
<dt>Date and place of birth:</dt>
<dd>23. October 1987., Koprivnica, Croatia</dd>
<dt>Residential address:</dt>
<dd>Križevci, Zagorska 103a, Croatia</dd>
<dt>Office address:</dt>
<dd>Zagreb, Zagrebačka avenija 106, Croatia</dd>
<dt>Mobile phone:</dt>
<dd>(+385) 091/192-6677</dd>
<dt>E-mail address:</dt>
<dd><a href="mailto:[email protected]">[email protected]</a></dd>
</dl>
<hr class="pg-break"> <!-- -- -->
<h2>Work experience</h2>
<div class="work__list">
<div class="item">
<div class="what">CEO, Frontend Developer <span class="text-blue">@</span> Fenom ltd.</div>
<div class="when">Zagreb, Croatia [2017 - Present]</div>
<div class="desc">Helping people bring their ideas to life.</div>
<div class="stack">Stack:
<span class="tag">Vue</span>
<span class="tag">React</span>
<span class="tag">Node</span>
<span class="tag">Strapi</span>
<span class="tag">Wordpress</span>
</div>
</div>
<div class="item">
<div class="what">Frontend Tech Lead <span class="text-blue">@</span> Productive.io</div>
<div class="when">Delaware, USA [2022 - 2024]</div>
<div class="desc">Tech-lead in a product team responsible for invoices and everything related.</div>
<div class="responsibilities">Responsibilities:
<ul>
<li>Assisting in hiring and technically assessing new team members</li>
<li>Onboarding of new team members</li>
<li>Mentoring more junior team members</li>
<li>Reviewing requirements and documenting technical specifications</li>
<li>Providing time and complexity estimations</li>
<li>Sprint planning and backlog triage</li>
<li>Leading feature development from conception to release</li>
<li>Conducting code reviews to ensure high quality and standards</li>
</ul>
</div>
<div class="stack">Stack:
<span class="tag">Typescript</span>
<span class="tag">Ember</span>
<span class="tag">Node</span>
<span class="tag">Ruby</span>
<span class="tag">RoR</span>
<span class="tag">Github</span>
<span class="tag">AWS</span>
</div>
</div>
<div class="item">
<div class="what">Senior Frontend Developer <span class="text-blue">@</span> Silversurfer7 gmbh.</div>
<div class="when">Cologne, Germany [2017 - 2022]</div>
<div class="desc">Working on large-scale projects in the travel industry.</div>
<div class="responsibilities">Responsibilities:
<ul>
<li>Assisting in hiring and onboarding new contractors</li>
<li>Collaboratom with team members in pair-programming sessions</li>
<li>Reviewing requirements and documenting technical specifications</li>
<li>Providing complexity estimations</li>
<li>Creating and maintaining reusable UI libraries</li>
<li>Developing new features for a whitelabel product</li>
<li>Conducting code reviews to ensure high quality and standards</li>
<li>Taking part in retrospective meetings to identify areas for improvement</li>
</ul>
</div>
<div class="stack">Stack:
<span class="tag">Typescript</span>
<span class="tag">Vue</span>
<span class="tag">Nuxt</span>
<span class="tag">Node</span>
<span class="tag">Gitlab</span>
<span class="tag">AWS</span>
</div>
</div>
<div class="pg-break"></div> <!-- -- -->
<div class="item">
<div class="what">Senior Frontend Developer <span class="text-blue">@</span> No42 ltd.</div>
<div class="when">Zagreb, Croatia [2016 - 2017]</div>
<div class="desc">Developing websites for the tourism industry with focus on implementing new technologies and improving the build process.</div>
<div class="responsibilities">Responsibilities:
<ul>
<li>Providing time and complexity estimations</li>
<li>Developing frontends for presentational websites with an emphasis on performance and aesthetics</li>
<li>Mentoring junior team members</li>
<li>Conducting code reviews to ensure high quality and standards</li>
</ul>
</div>
<div class="stack">Stack:
<span class="tag">Javascript</span>
<span class="tag">Gulp</span>
<span class="tag">Preact</span>
<span class="tag">Vue</span>
<span class="tag">Python</span>
<span class="tag">Django</span>
</div>
</div>
<div class="item">
<div class="what">Frontend Developer <span class="text-blue">@</span> Nivas ltd.</div>
<div class="when">Zagreb, Croatia [2013 - 2016]</div>
<div class="desc">Building and maintaining various presentational websites with the focus on implementing smooth animations and accessible user interfaces.</div>
<div class="stack">Stack:
<span class="tag">HTML</span>
<span class="tag">CSS</span>
<span class="tag">Javascript</span>
<span class="tag">Gulp</span>
<span class="tag">Greensock</span>
<span class="tag">jQuery</span>
<span class="tag">PHP</span>
</div>
</div>
<div class="item">
<div class="what">Web developer <span class="text-blue">@</span> Krikstudio</div>
<div class="when">Zabreb, Croatia [2012]</div>
<div class="desc">Building and maintaining both static and Wordpress websites.</div>
<div class="stack">Stack:
<span class="tag">HTML</span>
<span class="tag">CSS</span>
<span class="tag">Javascript</span>
<span class="tag">jQuery</span>
<span class="tag">PHP</span>
<span class="tag">Wordpress</span>
</div>
</div>
<div class="item">
<div class="what">Web developer <span class="text-blue">@</span> Unicolor</div>
<div class="when">Zagreb, Croatia [2010 - 2011]</div>
<div class="desc">Building and maintaining websites built around a custom CMS.</div>
<div class="stack">Stack:
<span class="tag">HTML</span>
<span class="tag">CSS</span>
<span class="tag">PHP</span>
</div>
</div>
</div>
<hr class="pg-break"> <!-- -- -->
<h2>Education</h2>
<ul>
<li>
<strong>Zagreb University of Applied Sciences (TVZ)</strong><br>
Bachelor of Information Technology, E-Commerce/Electronic Commerce
</li>
<li>
<strong>Cambridge English Language Assessment (Part of University of Cambridge)</strong><br>
Entry Level Certificate in English (ESOL)* - Entry 3 (Council of Europe Level B1) - Grade A (Pass with Merit)
</li>
<li>
<strong>High school of Natural Sciences and Mathematics, I. Z. Dijankovečkoga, Križevci</strong><br>
Certificate of graduation
</li>
</ul>
<hr> <!-- -- -->
<h2>Certification</h2>
<ul>
<li>
<strong>Google Analytics Certification, on July 2016</strong><br>
Valid from July 2016 to January 2018
</li>
<li>
<strong>TestDome Javascript Certification, on April 2022</strong><br>
Ranking in the top 10%
</li>
<li>
<strong>Senior Engineer to Lead: Grow and thrive in the role, on July 2024</strong><br>
Certificate of completion
</li>
</ul>
<hr> <!-- -- -->
<h2>Languages</h2>
<ul>
<li>
<strong>Croatian</strong><br>
Native
</li>
<li>
<strong>English</strong><br>
Professional working proficiency
</li>
<li>
<strong>German</strong><br>
Limited working proficiency
</li>
</ul>
<hr> <!-- -- -->
<p class="copy screen-only">Copyright {{ site.time | date: '%Y' }} <span class="text-blue">©</span> {{ site.domain }}</p>
<p class="copy print-only">
This resume is a printed version of my website.
Try it out yourself at <a href="{{ site.url }}" target="_blank">{{ site.domain }}</a><br>
<span class="text-smaller">Generated on <b data-js="generated-on">{{ site.time | date: '%Y/%m/%d' }}</b></span>
</p>
</div>
</div>