-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
325 lines (312 loc) · 17.1 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
<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Oren Lande_</title>
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
<link href="https://fonts.googleapis.com/css?family=Lexend+Mega|Rokkitt:300&display=swap" rel="stylesheet">
<link href="css/all.min.css" rel="stylesheet"> <!--load all styles -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-156534010-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-156534010-1');
</script>
</head>
<body>
<div id="wrapper">
<header>
<div class="grid-container">
<h1>Oren Lande</h1>
<div class="grid-x grid-padding-x align-bottom">
<div class="large-8 medium-12 cell align-bottom">
<h2><span class="underlined">Web engineer_</span></h2>
</div>
<div class="large-4 medium-12 cell align-bottom">
<h3><span class="underlined">TL;DR_</span></h3>
</div>
</div>
</div>
</header>
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="large-8 medium-12 cell small-order-2 large-order-1">
<h3 class="hide-for-large" style="margin-top:40px;"><span class="underlined">CV:The long version_</span></h3>
<p class="lead">I'm already in industry for over 8 years and I have a great passion for coding, innovating and designing highly effective & reliable products. </p>
<ul class="tabs" data-tabs id="example-tabs" style="margin-top:55px;">
<li class="tabs-title is-active"><a href="#panel1" aria-selected="true">Experience</a></li>
<li class="tabs-title"><a data-tabs-target="panel3" href="#panel3">Skills</a></li>
<li class="tabs-title"><a data-tabs-target="panel4" href="#panel2">Strengths</a></li>
<li class="tabs-title"><a data-tabs-target="panel2" href="#panel2">Education</a></li>
</ul>
<div class="tabs-content" data-tabs-content="example-tabs">
<div class="tabs-panel is-active" id="panel1">
<div class="grid-x grid-padding-x">
<div class="large-3 cell">
Dec 2017 - present
</div>
<div class="large-9 cell">
<div class="collapsed" id="experience_1" data-height="200" style="height:200px;">
<p>
<b>Lead Full Stack Developer</b><br/>
<b><a class="underlined" href="https://www.become.co" target="_blank">Become (formerly Lending Express)</a></b>
</p>
<p>Become is a fast-growing startup based in Tel-Aviv offering an AI-powered marketplace for business loans. Its proprietary technology matches businesses with the most relevant lenders and provides a simple funding solution at no cost.</p>
<p>
<b>Main tech stack</b>
<ul>
<li>Vue.js + Native Javascript</li>
<li>PHP 7.3</li>
<li>MySQL</li>
</ul>
</p>
<p>
<b>Core Day-to-Day tasks:</b><br/>
<b>Accomplishments:</b>
<ul>
<li>Leading refactoring and rebranding the web application from old jQuery to vue.js framework, while creating flawless SPA experience.</li>
<li>Leading upgrade process from old, outdated infrastructures tech stack into modern technologies.</li>
<li>Creating in-house crawlers using Node.js and famous libraries as Puppeteer and Cheerio to scarp enormous-scale information.</li>
<li>Primary contact for technical issues and API linking between Become and another Fintech companies in the U.S and Australia.</li>
<li>Composing tools to extract raw databases information and analyzing it for business-wise decisions.</li>
<li>Maintaining and expanding the MVC of Become system.</li>
<li>Led and assisted migration into git-based workflow.</li>
<li>Delivered presentation that convinced management to use organization tools such as monday.com and create organized workflow.</li>
</ul>
</p>
<div class="gradientback"></div>
</div>
<button class="button toggle-height" data-target="#experience_1">Read More</button>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="large-3 cell">
Dec 2012 - Apr 2017
</div>
<div class="large-9 cell">
<div class="collapsed" id="experience_2" data-height="200" style="height:200px;">
<p>
<b>Lead Full Stack Developer</b><br/>
<b><a target="_blank" class="underlined" href="https://www.folyou.com">folyou.com</a></b>
</p>
<p>Folyou is a website builder tool which fully supports multilingual websites (including right to left languages). I join the team as the first employee. Today, Folyou counts over 10,000 active websites. I developed, maintained and supported application programs for administrative, web and mobile systems using JavaScript, PHP and related tools, while working in AGILE methodology to produce new features and implement them quickly.</p>
<p>
<b>Main tech stack</b>
<ul>
<li>jQuery, JavaScript</li>
<li>PHP 5.6</li>
<li>MySQL</li>
</ul>
</p>
<p>
<b>Accomplishments:</b>
<ul>
<li>Re-engineered multiple systems that fueled improvements to productivity, efficiency, uptime and accuracy for global business operations. Developed code and system design.</li>
<li>Led and participated in the design and deployment of client/server.</li>
<li>Worked on refactoring the whole system from CSS to SCSS</li>
<li>Assisted in creation on Folyou's core MVC system.</li>
<li>Developed new procedures for requirements gathering, needs analysis, testing, scripting and documentation to strengthen quality and functionality of business-critical applications.</li>
<li>Developed large-scale, portable and ultra-high performance foundation and application infrastructure libraries.</li>
<li>Developed agile and top-standard HTML5 markup and resources managing, enabling customers to compete more effectively in the marketplace through search-engine optimization.</li>
<li>Served as a core group member in defining and prioritizing technology investments for the next two years, ensuring the alignment of process, technology and business objectives.</li>
</ul>
</p>
<div class="gradientback"></div>
</div>
<button class="button toggle-height" data-target="#experience_2">Read More</button>
</div>
</div>
</div>
<div class="tabs-panel" id="panel2">
<div class="grid-x grid-padding-x">
<div class="large-3 cell">
Nov 2016 - Dec 2017
</div>
<div class="large-9 cell">
<p>
<b>Shenkar College of Engineering and Design, Games Developing & Designing</b>
</p>
<ul>
<li>Plot scripting for Video games</li>
<li>Unity engine (developing with C#)</li>
<li>3D Models & Animations / 2D Art & sketching</li>
<li>Virtual reality games (Oculus, Gear VR, HTC Vive)</li>
<li>Product managing</li>
<li>Video games UX\UI</li>
</ul>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="large-3 cell">
Oct 2013 - Oct 2016
</div>
<div class="large-9 cell">
<p>
<b>H.I.T Holon Institute of Technology, Bachelor's degree, Learning Technologies</b>
</p>
<ul>
<li>Producing and managing learning processes.</li>
<li>Designing UI\UX.</li>
<li>Knowledge management in organizations.</li>
<li>Prototyping tech products such as Apps & Websites.</li>
</ul>
</div>
</div>
</div>
<div class="tabs-panel" id="panel3">
<ul class="no-bullets skills-list">
<li>
<div>
JavaScript ES6, jQuery, Vue.js, React.js
<i class="extra-skill-info">OOP, Async apps, SPA, Offline-cached webapps.</i>
</div>
<div class="skills-marker text-right">
+++++
</div>
</li>
<li>
<div>PHP 7, Apache, Composer
<i class="extra-skill-info">Common design patterns (Singltons, Factory, etc..), Linux servers, Plugin management.</i>
</div>
<div class="skills-marker text-right">
+++++
</div>
</li>
<li>
<div>CSS3, SASS/SCSS
<i class="extra-skill-info">Styles Scaffolding, Style architecture, Flexbox, Animations, Advanced Responsivness.</i>
</div>
<div class="skills-marker text-right">
+++++
</div>
</li>
<li>
<div>Bootstrap / Foundation frameworks
<i class="extra-skill-info">Advanced in-depth control.</i>
</div>
<div class="skills-marker text-right">
+++++
</div>
</li>
<li>
<div>Websites Accesibility
<i class="extra-skill-info">Lastest <a href="https://www.w3.org/standards/webdesign/accessibility" target="_blank">W3C Standards</a>.</i>
</div>
<div class="skills-marker text-right">
+++++
</div>
</li>
<li>
<div>MySQL
<i class="extra-skill-info">Complex SQL queries, Optimizing queries speed.</i>
</div>
<div class="skills-marker text-right">
++++
</div>
</li>
<li>
<div>Webpack, Gulp, NPM
<i class="extra-skill-info">Handling websites builds, Managing plugins.</i>
</div>
<div class="skills-marker text-right">
+++
</div>
</li>
<li>
<div>Node.js
<i class="extra-skill-info">Writing async backend scripts, Buidling custom crawlers for websites.</i>
</div>
<div class="skills-marker text-right">
+++
</div>
</li>
<li>
<div>ASP.NET/C#
<i class="extra-skill-info"> </i>
</div>
<div class="skills-marker text-right">
+++
</div>
</li>
<li>
<div>Unity Games Engine (C#)
<i class="extra-skill-info">As part of Shenkar Games Developer diploma.</i>
</div>
<div class="skills-marker text-right">
++
</div>
</li>
<li>
<div>Finding small things on floor
<i class="extra-skill-info">Yep.</i>
</div>
<div class="skills-marker text-right">
+++++
</div>
</li>
</ul>
</div>
<div class="tabs-panel" id="panel4">
<ul>
<li>Lead programmer with a track record of incorporating user and business requirements into cost-effective, secure and user-friendly solutions known for scalability and durability.</li>
<li>Proven leader and project manager; drive system architecture decisions and lead projects from concept through the release process.</li>
<li>Fast-learner, hands on developer. I work while learning the field, and developing my skills in movement.</li>
<li>You're going to hear a lot "Why" - Becuase I believe in fully understanding the roots of feature need before I execute it. Mindless developers (yes-man) are less effective, and leads to more problems than solutions.</li>
</ul>
</div>
</div>
</div>
<div class="large-4 medium-12 cell small-order-1 large-order-2">
<ul>
<li>Speaking <b>English</b> and <b>Hebrew</b>.</li>
<li>Living in <b>Tel-Aviv, Israel</b>.</li>
<li>Working in <b>Start-up companies</b> and as <b>freelancer</b>.</li>
<li>My primary front-end tech stack consists <b>ES6</b>, <b>Vue.js</b>, <b>React.js</b>.</li>
<li>Back-end tech stack consists <b>PHP 7</b>, <b>Node.js</b>, <b>MySQL(i)</b>.</li>
</ul>
<a href="https://github.com/orenlande/" class="profile-link" target="_blank" title="To my GitHub Page"><i class="fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/oren-lande/" class="profile-link" target="_blank" title="To my LinkedIn Page"><i class="fab fa-linkedin"></i></a>
<h5><span>Lets chat on a coffee_?</span></h5>
<form id="contact-me" data-abide novalidate>
<div class="grid-x grid-margin-x">
<div class="cell small-12">
<label class="my-input">Email
<input type="text" placeholder="" aria-errormessage="phone_error" required pattern="email">
<span class="form-error" id="phone_error">
I promise I won't spam you :)
</span>
</label>
</div>
<div class="cell small-12">
<label class="my-input">Phone Number
<input type="text" placeholder="" required>
</label>
</div>
<div class="cell small-12">
<label class="my-input">Anything to say?
<textarea type="text" required></textarea>
</label>
</div>
</div>
<div class="grid-x grid-margin-x">
<fieldset class="cell large-6">
<button class="button" type="submit" value="Submit">Submit</button>
</fieldset>
</div>
</form>
<small>(Beer it's ok too)</small>
</div>
</div>
</div>
</div>
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/foundation.js"></script>
<script src="https://smtpjs.com/v3/smtp.js"></script>
<script src="js/app.js"></script>
</body>
</html>