-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
227 lines (222 loc) · 9.48 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Tariq Hassan - Frontend Engineer</title>
<meta name="description" content="Tariq Hassan, Frontend Engineer">
<meta name="author" content="Tariq Hassan">
<link rel="shortcut icon" type="image/x-icon" href="./img/favicon.ico" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,800" rel="stylesheet">
<link href="./dist/app.css" rel="stylesheet">
<meta property="og:title" content="Tariq Hassan" />
<meta property="og:type" content="profile" />
<meta property="og:url" content="https://tareqlol.github.io/" />
<meta property="og:image" content="./img/tareq.jpg" />
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<section class="wrapper">
<section class="intro">
<div class="block avatar">
<div class="head"></div>
<div class="glasses"><div class="eyes animate"></div></div>
</div>
<div class="block intro">
<h4 class="block-title">About Me</h4>
<p>Hello there, my name is Tariq Hassan, and I am a frontend Engineer who is driven by passion and the will to learn towards Web Development. I have achieved and succeded in changing my career path from a <b>linguist</b> to a <b>developer</b>, yes that's right, I have dived into the code, into the bits and pieces of frontend development until I kickstarted the inner developer of me. <br>
I have a good experience throughout the companies I worked in, from doing basic Responsive HTML pages, to making single page JS applications where performance is a must.
</p>
</div>
<div class="block contact">
<h4 class="block-title">Contact Me</h4>
<ul>
<li>
<i class="icon icon-email"></i>
<a href="mailto:tareqhassan54@gmail.com">tareqhassan54@gmail.com</a>
</li>
<li>
<i class="icon icon-mobile"></i>
+49 1514 3690810
</li>
<li>
<i class="icon icon-linkedin"></i>
<a target="_blank" href="https://www.linkedin.com/in/tareqhassan90">Tariq Hassan</a>
</li>
<li>
<i class="icon icon-location"></i>
Berlin, Germany
</li>
<li>
<i class="icon icon-heart"></i>
Married
</li>
</ul>
</div>
<div class="block languages">
<h4 class="block-title">Languages</h4>
<p>Arabic <small>Native</small></p>
<p>English <small>Excellent reading, writing and speaking</small></p>
</div>
<div class="block contact">
<h4 class="block-title">Interests</h4>
<ul>
<li>
<i class="icon icon-gamepad"></i>
Gaming
</li>
<li>
<i class="icon icon-music"></i>
Music
</li>
<li>
<i class="icon icon-travel"></i>
Travling
</li>
<li>
<i class="icon icon-swimming"></i>
Swimming
</li>
<li>
<i class="icon icon-cooking"></i>
Cooking
</li>
</ul>
</div>
<a target="_blank" href="https://www.behance.net/samar-bakri" class="designedby">
<span>Designed with </span>
<i class="icon icon-heart-filled"></i>
<span> by my lovely wife</span>
</a>
</section>
<section class="content">
<header>
<h1><b>Tariq</b> Hassan<a class="pdf" target="_blank" href="Tariq-Hassan-resume.pdf"><i class="icon icon-pdf"></i></a></h1>
<h2>Senior Frontend Engineer </h2>
</header>
<div class="block">
<div class="main-block-title">
<i class="icon icon-experience"></i>
<p>Experience</p>
</div>
<div class="content">
<header class="block-title">
<span class="lead">Legal One GmbH | </span> Germany
<span>Jul 2017 - Present</span>
</header>
<p><strong>- Senior Javascript Engineer</strong>
- Helping QA to write automation E2E tests using Cypress.io to test all of the flows of our app.
- Discussing the architecture of the API, and API responses with the Backend team to maintain and shorten the time of development process.
- Discussing the requirements and the design provided by the Product Owners, to keep a solid and fast flow of the app.
- Reviewing FE Code requests.
- Maintaining the performance of the app using Chrome Dev Tools.
</p>
<p><strong>- Javascript Engineer - Vue.js</strong>
- Using Vue.js, Vuex, Lodash, Webpack 4, and nodeJS to develop an in-house CRM system that manages the needs of the legal parties thought the legal process.
- implemented a user based app loader that loads what the user has access to in separate chunks.
- established a live socket connection to quickly update the UI through a bridge that consume messages from a message broker, and then channeling them to the app state.
</p>
</div>
<div class="content">
<header class="block-title">
<span class="lead">Frontend Engineer at Souq.com | </span> Jordan
<span>Aug 2015 - June 2017 (2 years)</span>
</header>
<p>- Leading a group of 5 People.
- Maintaining <strong>Souq.com</strong> Frontend Application.
- Developing a cross-platform <strong>(SCSS)</strong> framework built on top of Zurb Foundation.
- Developing <strong>ECMAScript 6</strong> Class Based, design patterned <strong>JavaScript</strong> modules along side with functional programming Libraries such as <strong>UnderscoreJS</strong> and <strong>Lodash</strong>.
- Applying ECMAScript 6 new features in the code.
- Writing Automated Scripts using <strong>Grunt</strong> & <strong>Gulp</strong> for Development and Production environment .
- Doing <strong>JS Profiling</strong> to maintain a high speed low profile state for the site.
- Enriching the UX of <strong>Souq.com</strong> Frontend Application.
- Stack of technologies : <strong>Foundation SCSS, RequireJS ECMAScript 6, BabelJS, Foundation 6, Grunt & Gulp</strong>.</p>
</div>
<div class="content">
<header class="block-title">
<span class="lead">Software Engineer at Rocket Internet SE | </span> Germany
<span>April 2015 - August 2015 (5 months)</span>
</header>
<p>- Developing Cross compatible sites, JavaScript Oriented sites.
- Worked for a startup called EverJobs : http://everjobs.com</p>
</div>
<div class="content">
<header class="block-title">
<span class="lead">Frontend Engineer at iHorizons | </span> Jordan
<span>May 2014 - March 2015 (11 months)</span>
</header>
<p>- Mainly Integrating Static PSDs Into a Dynamic , and W3C validated site Using .NET and MVC4 Framework.
- Integrating JavaScript to convey various functionality for the user.
- Maintaining Cross-browsers compatibly.
- Developing JavaScript Plugins.</p>
</div>
<div class="content">
<header class="block-title">
<span class="lead">Magento Front-End Developer at ShopGo | </span> Jordan
<span>October 2012 - May 2014 (1 year 8 months)</span>
</header>
<p>- Developing High end Magento Themes PSD Slicing Using <strong>CSS</strong> and HTML , in Addition to Animation using <strong>CSS3</strong>.
- Developing Basic Magento Extension Using <strong>Magento Zend/PHP</strong>, and <strong>jQuery/Javascript</strong>.
- Took the lead of any Customization Clients.
- Maintain Themes on Monthly basis.
- Maintain Cross-compatibly for all themes.
- Solving Tickets for Clients.</p>
</div>
</div>
<div class="block">
<div class="main-block-title">
<i class="icon icon-education"></i>
<p>Education</p>
</div>
<div class="content">
<header class="block-title">
<span class="lead">Jordan University of Science & Technology </span>
<span>2008 - 2011</span>
</header>
<p>Bachelor of Arts (B.A.), Applied English and Linguistics, Grade: 78.7</p>
</div>
</div>
<div class="block">
<div class="main-block-title">
<i class="icon icon-certifications"></i>
<p>Certifications</p>
</div>
<div class="content">
<header class="block-title">
<span class="lead">Magento Frontend Developer Certification (MFDC) </span>
<span>December 2014</span>
</header>
<p>Magento License z9flon5022 </p>
</div>
</div>
<div class="block">
<div class="main-block-title">
<i class="icon icon-skills"></i>
<p>Skills</p>
</div>
<div class="skill-tree">
<span>ECMAScript</span><span>ReactJS</span><span>VueJS</span><span>WebPack</span><span>Socket.io</span><span>JIRA</span><span>Git</span><span>CSS</span><span>SCSS</span><span>JavaScript</span><span>Web Design</span><span>HTML5</span><span>CSS3 Animation</span><span>Underscore.js</span><span>Node.js</span>
</div>
</div>
</section>
</section>
<script>
(function(){
window.setInterval(function animate() {
eyes = document.getElementsByClassName('eyes')[0];
eyes.classList.remove('animate');
window.setTimeout(function addAnimate(){
eyes.classList.add('animate');
}.bind(this),100);
},80000)
})();
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-49782669-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>