-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
734 lines (709 loc) · 36 KB
/
index.html
File metadata and controls
734 lines (709 loc) · 36 KB
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
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="">
<meta name="keywords" content="">
<meta charset="UTF-8">
<meta name="author" content="Md. Junaid Khan Pathan">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Petr Sugar resume</title>
<link rel="shortcut icon" href="demo/html/tile/img/favicon.png"/>
<link type="text/css" rel="stylesheet" media="all" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i">
<link type="text/css" rel="stylesheet" media="all" href="https://fonts.googleapis.com/css?family=Dosis:400,500,600,700,800">
<link type="text/css" rel="stylesheet" media="all" href="demo/html/tile/font/font-awesome/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" media="all" href="demo/html/tile/css/animate.css">
<link type="text/css" rel="stylesheet" media="all" href="demo/html/tile/css/materialize.min.css">
<link type="text/css" rel="stylesheet" media="all" href="demo/html/tile/css/magnific-popup.css">
<link type="text/css" rel="stylesheet" media="all" href="demo/html/tile/css/owl.carousel.css">
<link type="text/css" rel="stylesheet" media="all" href="demo/html/tile/css/owl.theme.css">
<link type="text/css" rel="stylesheet" media="all" href="demo/html/tile/css/owl.transitions.css">
<link type="text/css" rel="stylesheet" media="all" href="demo/html/tile/style.css">
<link id="tile-colorscheme-css" type="text/css" rel="stylesheet" media="all" href="demo/html/tile/css/color-1.css">
<link type="text/css" rel="stylesheet" media="all" href="demo/html/tile/css/responsive.css">
<script type="text/javascript" src="demo/html/tile/js/modernizr.js"></script>
<script>
(function (m, a, z, e) {
var s, t;
try {
t = m.sessionStorage.getItem('maze-us');
} catch (err) {}
if (!t) {
t = new Date().getTime();
try {
m.sessionStorage.setItem('maze-us', t);
} catch (err) {}
}
s = a.createElement('script');
s.src = z + '?t=' + t + '&apiKey=' + e;
s.async = true;
a.getElementsByTagName('head')[0].appendChild(s);
m.mazeUniversalSnippetApiKey = e;
})(window, document, 'https://snippet.maze.co/maze-universal-loader.js', 'f4950634-f8a8-4580-83ba-12afce1b546a');
</script>
</head>
<body>
<!-- Preloader -->
<div class="preloader">
<div class="preloader-inner">
<div class="preloader-wrapper active">
<div class="spinner-layer">
<div class="circle-clipper left">
<div class="circle"></div>
</div>
<div class="gap-patch">
<div class="circle"></div>
</div>
<div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
</div>
</div>
<!--/ Preloader -->
<!-- Top Section -->
<div class="site-header top-section top-section-home image-bg parallax-section" data-image-bg="img/bg/bg-1.jpg">
<div class="overlay-section"></div>
</div>
<!--/ Top Section -->
<!-- About Section -->
<section id="about-section" class="about-section">
<div class="section-content">
<div class="container">
<div class="row">
<div class="col s12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="col s12 w-block shadow-bg pd-0">
<div class="col m5 s12 about-img parallax-layer al-center pd-50">
<div class="about-img-content image-bg shadow-bg layer" data-depth="0.1" data-image-bg="cv_photo.png">
<!-- <a href="demo/html/tile/resume/john_doe-resume.pdf" class="btn-circle tooltipped layer shadow-bg" data-position="top" data-delay="50" data-tooltip="Download Resume" data-depth="0.25"><span class="fa fa-download"></span></a> -->
</div>
<div class="about-name">Petr Šugar</div>
<div class="about-title">Front-end tech lead</div>
</div>
<div class="col m7 s12 about-data-wrapper pd-50">
<div class="about-desc pd-0">
<div class="about-section-title">About Me</div>
<div class="about-data">
<p>
Software engineer and architect with over 8 years of experience in product development and in agile distributed teams.
Experienced in leadership and mentoring roles.
</p>
<br>
<p>
I'm a team player, extrovert with a need to have an impact. I enjoy presenting and reasoning as well as listening and
learning.
</p>
<!-- If you want to add signature then uncomment the following img element -->
<!-- <img src="img/signature.png" alt=""/> -->
<!-- <div><span>Age</span>26</div> -->
<!-- <div><span>Address</span>1234 Street, W3 Island</div> -->
<div><span>Email</span>sugarp@email.cz</div>
<div><span>Phone</span>+420 777052320</div>
<!-- <div><span>Website</span>http://www.envato.com</div> -->
</div>
</div>
</div>
<div class="about-social col s12 pd-0">
<!-- <a class="waves-effect waves-light" href="#0"><span class="fa fa-facebook"></span></a>
<a class="waves-effect waves-light" href="#0"><span class="fa fa-twitter"></span></a>
<a class="waves-effect waves-light" href="#0"><span class="fa fa-google-plus"></span></a> -->
<a class="waves-effect waves-light" href="https://github.com/sugarp" target="_blank"><span class="fa fa-github"></span></a>
<a class="waves-effect waves-light" href="https://www.linkedin.com/in/petr-sugar" target="_blank"><span class="fa fa-linkedin"></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--/ About Section -->
<!-- Skill Section -->
<section id="skill-section" class="skill-section">
<div class="container">
<div class="row">
<div class="col s12 section-title">
<h2>Skill</h2>
</div>
<div class="col s12">
<div class="col s12 section-content skill-wrapper w-block shadow-bg pdt-50 pdr-40 pdb-50 pdl-40">
<!-- Progress bar Left -->
<div class="col l6 s12 skill-data">
<!-- Single Skill -->
<div class="progress-bar-wrapper">
<p class="progress-text">
C# .NET (Back-end)
</p>
<div class="progress-bar">
<span data-percent="75"></span>
</div>
</div>
<!--/ Single Skill -->
<!-- Single Skill -->
<div class="progress-bar-wrapper">
<p class="progress-text">
Java (Back-end)
</p>
<div class="progress-bar">
<span data-percent="50"></span>
</div>
</div>
<!--/ Single Skill -->
<!-- Single Skill -->
<div class="progress-bar-wrapper">
<p class="progress-text">
Kotlin/Java, Android SDK
</p>
<div class="progress-bar">
<span data-percent="85"></span>
</div>
</div>
<!--/ Single Skill -->
<!-- Single Skill -->
<div class="progress-bar-wrapper">
<p class="progress-text">
UML
</p>
<div class="progress-bar">
<span data-percent="85"></span>
</div>
</div>
<!--/ Single Skill -->
<div class="progress-bar-wrapper">
<p class="progress-text">
SCRUM methodology
</p>
<div class="progress-bar">
<span data-percent="85"></span>
</div>
</div>
<!--/ Single Skill -->
</div>
<!--/ Progress bar Left -->
<!-- Progress bar Right -->
<div class="col l6 s12 skill-data skill-data-alt">
<div class="progress-bar-wrapper">
<p class="progress-text">
TypeScript (JavaScript)
</p>
<div class="progress-bar">
<span data-percent="92"></span>
</div>
</div>
<!--/ Single Skill -->
<!-- Single Skill -->
<div class="progress-bar-wrapper">
<p class="progress-text">
HTML + CSS
</p>
<div class="progress-bar">
<span data-percent="95"></span>
</div>
</div>
<!--/ Single Skill -->
<!-- Single Skill -->
<div class="progress-bar-wrapper">
<p class="progress-text">
Webview, DOM
</p>
<div class="progress-bar">
<span data-percent="95"></span>
</div>
</div>
<!--/ Single Skill -->
<!-- Single Skill -->
<div class="progress-bar-wrapper">
<p class="progress-text">
ReactJS
</p>
<div class="progress-bar">
<span data-percent="95"></span>
</div>
</div>
<!--/ Single Skill -->
<!-- Single Skill -->
<div class="progress-bar-wrapper">
<p class="progress-text">
Node
</p>
<div class="progress-bar">
<span data-percent="86"></span>
</div>
</div>
<!--/ Single Skill -->
</div>
<!--/ Progress bar Right -->
</div>
</div>
</div>
</div>
</section>
<!--/ Skill Section -->
<!-- Positions Section -->
<!--/ Positions Section -->
<!-- Experience Section -->
<section id="experience-section" class="experience-section">
<div class="container">
<div class="row">
<div class="col s12 section-title">
<h2>Experience</h2>
</div>
<div class="col s12">
<div class="col s12 section-content pd-0">
<ul class="timeline">
<!-- UENI -->
<li class="timeline wow fadeIn" data-wow-duration="0.5s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="timeline-badge">
<a><i class="fa fa-circle"></i></a>
</div>
<div class="timeline-panel w-block shadow-bg pd-30">
<div class="timeline-tag">
UENI ltd.
</div>
<div class="timeline-title timeline-title-alt">
Lead Front-end engineer
</div>
<div class="timeline-desc">
<i>
UENI is a London based company with a distributed team. I joined the company at times of CTO change when the startup was
transforming after 3 years of existence. I was proposing and leading most of the front-end related changes.
</i>
<ul>
<li>€27.3M funded, up to 15K new registrations a day</li>
<li>FE team size 4 - 8 (mostly remote)</li>
<li>several markets and localizations</li>
<li>UENI participates in <a href="https://developers.facebook.com/blog/post/2020/11/12/meet-startups-facebook-accelerator-commerce-program/" target="_blank">Facebook accelerator</a></li>
<li>responsible for Front-end architecture, workflows, processes etc.</li>
<li>converted solution from monolith to micro front-ends using <b>git submodules and later monorepo</b></li>
<li>introduced <b>TypeScript</b> and taught the team statically typed language</li>
<li><b>React, Redux, MobX, Material UI, PWA</b>, Jira, git</li>
<li>custom server side rendering using <b>Node</b></li>
<li>
runtime videos:
<a
href="https://drive.google.com/file/d/1ms_O-qgPtEteE8uWzypdELnXjx1Tc5zm/view?usp=sharing"
target="_blank">UENI desktop</a>,
<a
href="https://drive.google.com/file/d/17yqeiZuLS5YbgFQfDvuBjngswpOKlw7e/view?usp=sharing"
target="_blank">UENI mobile</a>,
<a
href="https://drive.google.com/file/d/1mB6FtT-CgbsmOsCMVCALgmoAyeuxXv39/view?usp=sharing"
target="_blank">UENI CMS</a>
</li>
</ul>
</div>
<div class="timeline-time">2018-present</div>
</div>
</li>
<!-- telia -->
<li class="timeline-inverted wow fadeIn" data-wow-duration="0.5s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="timeline-badge">
<a><i class="fa fa-circle"></i></a>
</div>
<div class="timeline-panel w-block shadow-bg pd-30">
<div class="timeline-tag">
Telia Norway, Tieto czech s.r.o.
</div>
<div class="timeline-title timeline-title-alt">
Senior software developer (Android)
</div>
<div class="timeline-desc">
<ul>
<li>telco customer with core team in Oslo</li>
<li>collaborated on an end-user Android application to manage subscription</li>
<li><b>RxJava 2, Dagger 2, Retrofit, Realm database</b></li>
<li>introduced Kotlin to the Java 8 codebase</li>
</ul>
</div>
<div class="timeline-time">2018-2018 (10 months)</div>
</div>
</li>
<!-- mymeetings -->
<li class="timeline-inverted wow fadeIn" data-wow-duration="0.5s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="timeline-badge">
<a><i class="fa fa-circle"></i></a>
</div>
<div class="timeline-panel w-block shadow-bg pd-30 mm">
<div class="timeline-tag">
MyMeetings, Tieto czech s.r.o.
</div>
<div class="timeline-title timeline-title-alt">
Software developer
</div>
<div class="timeline-desc">
<i>
Tieto corporation is a leading nordic provider of IT services. We turned from originally small delivery of Outlook Add-in
into a startup inside a corporation with its own budget, several installations for corporate clients and around 30K
licensed users. It was a family of applications to help with meetings and meeting rooms.
</i>
<ul>
<li>leading front-end and client applications development</li>
<li>organizing the team using SCRUM</li>
<li>team size 4 - 8</li>
<li>remote team members in Lithuania</li>
<li>pre-sales presenting</li>
<li>partial product and brand management</li>
</ul>
<h3>Mobile application</h3>
<ul>
<li>hybrid cordova based solution</li>
<li>corporation security audits</li>
<li>JS, Sencha ExtJS, Android Java, iOS Swift</li>
<li><a href="https://drive.google.com/file/d/1qo1g7Tky8TTj4y2djeM7f9M63x_ZXAYy/view?usp=sharing" target="_blank">iOS app runtime video</a></li>
</ul>
<h3>Web application</h3>
<ul>
<li>forked originally mobile framework (Sencha Touch) to support desktop</li>
<li>limited version available as Outlook and Gmail Add-in</li>
<li><a href="https://drive.google.com/file/d/1Y437aMjG5pg6xpUDdoa3_rVxGBlwI2Ic/view?usp=sharing" target="_blank">Web app
video</a></li>
</ul>
<h3>Panel application</h3>
<ul>
<li>Hybrid WebView based</li>
<li>built for Android using <b>Cordova</b></li>
<li>built for Windows using <b>Electron</b></li>
<li>integration of LED lights, RFID reader, NFC reader</li>
<li>remote control and management</li>
<li><a href="https://drive.google.com/file/d/1kPb-eSPU9Ob2iCRqoJLvcRQ7wRjTUGRi/view?usp=sharing" target="_blank">Show cases video</a></li>
</ul>
<h3>Android Panel application</h3>
<ul>
<li>rewritten native panel to support low-end industrial tablets</li>
<li>Clean architecture (Domain driven design) with MVP in Presentation layer</li>
<li><b>Java, Kotlin, Dagger 2, Retrofit, OkHttp, RxJava (RxKotlin)</b></li>
</ul>
<!-- <p>
As the first application became succesful, we got budget for further development so we put a mobile app in the roadmap.
The golden use cases of mobile app were create/update/cancel meetings in agenda. Application was optimized for meetings and to solve challenges that corporation brings.
Such as finding free time slots of participants and meeting rooms. Filtering meeting rooms and diplaying detailed descriptions.
</p>
<br> -->
<!-- I did a lot of different presentations including presales.
<p>
I started to develop the app as a single developer but soon I got a team
of 3 developers from Lithuania. I also got an intern and became a <b>SCRUM master</b> and <b>lead of the team</b>.
</p>
<br>
<p>
App was developed using <b>Sencha Touch</b> (component based MVC JS framework) to create single page application that is powered by <b>Cordova</b> engine.
Besides that I had to develop a lot of functionality natively in <b>Java</b> and even some in <b>Swift</b>. For Android I developed cordova plugin that was proxying every http request to go natively and to cache data.
Also a service running in seperated process to trigger notifications (push notifications were not allowed). For both platforms I also developed simple plugin wrapping SSO (single sign on) libraries of Google and MS.
<br>
Back-end was reused from previous project. Only interface has changed to REST API.
</p> -->
</div>
<div class="timeline-time">2014-2018</div>
</div>
</li>
<!-- soc -->
<li class="timeline wow fadeIn" data-wow-duration="0.5s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="timeline-badge">
<a><i class="fa fa-circle"></i></a>
</div>
<div class="timeline-panel w-block shadow-bg pd-30">
<div class="timeline-tag">
Sense of Code s.r.o.
</div>
<div class="timeline-desc">
<p>
The startup in the Tieto corporation was shut down while we had a big customer interested in the solution. With all the
knowledge we set up a company and rewrote the solution.
</p>
<ul>
<li>switched from 'on premise' to cloud service</li>
<li>PostgreSQL with .NET Core running in Azure</li>
<li>reuse of Android Kotlin code by using KotlinJS</li>
<li>new UI layers written in <b>React</b> while controlled by Presenters (MVP)</li>
<li>
<a href="https://drive.google.com/file/d/17gUAi0r7s4_v31GaafPzB-GcYTq3clmN/view?usp=sharing" target="_blank">Panel
application</a>,
<a href="https://drive.google.com/file/d/1XNuydm-hzbUMaTW9qOiVV0_PBOu6fHh_/view?usp=sharing"
target="_blank">Outlook Add-in</a>
</li>
</ul>
</div>
<div class="timeline-time">2018-2019</div>
</div>
</li>
<!-- facility apps -->
<li class="timeline wow fadeIn" data-wow-duration="0.5s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="timeline-badge">
<a><i class="fa fa-circle"></i></a>
</div>
<div class="timeline-panel w-block shadow-bg pd-30">
<div class="timeline-tag">
Tieto czech s.r.o.
</div>
<div class="timeline-title timeline-title-alt">
Software architect
</div>
<div class="timeline-desc">
<p>
Supervising development of a basic CMS for managing physical mails by receptionists.
</p>
<ul>
<li>analyzing business requirements and the domain</li>
<li>Java, MySQL, Hibernate and Spring to expose Rest API</li>
<li>ReactJS and Redux</li>
<li>team of juniors and students</li>
</ul>
</div>
<div class="timeline-time">2017-2017 (6 months)</div>
</div>
</li>
<!-- geoblog -->
<li class="timeline wow fadeIn" data-wow-duration="0.5s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="timeline-badge">
<a><i class="fa fa-circle"></i></a>
</div>
<div class="timeline-panel w-block shadow-bg pd-30">
<div class="timeline-tag">
Geoblog
</div>
<div class="timeline-title timeline-title-alt">
Master thesis project
</div>
<div class="timeline-desc">
<p>
For around 3 years I was following my idea of a unique social network.
It was organizing posts in a spatial context (map) rather than timeline and was focusing on travellers.
</p>
<ul>
<li>.NET, nHibernate, REST API, PostgreSQL</li>
<li>JS, Sencha Touch, MVC, Leaflet</li>
<li>Hybrid app based on Cordova</li>
<li>App Store, Google Play, hosted SPA</li>
<li>
runtime videos:
<a href="https://drive.google.com/file/d/1gXURNYUNCM0JPtIUe5VbqzaIwaXUbwRb/view?usp=sharing" target="_blank">iOS and Android</a>,
<a href="https://drive.google.com/file/d/1lbxuqvUvHlOaKb7Bkx_kRhiezvZM8QWT/view?usp=sharing" target="_blank">Web</a>
</li>
</ul>
<!-- <br>
<p>
The tech stack was - <b>.NET, nHibernate, REST, PostgreSQL</b> for back-end and <b></b> for web application and mobile application.
It is available on App Store, Google play and www.geoblog.cz.
</p> -->
</div>
<div class="timeline-time">2013-2017</div>
</div>
</li>
<!-- intern -->
<li class="timeline wow fadeIn" data-wow-duration="0.5s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="timeline-badge">
<a><i class="fa fa-circle"></i></a>
</div>
<div class="timeline-panel w-block shadow-bg pd-30">
<div class="timeline-tag">
Tieto czech s.r.o.
</div>
<div class="timeline-title timeline-title-alt">
Software developer (intern)
</div>
<div class="timeline-desc">
<i>
Development of internal a productivity tool that helps to find a free meeting room.
</i>
<ul>
<li>fullstack role</li>
<li>integration Exchange Web API</li>
<li>C# .NET, SOAP API</li>
<li>Sharp architecture (DDD), IoC, DI</li>
<li>TypeScript, jQuery, SPA, custom MVC framework</li>
</ul>
</div>
<div class="timeline-time">2012-2013</div>
</div>
</li>
<!-- bachelor -->
<li class="timeline-inverted wow fadeIn" data-wow-duration="0.5s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="timeline-badge">
<a><i class="fa fa-circle"></i></a>
</div>
<div style="opacity:0.6;" class="timeline-panel w-block shadow-bg pd-30">
<div class="timeline-tag">
Bachelor thesis project
</div>
<div class="timeline-title timeline-title-alt">
System for geological pavilion
</div>
<div class="timeline-desc">
<p>
For existing database of geological samples I developed two client applications. Apps were used by employees of geological pavilion.
</p>
<ul>
<!-- <li>Freelance semi commercial project</li> -->
<li>.NET Desktop thick forms based client for managing database</li>
<li>public map based SPA for lookups</li>
<li>C#, PostgreSQL</li>
<li>JS, ExtJS, OpenStreetMap, PHP</li>
</ul>
<!-- <br/>
<p>
I signed in for paid bachelor project.
I developed a system to edit and browse the database of geodetic samples of Geologický pavilon prof. Františka Pošepného, Ostrava.
Solution consisted from a form desktop application developed in C# .NET, PHP script to server GeoJSON and single page application developed using ExtJS and OpenLayer 2.0 to show geodetic locations.
</p> -->
</div>
<div class="timeline-time">2012-2013</div>
</div>
</li>
<!-- coder -->
<li class="wow fadeIn" data-wow-duration="0.5s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="timeline-badge">
<a><i class="fa fa-circle"></i></a>
</div>
<div style="opacity:0.6;" class="timeline-panel w-block shadow-bg pd-30">
<div class="timeline-tag">
Freelancing
</div>
<div class="timeline-title timeline-title-alt">
HTML and CSS coder
</div>
<div class="timeline-desc">
<ul>
<li>templates for CMS</li>
<li>HTML, CSS</li>
<li>jQuery</li>
</ul>
</div>
<div class="timeline-time">2011-2011</div>
</div>
</li>
<li class="clearfix no-float"></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Education Section -->
<section id="education-section" class="education-section">
<div class="container">
<div class="row">
<div class="col s12 section-title">
<h2>Education</h2>
</div>
<div class="col s12">
<div class="col s12 section-content pd-0">
<ul class="timeline">
<!-- Single Education - Left Side -->
<li class="wow fadeIn" data-wow-duration="0.5s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="timeline-badge">
<a><i class="fa fa-circle"></i></a>
</div>
<div class="timeline-panel w-block shadow-bg pd-30">
<div class="timeline-tag">
VSB Technical University of Ostrava
</div>
<div class="timeline-title timeline-title-alt">
MS in Geoinformatics
</div>
<div class="timeline-desc">
<i>
In short the education was focusing on <b>spatial</b> data and information, maps, navigation, statistics, algorithms etc.
</i>
<ul style="list-style: circle;">
<li>General engineering</li>
<li>Information systems</li>
<li>Statistics (spatial)</li>
<li>Modelling of data, objects, phenomena</li>
<li>OOP</li>
<li>Databases and programming</li>
</ul>
</div>
<div class="timeline-time">2011-2017</div>
</div>
</li>
<!--/ Single Education - Left Side -->
<!-- Single Education - Right Side -->
<!-- <li class="timeline-inverted wow fadeIn" data-wow-duration="0.5s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="timeline-badge">
<a><i class="fa fa-circle"></i></a>
</div>
<div class="timeline-panel w-block shadow-bg pd-30">
<div class="timeline-tag">
Hight school for talented sportsmen
</div>
<div class="timeline-desc">
<ul style="list-style: circle;">
<li>Professional volleyball player</li>
<li>Team play</li>
<li>Social skills</li>
</ul>
</div>
<div class="timeline-time">2010-2011</div>
</div>
</li> -->
<li class="clearfix no-float"></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--/ Education Section -->
<!-- Footer Section -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col s12 back-to-top-wrapper">
<a class="btn-circle waves-effect back-to-top tooltipped animatescroll-link wow zoomIn" data-wow-duration="0.7s" data-wow-delay="0.3s" data-wow-offset="0" data-position="top" data-delay="50" data-tooltip="Go To Top" onclick="$('html').animatescroll();" href="#0">
<span class="fa fa-angle-up"></span>
</a>
<div class="copyright-text">
© All rights Reserved.
</div>
</div>
</div>
</div>
</footer>
<!--/ Footer Section -->
<!-- Color Scheme -->
<!-- <div class="color-scheme-select">
<div class="color-scheme-title">
20 Awesome Colors
</div>
<div id="color-1" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#0EB57D"></div>
<div id="color-2" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#2196F3"></div>
<div id="color-3" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#FF1902"></div>
<div id="color-4" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#FF9800"></div>
<div id="color-5" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#E91E63"></div>
<div id="color-6" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#009688"></div>
<div id="color-7" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#FF5722"></div>
<div id="color-8" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#9EC139"></div>
<div id="color-9" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#9C27B0"></div>
<div id="color-10" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#4CAF50"></div>
<div id="color-11" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#795548"></div>
<div id="color-12" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#FF007F"></div>
<div id="color-13" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#673AB7"></div>
<div id="color-14" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#8BC34A"></div>
<div id="color-15" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#3E2723"></div>
<div id="color-16" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#FF7711"></div>
<div id="color-17" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#BF9C4F"></div>
<div id="color-18" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#33691E"></div>
<div id="color-19" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#607D8B"></div>
<div id="color-20" class="color-scheme-content w-block shadow-bg waves-effect waves-light" style="background:#FF7077"></div>
<div class="color-scheme-select-btn waves-effect">
<span class="fa fa-cog"></span>
</div>
</div> -->
<!--/ Color Scheme -->
<script type="text/javascript" src="demo/html/tile/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="demo/html/tile/js/animatescroll.js"></script>
<script type="text/javascript" src="demo/html/tile/js/materialize.min.js"></script>
<script type="text/javascript" src="demo/html/tile/js/device.min.js"></script>
<script type="text/javascript" src="demo/html/tile/js/parallax.js"></script>
<script type="text/javascript" src="demo/html/tile/js/jquery.parallax.js"></script>
<script type="text/javascript" src="demo/html/tile/js/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="demo/html/tile/js/isotope.js"></script>
<script type="text/javascript" src="demo/html/tile/js/magnific-popup.js"></script>
<script type="text/javascript" src="demo/html/tile/js/masonry.pkgd.min.js"></script>
<script type="text/javascript" src="demo/html/tile/js/owl.carousel.js"></script>
<script type="text/javascript" src="demo/html/tile/js/smoothscroll.js"></script>
<script type="text/javascript" src="demo/html/tile/js/waypoints.min.js"></script>
<script type="text/javascript" src="demo/html/tile/js/wow.js"></script>
<script type="text/javascript" src="maps.googleapis.com/maps/api/js_key_AIzaSyA2HHs3D24pZzCk6EgJQHEcSstKy8vAOls.js"></script>
<script type="text/javascript" src="demo/html/tile/js/custom.js"></script>
</body>
</html>