Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
378 lines (279 sloc) 16.7 KB
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# profile: http://ogp.me/ns/profile#">
<meta charset="utf-8">
<title>My Name is Sebastian - a Web developer's curriculum vitae (CV)</title>
<meta name="description" content="I am a Web Developer with a passion for the quality of my code, ethics and teammates, and this is my curriculum vitae."/>
<meta name="viewport" content="width=device-width"/>
<link rel="author" href="humans.txt"/>
<link rel="canonical" href="https://sebastian-neferu.github.io/My-Web-CV/">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152-precomposed.png"/>
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png"/>
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png"/>
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png"/>
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png"/>
<link rel="shortcut icon" href="favicon.png"/>
<link rel="icon" type="image/ico" href="favicon.ico"/>
<!-- Open Graph: http://ogp.me/ -->
<meta property="og:title" content="My Name is Sebastian"/>
<meta property="og:description" content="I am a Web Developer with a passion for the quality of my code, ethics and teammates, and this is my curriculum vitae."/>
<meta property="og:url" content="https://sebastian-neferu.github.io/My-Web-CV/"/>
<meta property="og:image" content="https://sebastian-neferu.github.io/My-Web-CV/open-graph.png"/>
<meta property="og:locale" content="en_GB"/>
<meta property="og:type" content="profile"/>
<meta property="profile:first_name" content="Sebastian"/>
<meta property="profile:last_name" content="Neferu"/>
<meta property="profile:username" content="neferusebastian"/>
<meta property="profile:gender" content="male"/>
<!-- Twitter Card: https://dev.twitter.com/docs/cards -->
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@neferusebastian">
<meta name="twitter:url" content="https://sebastian-neferu.github.io/My-Web-CV/">
<meta name="twitter:title" content="My Name is Sebastian">
<meta name="twitter:description" content="I am a Web Developer with a passion for quality code, and this is my curriculum vitae.">
<meta name="twitter:image" content="https://sebastian-neferu.github.io/My-Web-CV/open-graph.png">
<!-- Windows Tile Icon: http://www.buildmypinnedsite.com/ -->
<meta name="application-name" content="My Name is Sebastian"/>
<meta name="msapplication-TileColor" content="#619EC2"/>
<meta name="msapplication-TileImage" content="windows-tile-icon.png"/>
<link href="css/application-7c2c1939.css" rel="stylesheet" type="text/css" />
<script src="js/vendor/modernizr-2.6.1-35f0142e.js"></script>
</head>
<body>
<div class="wrap">
<div class="menu">
<div class="fixed">
<div id="shownav" class="shownav">
<nav class="navigation">
<ul id="navigation">
<li class="current"><a href="#header">Introduction</a></li>
<li><a href="#about-me">About Me</a></li>
<li><a href="#key-skills">Key Skills</a></li>
<li><a href="#employment">Employment</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
<li class="pdf"><a href="Sebastian-Neferu-Resume.pdf" class="external">Download my Resume</a>
</ul>
</nav>
<div class="social-links">
<ul>
<li><a href="https://twitter.com/NeferuSebastian" class="twitter" title="Sebastian Neferu on Twitter">Sebastian Neferu on Twitter</a></li>
<li><a href="https://www.facebook.com/neferusebastian" class="facebook" title="Sebastian Neferu on Facebook">Sebastian Neferu on Facebook</a></li>
<li><a href="https://www.linkedin.com/in/sebastian-neferu/" class="linkedin" title="Sebastian Neferu on LinkedIn">Sebastian Neferu on LinkedIn</a></li>
<li><a href="https://stackoverflow.com/users/9491999/sebastian-neferu" class="stack-overflow" title="Sebastian Neferu on Stack Overflow">Sebastian Neferu on Stack Overflow</a></li>
<li><a href="https://github.com/Sebastian-Neferu" class="github" title="Sebastian on GitHub">Sebastian on GitHub</a></li>
</ul>
</div><!-- .social-links -->
</div>
<div id="shownavbutton" class="shownavbutton">
Navigation
</div>
</div>
</div>
<article class="main" role="main">
<header id="header" class="header">
<h1 class="header-title">My Name is Sebastian.</h1>
<div class="header-image">
<img src="img/header-227fd657.png" data-at2x="img/header@2x-33ccb3a7.png" alt=""/>
</div>
<div class="header-copy">
<p>
<span class="slabtext">I am a <span class="highlight">Web Developer</span></span>
<span class="slabtext">with a passion for the </span>
<span class="slabtext highlight">Quality of my Code.</span>
</p>
<p>
<span class="slabtext">Welcome to my</span>
<span class="slabtext highlight">curriculum vitae.</span>
</p>
</div>
<!--[if lt IE 9]>
<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser
today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better
experience this site.</p>
<![endif]-->
</header>
<section id="about-me" class="about-me">
<h2>About Me</h2>
<div class="about-copy">
<p> Quality is at the root of my coding philosophy. Specific coding tools come and go, but quality coders with a quality work ethic are always of value to a business.</p>
<p> It is my aim to build the highest quality websites and apps attainable today, which can only be achieved by custom-made design and hand-coded development. </p>
<p> I enjoy coding; it is a skill that I have honed on my own, without expecting to be paid for it at first. Since my work is now valued enough to warrant payment, I take it so that I can earn a living doing something I love.</p>
<p> I also enjoy reading, traveling, listening to good music, writing, cooking vegan, swimming and playing chess.</p>
</div>
</section>
<section id="key-skills" class="key-skills">
<h2>Key Skills</h2>
<ul class="skills-list">
<li class="coding">
<h3>Languages</h3>
<p>Experience using coding tools and technologies including JavaScript (ES6),
<abbr title="PHP: Hypertext Preprocessor">PHP</abbr>,
and frontend markup languages HTML5 and CSS3.</p>
</li>
<li class="version-control">
<h3>Version Control</h3>
<p>Experience using Git distributed version control system, allowing for the tracking of changes throughout a
project's history.</p>
</li>
<li class="accessibility-usability">
<h3>Accessibility and Usability</h3>
<p>Knowledge of Web standards and usability evaluation techniques, allowing for the creation of sites that work
across multiple browsers and devices, for people of all abilities.</p>
</li>
<li class="test-driven-development">
<h3>Test-Driven Development</h3>
<p>Knowledge of test-driven development techniques, which allow for projects that avoid technical debt, and
ensure future updates don't break existing functionality.</p>
</li>
<li class="cms-frameworks">
<h3>CMS and Frameworks</h3>
<p>Experience using frameworks Angular 5 and Ionic 3 to build web and mobile apps, and hand-coding custom websites for the <abbr title="Content Management System">CMS</abbr>
platform Wordpress.</p>
</li>
<li class="continuous-integration">
<h3>Continuous Integration and Deployment</h3>
<p>Knowledge of continuous integration and deployment processes, allowing for projects that are built and tested to always be releasable, with every
successful build going to production.</p>
</li>
</ul>
</section>
<section id="employment" class="employment">
<h2>Employment</h2>
<section class="employment-intercity">
<h3 class="employment-role">Meteorologist for the National Administration of Meteorology</h3>
<ul class="employment-details">
<li class="employment-location">Bucharest, Romania</li>
<li class="employment-dates">August 2016 - August 2017</li>
</ul>
<ul class="employment-tags">
<li>Data Analysis</li>
<li>Accuracy</li>
<li>Problem Solving</li>
<li>Communication</li>
<li>Teamwork</li>
</ul>
<div class="employment-description">
<p class="employment-sentence">My work was predominately operative and consisted of: </p> <br>
• Monitoring the variation of weather over Romanian and European territory.<br>
• Elaborating short and medium range forecasts for Romania and Europe.<br>
• Issuing warnings for hazardous phenomena and extreme weather events.<br>
• Elaborating specialized forecasts for mass media and other customers. <br>
• Used specialized programs for archiving observation data and querying databases. </div>
</section>
<section class="employment-intercity">
<h3 class="employment-role">Freelance Web Developer</h3>
<ul class="employment-details">
<li class="employment-location">Wiesbaden, Germany</li>
<li class="employment-dates">August 2017 - Present</li>
</ul>
<ul class="employment-tags">
<li>HTML5</li>
<li>CSS3</li>
<li>JavaScript ES6</li>
<li>Angular 5</li>
<li>Ionic 3</li>
</ul>
<div class="employment-description">
<p class="employment-sentence"> For most projects, my workflow takes the following course: </p> <br>
1) Defining the goal and audience.<br>
2) Planning the content, visual hierarchy, navigation and structure.<br>
3) Sketching ideas for the overall appearance and functionality.<br>
4) Designing and developing in the browser.<br>
5) Optimizing for performance and search engine rankings.<br>
6) Launching via a host server.<br>
7) Maintaining with updates.</div>
</section>
</section><!-- .employment -->
<section id="education" class="education">
<h2>Education</h2>
<h3>Bachelor of Science in Atmospheric Science (BS)</h3>
<ul class="education-details">
<li class="education-location">University of Bucharest</li>
<li class="education-dates">2013 - 2016</li>
</ul>
<p>I have a broad spectrum interest in the natural world, so a college that combines many fields of knowledge seemed to be an appropriate choice for my education. It did teach me how to find information that I am looking for, and how to integrate it into a coherent whole.</p>
<p>Since before college, I had an interest in computer science sparked by my desire to understand certain computation-theoretic models of physics. This had promted me to take several computer science crash courses, and read a couple of related books.<p>
<p>During college, I found interest in the graphics software GIS, Geographic Information System, and in the last year of college I attempted my first coding project, for which I was not yet prepared. The challenge it provided led me to learn and grow fond of Web Development.<p>
<h3>Web Development</h3>
<ul class="education-details">
<li class="education-location">Self-Taught</li>
<li class="education-dates">2017 - Present</li>
</ul>
<p> As part of my interest in web development, I started out with a few skill courses on Codecademy, continued with some premium Udemy courses, and expanded my exploration to such online resources as the Eloquent JavaScript book and Todd Motto's courses at Ultimate Angular.</p>
<p>Learning to code was a highly positive time in my life, and allowed me to gain a wealth of web development skills, in addition to learning project management, planning and research techniques. Among the courses taken, I particularly enjoyed:</p>
<ul class="education-modules">
<li><strong>Advanced CSS & Sass - Flexbox, Grid, Animations and More!</strong>, which felt like drinking true, quality, well-aged CSS wine, with a fancy flex-box of fine Sass-chocolates, and the bezstier Grid-e oranges.
</li>
<li><strong>Git a Web Developer Job - Mastering The Modern Workflow</strong>, which brought me up to date with the best tools and practices of modern web development, including Git, modular file architecture, Gulp, automation builds, and Webpack 4.
</li>
<li><strong>The Complete Javascript Course - Build Real-World Projects</strong>, which covered many topics from the very bottom to the very peaks of JavaScript, and then soared above and beyond to provide a survey of the modern workflow that surrounds it.
</li>
<li><strong>Angular Ultimate Package</strong>, which covered in-depth the Angular Framework, NGRX State Management and TypeScript, and helped vastly improve my frontend development skills.
</li>
</ul>
<p></p>
</section>
<section id="projects" class="projects">
<h2>Projects</h2>
<section>
<h3>ralucaneferu.com</h3>
<p><a href="http://ralucaneferu.com/">ralucaneferu.com</a> is an online art gallery to exhibit the artwork of a gifted artist. It was built to encourage a budding artist to share her beauty with the world. That artist is now my wife; it looks like someone was impressed with it ;).</p>
<p>An understanding of the personality and needs of my customer were paramount to designing it. A good knowledge of BEM architecture and SCSS were useful in coding it. An improved ability to search for new techniques to accomplish the goals and to find solutions to problems encountered along the way was its reward.</p>
<p>You can <a href="https://github.com/Sebastian-Neferu/art-gallery">view source on GitHub</a>. The readme provides additional information.</p>
</section>
</section><!-- .projects -->
<section id="contact" class="contact">
<h2>Contact</h2>
<p>If you like what you see and want to benefit from my services, you can contact me via any of the social networks listed below, or by telephoning me using <a href="tel:+40726603558">+40 726 603 558</a> or
<a href="mailto:neferusebastian@gmail.com">you
can email me</a>.</p>
<div class="social-links">
<ul>
<li><a href="https://twitter.com/NeferuSebastian" class="twitter" title="Sebastian Neferu on Twitter">Sebastian Neferu on Twitter</a></li>
<li><a href="https://www.facebook.com/neferusebastian" class="facebook" title="Sebastian Neferu on Facebook">Sebastian Neferu on Facebook</a></li>
<li><a href="https://www.linkedin.com/in/sebastian-neferu/" class="linkedin" title="Sebastian Neferu on LinkedIn">Sebastian Neferu on LinkedIn</a></li>
<li><a href="https://stackoverflow.com/users/9491999/sebastian-neferu" class="stack-overflow" title="Sebastian Neferu on Stack Overflow">Sebastian Neferu on Stack Overflow</a></li>
<li><a href="https://github.com/Sebastian-Neferu" class="github" title="Sebastian on GitHub">Sebastian on GitHub</a></li>
</ul>
</div><!-- .social-links -->
</section><!-- .contact -->
<footer class="footer">
Content Copyright &copy; 2018 Sebastian Neferu.
<p><a href="https://github.com/Sebastian-Neferu/My-Web-CV">View source on GitHub.</a></p>
</footer><!-- #footer -->
</article><!-- .main -->
</div><!-- .wrap -->
<script src="https://code.jquery.com/jquery-1.10.0.min.js"></script>
<script>window.jQuery || document.write('<script src="/js/vendor/jquery-1.10.0-84021cc8.js"><\/script>')</script>
<!--[if (gte IE 6)&(lte IE 8)]>
<script src="/js/vendor/selectivizr-1.0.2-a876a145.js" type="text/javascript"></script>
<![endif]-->
<script src="js/main-64bb3753.js"></script>
<script>
var _gas = _gas || [];
_gas.push(['_setAccount', 'UA-27778608-1']);
_gas.push(['_setDomainName', '.neferusebastian.com']);
_gas.push(['_trackPageview']);
_gas.push(['_gasTrackForms']);
_gas.push(['_gasTrackOutboundLinks']);
_gas.push(['_gasTrackMaxScroll']);
_gas.push(['_gasTrackDownloads']);
_gas.push(['_gasTrackYoutube', {force: true}]);
_gas.push(['_gasTrackVimeo', {force: true}]);
_gas.push(['_gasTrackMailto']);
(function () {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = '/cdnjs.cloudflare.com/ajax/libs/gas/1.10.1/gas.min.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>