toptal.com
Contact us: +1.888.604.3188
Tomislav Matijević, Software Developer in Osijek, Croatia
Tomislav Matijević

Software Developer in Osijek, Croatia

Member since October 21, 2014
Tomislav is a software engineer who's very experienced in front-end technologies, particularly in vanilla JavaScript and React.js. He is currently a proud member of Toptal Core Development Team working on complex and amazing things. Alongside coding, he has a great amount of experience working as a UI/UX consultant for several enterprise companies.
Tomislav is now available for hire
Hire Tomislav

Portfolio

  • Toptal
    React, Apollo, GraphQL, Redux, HTML, CSS, JavaScript, Jest, Enzyme
  • Fort Hill Company (via Toptal)
    HTML, CSS, JavaScript, jQuery, JSON, Ajax, Sass, Gulp, Bower, Ruby on Rails
  • Farmeron
    HTML, CSS, jQuery, WordPress, JavaScript, PHP, .NET, AngularJS, Sass, Git...

Experience

  • CSS, 9 years
  • Responsive Web Design (RWD), 7 years
  • JavaScript, 5 years
  • GitHub, 5 years
  • HTML5, 4 years
  • React, 2 years
  • Jest, 2 years
  • TypeScript 3, 1 year

Location

Osijek, Croatia

Availability

Part-time

Preferred Environment

OS X, Visual Studio Code

The most amazing...

...thing I've coded is a useful jQuery responsive tables plugin that was presented as a great solution on several awesome sites.

Employment

  • Front-end Core Developer

    2017 - PRESENT
    Toptal
    • Designed, built, and maintained efficient, reusable, and reliable front-end code.
    • Initiated and led many complex and very interesting initiatives.
    • Onboarded and mentored new team members.
    Technologies: React, Apollo, GraphQL, Redux, HTML, CSS, JavaScript, Jest, Enzyme

  • Front-end Developer

    2015 - 2017
    Fort Hill Company (via Toptal)
    • Created a responsive form wizard with client-side validation, responsive tables, and Ajax calls.
    • Created a few jQuery plugins based on a jQuery autocomplete plugin which dynamically fills all the fields inside a certain wrapper based on the user selection.
    • Improved elements in the application (UI/UX).
    • Used Bootstrap as the main framework and fixed old HTML markup that wasn't following Bootstrap guidelines.
    • Served as UI/UX advisor.
    • Implemented and customized JavaScript events for HighCharts library.
    Technologies: HTML, CSS, JavaScript, jQuery, JSON, Ajax, Sass, Gulp, Bower, Ruby on Rails

  • Lead Front-end Developer

    2014 - 2017
    Farmeron
    • Implemented Sass and OOCSS using Gulp and Bower.
    • Developed jQuery/JavaScript implementations.
    • Tested and fixed issues related to responsive web design (CSS, HTML, and JavaScript).
    • Implemented UI/UX improvements.
    • Expanded/improved Gulp configuration.
    • Created jQuery plugins for certain functionalities across the site.
    • Contributed to design/promotional materials and improved them.
    • Created a coding standard for CSS/JavaScript.
    • Utilized AngularJS daily and gained experience implementing complex AngularJS projects.
    • Worked on a new Farmeron main website using BEM, SASS, GULP, and responsive web design.
    • Improved Farmeron's brand by creating T-shirts, notebooks, pens, and other marketing articles.
    • Designed and implemented a completely new, modern Farmeron site using BEM, Gulp, Sketch, Photohsop, Illustrator, Git, HTML, HTML5, CSS, CSS3, JavaScript, and jQuery.
    • Wrote JavaScript tests using Jasmine.
    • Improved the front-end architecture by implementing modular front-end development. Increased efficiency and reduced page size loading up to 85%.
    • Participated and collaborated on all new project specifications. Helped decide on new project infrastructure, time span, and technologies.
    Technologies: HTML, CSS, jQuery, WordPress, JavaScript, PHP, .NET, AngularJS, Sass, Git, Gulp, Bower, Adobe Photoshop

  • Front-end Developer

    2016 - 2016
    Pavlovspig (via Toptal)
    • Implemented the design using HTML, CSS, and JavaScript.
    • Integrating the existing dashboard theme and customized it.
    • Bulit JavaScript architecture to communicate over a custom API.
    • Handled responsive web development.
    • Created many JavaScript functionalities like custom page go-to scroller with clickable elements, parallax product element, and custom interactive modals.
    • Created logic with add, remove, and update features integrated with custom API.
    • Implemented HighCharts and manipulated a huge load of data.
    • Created a front-end based session controller in combination with custom API which is storing/loading data for each registered user.
    Technologies: PHP, HTML, HTML5, JavaScript, jQuery, CSS, CSS3

  • Front-end Developer

    2016 - 2016
    Copyop (via Toptal)
    • Worked intensively on HighCharts API.
    • Developed an animated simulation of stock market trading using JavaScript/jQuery.
    • Created HighCharts and CSS logic based on the win/lose ratio.
    • Created client-side validation using Parsley.js. The user can easily alter the basic configuration of all calculations (win/lose percentages, X/Y axis points, number of points, color of charts, etc.).
    Technologies: JavaScript, jQuery, PHP, HTML, HTML5, CSS, CSS3, HighCharts API

  • Front-end Developer/Designer

    2016 - 2016
    Innovative Operations (via Toptal)
    • Created a visual solution for both the dashboard and the regular website.
    • Created HTML architecture using BEM methodology.
    • Handled responsive web development.
    • Used Git daily.
    • Templated using Ruby on Rails.
    • Served as UI/UX advisor.
    • Implemented responsive images solution for best performance on all devices.
    • Created custom font icons for a new dashboard using Sketch.
    • Designed a completely new web page.
    • Implemented the design using HTML, CSS, and JavaScript.
    Technologies: HTML, CSS, JavaScript, Sass, Node.js, Sketch, RoR, BEM

  • Front-end Developer

    2015 - 2016
    Pareto Solutions (via Toptal)
    • Sliced and prepared Photoshop files for implementation.
    • Built HTML architecture using BEM methodology.
    • Wrote CSS from the sliced design.
    • Implemented custom forms using Stripe.
    • Implemented custom JavaScript step by step validation.
    • Implemented a JavaScript library for displaying a modal before a user leaves the website.
    • Used Git daily.
    Technologies: HTML, CSS, JavaScript, jQuery

  • Front-end/Back-end Developer

    2015 - 2015
    Lemeno (via Toptal)
    • Converted the whole website from only desktop to be completely responsive.
    • Worked to make the whole site responsive using RTL and LTR directions.
    • Improved many components (UI/UX).
    • Created design propositions for various elements and implemented them.
    • Improved site speed and SEO.
    Technologies: CodeIgniter, PHP, HTML, CSS, JavaScript, jQuery, Adobe Photoshop, Gulp, Bower

  • Front-end/WordPress Developer

    2015 - 2015
    Moshe Saraf (via Toptal)
    • Improved the current WordPress theme to be more dynamic.
    • Created several new interactive pages to promote their product.
    • Implemented and improved an interactive zoom JavaScript plugin.
    • Configured the CDN and improved website performance.
    Technologies: WordPress, PHP, HTML, HTML5, CSS, Sass, JavaScript, jQuery, Adobe Photoshop, Git, BitBucket

  • Front-end/Drupal Developer

    2015 - 2015
    WineGreeting (via Toptal)
    • Created new Drupal themes.
    • Worked with the designer and proposed some design (UI/UX) improvements.
    • Created HTML, CSS, and JavaScript out of Photoshop files.
    • Created administration classes and fields and presented to the client.
    Technologies: Drupal, PHP, HTML, CSS, Sass, Gulp, Bower, JavaScript, jQuery

  • Front-end Developer, UI/UX

    2015 - 2015
    Matdagboken i Sverige AB (via Toptal)
    • Created a visual solution for fragments of the site which was needed to go responsive using Adobe Photoshop.
    • Created a new HTML structure for tablet-/mobile-based devices while keeping existing desktop HTML structure.
    • Created CSS for a responsive solution.
    Technologies: HTML, HTML5, CSS, JavaScript, Adobe Photoshop

  • Front-end Developer and UI/UX Advisor

    2015 - 2015
    FragranceX.com/Perfume.com (via Toptal)
    • Served as a UI/UX advisor.
    • Implemented a responsive image gallery solution.
    • Implemented a responsive product management solution.
    • Designed new visual improvements for products, category listing, etc.
    • Implemented new interactive responsive navigation.
    Technologies: HTML, JavaScript, CSS, Sass, Adobe Photoshop, Compass, Git, GItHub

  • eZ Publish/Front-end Developer

    2012 - 2014
    Netgen
    • Handled eZ Publish template programming.
    • Responsible for front-end development (HTML, CSS, JavaScript, jQuery).
    • Implemented visual design solutions (Adobe Photoshop, Illustrator).
    • Worked with Less and Bootstrap.
    • Used Git and SVN on a daily basis.
    • Handled responsive web development.
    • Designed partial/entire pages using Adobe Photoshop.
    • Sliced and implemented web mail for a major Croatian telecommunication provider.
    • Created jQuery based plugin for responsive tables which was later included in top ten solutions on decent websites.
    Technologies: HTML, CSS, jQuery, WordPress, SVN, JavaScript, PHP, eZ Publish, Less

  • Web Solution Developer

    2011 - 2012
    NTH Media
    • Worked on front-end development.
    • Worked on back-end development with PHP and the eZ Publish custom template system.
    • Handled WordPress development.
    • Worked daily on UX.
    • Used CVS (Eclipse) and Git (Smart Git) on a daily basis.
    Technologies: HTML, CSS, jQuery, WordPress, SVN, JavaScript, PHP, eZ Publish

Experience

  • Farmeron Web Site (Development)

    Farmeron is world's first cloud based dairy farm business management software platform. Built by farmers, for farmers. I have designed and implemented all the pages on this website.

  • Soccer 4 Success (Development)

    Visual Design:
    - Complete custom design using Adobe Photoshop/Adobe Illustrator.
    - Custom logo designed to be printable on T-shirts, bags, and all other accessories.
    - A4, A5 printable flyers.

    Front-end Development:
    - Used JavaScript/jQuery, HTML, CSS3, SASS, and BEM architecture to implement responsive web development.

    Back-end Development:
    - PHP

    CMS:
    - Custom WordPress theme created from scratch.

  • Sat1 Emotions (Development)
    http://www.sat1emotions.de/

    Used HTML, CSS, and JavaScript.

  • Deutscher Tennis Bund (Development)
    http://www.dtb-tennis.de/

    Used HTML, CSS, and JavaScript to implement templating and responsive web design.

  • Ducticians (Development)

    An air duct cleaning company's website.

  • Nasbnation (Development)
    http://www.nasbnation.com/

    NASB was created to focus strictly on providing senior-based insurance solutions.

  • Togo Diplomatie (Development)
    http://www.togodiplomatie.info/

    Used HTML, CSS, JavaScript, and templating to implement responsive web design. The site is built for the Republic of Togo.

  • FragranceX (Development)

    FragranceX is one of the leading perfumes websites in the world. The job was to improve UI/UX on sections provided by the client.

  • King Saud (Development)
    http://www.kingsaud.org/

    King Saud foundation is a website where you can find all information about Saudi Arabian history. My job was to convert the whole website to be fully responsive.

  • Pixie (Development)

    Pixie Points are the smartest, friendliest, most useful tags in the world, and the only ones that provide precise location. My job was to create two new fully responsive pages including interactive demo where you can search for the lost items over browser.

  • Kabel Eins Classics (Development)
    http://kabeleinsclassics.de/

    Used HTML, CSS, and JavaScript.

  • Iskon Webmail (Development)
    https://webmail.iskon.hr/

    This project involved HTML, CSS, JavaScript, and templating. I redesigned Iskon webmail using Roundcube.

  • 780 Coaching (Development)
    http://780coaching.com/

    I created a custom design, custom WordPress theme, and responsive web design using BEM architecture, SASS, and JavaScript.

  • IRB OZIP Microsite (Development)
    http://ozip.irb.hr/

    I used HTML, CSS, JavaScript, and templating to create this responsive web design.

  • eZ Summer Camp 2014 (Development)
    http://2014.phpsummercamp.com/

    This project involved HTML, CSS, JavaScript, templating, and responsive web design.

  • Salsa Adria (Development)
    http://www.salsa-adria.hr/

    I worked with HTML, CSS, JavaScript, templating, and responsive web design.

  • Watan TV (Development)

    Al Watan is an Arabic/English TV station in Kuwait. I used HTML, CSS, templating, JavaScript, and responsive web design principles in its implementation.

  • Perfume (Development)

    Perfume is one of the leading perfume websites in the world. My job was to improve the UI/UX on sections provided by the client.

  • Winegreeting (Development)

    Winegreeting is a company that creates customized wine labels. My job was to implement a new design provided by them and create a completely new Drupal theme based on it.

  • jQuery News Affix Scroller (Development)
    http://tmatijev.github.io/jquery.newsAffix/

    News affix chapter scroller made for large acrticles with chapters.

  • jQuery Responsive Tables Plugin (Development)
    https://github.com/tmatijev/jquery.ngResponsiveTables

    This jQuery plugin converts regular table view into user friendly table for mobile devices without DOM manipulation.

  • jQuery BEM (Development)
    https://github.com/tmatijev/jquery.jsBem

    This jQuery plugin allows you to use BEM properly with JavaScript class addition.

  • Introduction To BEM Methodology (Publication)
    https://www.toptal.com/css/introduction-to-bem-methodology
    When building smaller websites, the way developers structure their CSS code is usually not a big issue. However, when it comes to larger, more complex projects, code organization becomes crucial. In this article, Toptal Freelance Software Engineer Tomislav Matijević introduces us to BEM methodology and explains how this CSS practice can massively improve code maintainability, speed up the development process, and streamline the teamwork of developers by arranging CSS classes into independent modules.

Skills

  • Languages

    JavaScript, HTML5, CSS3, Sass, HTML, SCSS, CSS, Less, TypeScript 3, CoffeeScript, TypeScript 2, TypeScript, GraphQL, Ruby, PHP

  • Frameworks

    Jest, Redux, Bootstrap 3, Bootstrap, Angular, AngularJS, Relay, Ruby on Rails (RoR)

  • Libraries/APIs

    React, Lodash, jQuery, Redux Form, React Redux Form, Ramda, Node.js

  • Tools

    Sketch, Sketch 3, Adobe Photoshop, GitHub, React Apollo, Redux Thunk, Git, Bower, Gulp.js, Webpack 2, Webpack 3, Webpack, Babel, Flow, Adobe Illustrator

  • Paradigms

    Responsive Web Design (RWD), Web Design, Functional Programming, Object-oriented Programming (OOP)

  • Platforms

    MacOS, Windows, WordPress

  • Other

    User Interface (UI), BEM Architecture, Front-end, Design, Apollo, Enzyme, Relay Diagrams, Ruby Gems, eZ Publish

  • Storage

    Compose.io, MySQL

Education

  • Master's degree in Computer Processing
    2008 - 2010
    University of Josip Juraj Strossmayer - Osijek, Croatia
  • Bachelor's degree in Computer Processing
    2003 - 2008
    University of Josip Juraj Strossmayer - Osijek, Croatia

To view more profiles

Join Toptal
I really like this profile
Share it with others
Hire the top 3% of freelance developers TM