Johnathan Hebert

Johnathan Hebert

Austin, TX, United States
Hire Johnathan
Scroll To View More
Johnathan Hebert

Johnathan Hebert

Austin, TX, United States
Member since December 13, 2016
Johnathan has 15 years of experience writing web apps that span consumer productivity software to mission critical financial trading platforms. He has extensive knowledge of front-end JavaScript and browser APIs as well as significant experience with popular frameworks and libraries like React and Redux. His deep full-stack experience includes Node.js and Express, MongoDB as well as more traditional technologies like PHP, ASP.NET, and MySQL
Johnathan is now available for hire
Portfolio
Experience
  • HTML, 15 years
  • JavaScript, 15 years
  • Front-end, 15 years
  • CSS, 15 years
  • Node.js, 5 years
  • React.js, 3 years
  • Express.js, 3 years
  • Redux, 1 year
Austin, TX, United States
Availability
Part-time
Preferred Environment
Windows or Mac, SublimeText, Git, Chrome Dev Tools
The most amazing...
...impact I have had with software is writing the rich text editor used by all 200+ million Evernote users.
Employment
  • Lead Front-End Engineer
    Evernote
    2012 - PRESENT
    • Led the development of a unified rich text editor that runs on mobile, desktop, and web for 200+ million users.
    • Developed a JavaScript-based image annotation app that runs on desktop and web; it also allows for re-editable PNGs/JPGs by storing vector annotation data in the image binary.
    • Created a feature to present HTML-based pages in a full-screen auto-generated presentation with advanced user controls and layout options.
    • Integrated a build pipelines of 5+ complex applications to reliably use common rich-text editing component.
    • Developed a custom vector graphics library for use in annotating both bitmaps and PDFs.
    Technologies: JavaScript, HTML, CSS
  • Front-End and Visualization Developer
    MOKA
    2017 - 2017
    • Created several React components with D3 charts that support interactive visualizations of market data projections and analysis.
    • Developed unit tests and component snapshot tests using Jest and Enzyme.
    • Implemented client-side data transformations to map, filter, reduce, etc. large datasets for display in interactive SVG charts.
    • Supported dynamic forms for providing market data analysis for food and beverage companies making projections about product/factory capacity, cost, and several other factors.
    • Created dynamically populated data filters as dropdowns, checkbox groups, input fields, sliders, etc. in order to evaluate and pivot market data analysis charts.
    • Used Chrome DevTools to investigate and fix front-end rendering performance issues and computationally intensive bottlenecks.
    Technologies: JavaScript, React, Redux, D3
  • Senior Front-End Engineer
    MediSpend
    2015 - 2015
    • Added a Backbone router and state management for complex query navigation pages.
    • Refactored very large front-end application code to make it more modular and reusable.
    • Wrote advanced jQuery DataTables plugins and UX handling.
    • Wrote form-based pages to dynamically change as data was entered and REST API was queried.
    • Developed several filtering UX controls to allow users to quickly enter and review medical spending information.
    Technologies: JavaScript, Backbone, jQuery
  • Senior Front-End Engineer
    Myxer
    2014 - 2014
    • Developed a streaming music service front-end that allows users to create custom radio stations.
    • Created and optimized AngularJS services, directives, bindings, and event handlers used for radio station user UX.
    • Fixed several bugs and reworked the UI/UX to provide smoother interactions with a web app while music was streaming.
    Technologies: JavaScript, AngularJS, CSS, LESS
  • Senior Front-End Engineer
    Q1Media
    2013 - 2014
    • Handled the heavy development of embedded JavaScript widgets on third-party publisher sites.
    • Worked with nested iframes, asynchronous loading of ads, and sizing/scaling issues for mobile, and error-handling.
    • Created robust ads that reliably loaded, retired, and were gracefully handled in multiple browsers and platforms.
    Technologies: JavaScript
  • Senior Front-End Engineer
    Sogeti (Dell.com)
    2011 - 2012
    • Developed new Dell.com shopping and browse application pages where all main shopping traffic visits dell.com.
    • Implemented a new browse filtering UX for narrowing search results and adding items to cart.
    • Wrote a performance monitoring library to use performance counters for measuring front-end delivery and back-end service responses.
    Technologies: JavaScript, ASP.NET MVC
  • Senior Front-End Engineer
    Merrill Lynch Commodities
    2010 - 2011
    • Built a desktop-like browser application for real-time analysis of risk and commodity index valuations.
    • Developed dynamic and interactive charting of commodity index data with jQuery and Highcharts.
    • Designed, developed, tested, and released a commodity index market tool used in the valuation and hedge analysis of large commodity index swap, options, futures, and structured note transactions.
    • Created several web services using ASP.NET MVC (C#) and WCF to enable communications with other trading desk applications via REST, SOAP, JSON, and custom XML messages.
    Technologies: JavaScript, Ext.js, ASP.NET, Python
  • Senior Software Engineer
    INTECSEA Engineering
    2005 - 2010
    • Acted as a software architect and lead developer of an Ext.js browser application—an interface/risk tool for $10 billion Chevron LNG project.
    • Developed a PHP/MySQL framework to build-out custom on-premise deployments of an interface management web application.
    • Led the design, development, and implementation of in-house business management systems using C# and ASP.NET to provide a unified intranet for employees to access the full range of enterprise information.
    Technologies: JavaScript, Ext.js, ASP.NET, SQL Server, PHP
  • Lead Software Engineer
    JDCommerce
    2002 - 2005
    • Developed custom websites using PHP, MySQL,and JavaScript.
    • Wrote a framework to generate new custom websites with custom database back-end for improved roll out and prototyping.
    • Converted a traditional web application to a single-page application using AJAX and a state management layer in JavaScript.
    Technologies: JavaScript, PHP, MySQL
Experience
  • Evernote Rich Text Editor (Development)

    A rich text editor written in JavaScript that runs on iOS, Android, Mac, Windows, and the web. The editor makes heavy use of the content-editable technology provided by browsers, and has an impressive structure to guarantee smooth editing on top of multiple platforms. It is reliably used by many millions of Evernote users to improve their productivity every day.

    At its core, it is listening for every keystroke and user event coming into the editor and reconciling them into a rendered rich text document that reliably displays the users intent. It does an impressive job of overcoming many browser bugs and limitations that surface when accepting arbitrary HTML input from a variety of sources on a variety of platforms.

  • Skitch | Evernote (Development)

    An image annotation app written in JavaScript as well as the custom 2D graphics library that powers it. The application is also bundled into the Evernote applications as an image annotation feature. It makes heavy use of the canvas element, immediate mode graphics, and coordinate transformations to give the user the feel of a modern vector graphics app. The image annotations and manipulations run at a smooth 60 fps and use the best parts of the browser's canvas element to provide a rich addition to images on the web.

  • Bank of America Commodity Index Online Application (Development)

    An application available to Bank of America institutions and high-net worth individuals that allows them to price and research commodity indices. The application has an advanced charting and reporting interface on the web that breaks commodity indices down to their constituent parts and shows how the index price is computed. In addition to the front-end display, the back-end is tied into the Bank of America ongoing risk calculation and index positions with investors. It calculates prices in near real-time and streams them to the front-end built in Ext.js.

Skills
  • Languages
    JavaScript, CSS, HTML
  • Frameworks
    Redux, Ext JS, Express.js
  • Libraries/APIs
    React Router, React-redux, React.js, Async, Node.js
  • Tools
    Sublime Text 3, Mongoose
  • Platforms
    Windows, Mac
  • Misc
    Front-end, Browsers, HTTP, AJAX
  • Paradigms
    Promise
  • Storage
    MongoDB, MySQL
Education
  • Master of Science in Aerospace Engineering
    Texas A&M University - College Station, TX, USA
    2002 - 2005
  • Bachelor of Science in Mechanical Engineering
    University of Notre Dame - South Bend, IN, USA
    1996 - 2000
I really like this profile
Share it with others