Publication
JavaScript Best Practices and Tips by Toptal Developers
https://www.toptal.com/javascript/tips-and-practices
Lavi is available for hire
Hire LaviLavi Yatziv
Verified Expert in Engineering
Front End Developer
Location
Telkwa, BC, Canada
Toptal Member Since
October 13, 2014
Lavi is a world-class front-end developer with experience working for enterprise-class organizations like Lufthansa, Okta, and DePaul University. He takes great care in delivering the best possible solutions while considering time constraints. His education with motion graphics animation affords an expansive UI vocabulary for end users. Debugging and improving the functionality of legacy code is one of Lavi's specialties, making him a versatile and innovative software engineer.
Portfolio
Power Costs, Inc.
React, UI Grid, UI Development, JavaScript, Adobe InDesign, AG Grid, WebSockets...
RocketParts LLC
TypeScript, React, Firebase, Node.js, Google Cloud Platform (GCP)...
RBW Studio LLC
React, Google Analytics, Algolia, Firebase, NetSuite, Gatsby, Netlify...
Experience
Availability
Part-time
Preferred Environment
Visual Studio Code (VS Code), JavaScript, Git
The most amazing...
...thing I've written is an HTML5 app for in-flight entertainment that uses real-time flight data.
Work Experience
React Front-end UI Developer
2021 - PRESENT
Power Costs, Inc.
- Developed an advanced grid interface with considerable features capable of working with 30,000 rows of data.
- Managed live data updates via WebSockets real-time row calculations.
- Wrote Playwright tests that sufficiently exercised core functionalities.
- Composed an OpenAPI schema that would create a mock API to run Playwright tests in isolation.
- Participated actively in daily stand-ups to facilitate better coordination between engineers.
Technologies: React, UI Grid, UI Development, JavaScript, Adobe InDesign, AG Grid, WebSockets, TypeScript 3, Playwright, Jest, GitLab CI/CD, Miro, Prism, OpenAPI, Node.js, Docker, Web Development, Storybook, Web App Development, PostCSS, TypeScript, HTML, D3.js, HTML5, Software Engineering, Web Components, UI Components, Test-driven Development (TDD), Data Visualization, Tables, Charts, Optimization, Agile Software Development, Single-page Applications (SPA), Web App Deployment, JSON REST APIs, Front-end Development
React and Node.js Engineer
2021 - 2021
RocketParts LLC
- Worked on a customer relationship management (CRM) solution for a payments company.
- Supported the development of user interface components.
- Enhanced legacy Java code for secure financial record transmissions.
- Leveraged real-time communication of user input via Firebase.
Technologies: TypeScript, React, Firebase, Node.js, Google Cloud Platform (GCP), MUI (Material UI), Algolia, PostgreSQL, Redis, Cloud Firestore, Firebase Hosting, Firebase Cloud Functions, Firebase Authentication, Web Development, Storybook, Web App Development, HTML, HTML5, YARN, Web Components, UI Components, SQL, Tailwind CSS, Tables, Optimization, Agile Software Development, Single-page Applications (SPA), Web App Deployment, Firebase Realtime Database, Fintech, Full-stack Development, Serverless, JSON REST APIs, Front-end Development
React Front-end Developer for a Lightning Industry Website
2021 - 2021
RBW Studio LLC
- Migrated the site from Gatsby v2 to v3 in the interest of faster build times and novel functionalities. There was a considerable incentive with a product catalogue with over 10,000 SKUs.
- Facilitated the automation of content creation and management for a GraphQL database. CSV files from the production team needed to accurately reflect product inventory to facilitate sales and customer research initiatives.
- Enhanced print layout functionality of complex product specification sheets using Tailwind.
- Managed page indexes and product SKU profiles with Algolia, focused on rapid search results.
- Used Storybook for creating elegant and functional components.
Technologies: React, Google Analytics, Algolia, Firebase, NetSuite, Gatsby, Netlify, Sanity CMS, Bitbucket, Git, jQuery, PHP, JavaScript, Amazon Web Services (AWS), CSS, HTML5, Node.js, GraphQL, Next.js, Firebase Cloud Functions, Firebase Authentication, Web Performance Optimization (WPO), Back-end, Web Development, Storybook, PostCSS, TypeScript, React Redux, HTML, Full-stack, Software Engineering, Web Components, UI Components, Tailwind CSS, Charts, Optimization, NetSuite API, Single-page Applications (SPA), Web App Deployment, Firebase Realtime Database, Full-stack Development, Serverless, JSON REST APIs, Front-end Development, Agile Software Development
Developer | NetSuite ERP/SCA
2020 - 2020
Paper Pieces
- Maintained legacy code assisting support recurring subscription services.
- Extended a standard layout for a custom NetSuite UI Suitelet.
- Built a custom React-based UI for bulk item, including its matrix, kit, and package. Managed the creation conforming to product workflows and subsidiary configurations with input validation.
- Rebuilt the company knowledge base and intranet from jQuery to a React-based one.
- Connected Google Drive to NetSuite, granting NetSuite accounts access to files maintained in Google Sheets.
Technologies: Dotenv, Visual Studio Code (VS Code), REST, REST APIs, TypeScript, Microservices, Microservices Architecture, RESTful Microservices, Webpack, Jest, Front-end, Google Sheets API, Google Drive API, SuiteScript 1, SuiteScript 2, Lerna, GitHub, YARN, Styled-components, React, JavaScript, NetSuite API, NetSuite, RESTful Development, User Experience (UX), Test-driven Development (TDD), UI Design, UI Development, Software Engineering, Back-end, Web Development, HTML, HTML5, Full-stack, Tables, Rollup, Full-stack Development, JSON REST APIs, Front-end Development
Senior Developer
2016 - 2020
GovDocs
- Transitioned a customer portal from a dated jQuery and custom NetSuite site to a modern React application, including integrations with Mongo, AWS Cognito, and S3.
- Implemented dynamic graphs and created and maintained an interactive map using D3. I sourced GeoJSON from the United States Geological Survey (USGS) and US census data maps, preprocessing the cartographic data using the Albers projection.
- Built NetSuite integrations for finance and fulfillment departments with third parties following RESTful patterns.
- Facilitated the modernization of back-end scripting using build tools. Performed templates for provided context, predictable entry points, script status reporting, and rapid development of any new back-end scripts.
- Led a team of three developers to create APIs between NetSuite and AWS to provide a feature-rich client dashboard built with React and AWS, including S3, RDS, and Lambda.
- Applied Scrum methodologies within Jira to give the product team a better idea of what level of effort was involved in each feature request.
- Imposed stricter coding standards for my team by following modern JavaScript grammar and patterns (standard and Prettier).
- Provided additional support to the marketing team's WordPress site with custom scripting and plugin support.
- Integrated Google Analytics tools into the front-end single-page application to support marketing in future product development initiatives.
Technologies: PostgreSQL, Dotenv, GeoJSON, Visual Studio Code (VS Code), MongoDB Shell, MongoDB Atlas, MongoDB, REST, TypeScript, Microservices Architecture, RESTful Microservices, Microservices, Amazon Web Services (AWS), SCSS, Webpack, Jest, Bootstrap, Full-stack, Front-end, REST APIs, APIs, PostgreSQL 10, FontAwesome, Amazon S3 (AWS S3), Node.js, Git, React Redux, NPM, Redux, Google Maps, MySQL, GitHub, CSS3, JavaScript, CSS, Web App Development, User Interface (UI), Responsive Web Design (RWD), Webpack 3, JSS, MUI (Material UI), Payment APIs, Webpack 4, SuiteScript 2, PHP, AWS Lambda, Rollup.js, React, Angular, NetSuite, RESTful Development, CRM APIs, HubSpot, User Experience (UX), Test-driven Development (TDD), D3.js, Adobe InDesign, UI Design, UI Development, UI Grid, Software Engineering, Team Leadership, Continuous Integration (CI), Kotlin, Back-end, Google Analytics, Web Development, Storybook, HTML, Google Geochart API, NoSQL, HTML5, YARN, Lerna, NetSuite API, SuiteScript 1, Web Components, UI Components, SQL, Data Visualization, Tables, Charts, Optimization, Business to Business (B2B), Agile Software Development, Single-page Applications (SPA), Web App Deployment, CircleCI, Rollup, Amazon Cognito, Class-based OOP, Firebase Realtime Database, Google Maps API (GeoJSON), Full-stack Development, Serverless, JSON REST APIs, Front-end Development
Front-end Developer
2015 - 2016
Digital Youth Network
- Supported front-end development initiatives and user interface design, specifically to be used by children ages 4 to 16.
- Introduced modern JavaScript bundling technologies.
- Collaborated with an entirely distributed team across four time zones.
- Supported third-party MODx CMS plug-in integrations.
- Facilitated the development of internal front-end tools to be used by system administrators and teachers.
Technologies: PostgreSQL, Dotenv, REST, SCSS, Bootstrap, Front-end, APIs, FontAwesome, Node.js, Git, NPM, MySQL, GitHub, CSS3, CSS, User Interface (UI), PHP, JavaScript, MODx, RESTful Development, REST APIs, User Experience (UX), UI Design, UI Development, Ajax, Responsive UI, Web Development, HTML, HTML5, Full-stack Development, JSON REST APIs, Front-end Development, Agile Software Development
Web Developer
2015 - 2015
Farmer Brown Insurance
- Facilitated a remarketing and advertising campaign, driving sales by accessible metrics.
- Liaised with an animation company to produce a high-quality promotional video.
- Designed, developed, and deployed a site-wide redesign.
- Created a new live quoting system for lead generation.
- Reworked Google Analytics to provide more valuable insights to customers.
- Integrated the site with Zendesk and HubSpot to foster a holistic view of customer behaviors.
- Improved site load speed with various compression techniques and caching layers.
- Coordinated development efforts across a small team consisting of content writers and DevOps.
Technologies: Bootstrap, Full-stack, Front-end, CSS3, JavaScript, CSS, User Interface (UI), Responsive Web Design (RWD), Payment APIs, RESTful Development, REST APIs, HubSpot, Mailchimp API, User Experience (UX), UI Design, UI Development, Ajax, Google Analytics, Web Development, HTML, Full-stack Development, Front-end Development
WordPress Engineer
2014 - 2015
High Ground Group
- Developed a responsive WordPress membership website.
- Extended functionality and design with a child theme.
- Utilized USAePay API as a customized payment gateway for the site.
- Improved site performance with various caching layers and minification.
- Integrated with SendGrid for transactional emails and Mailchimp for marketing.
- Supported unbounce pages before the website's launch.
- Used the Ziptastic API in signup fields for generating city and state information from a zip code.
Technologies: Full-stack, Front-end, Adobe Photoshop, APIs, FontAwesome, User Experience (UX), CSS3, CSS, User Interface (UI), Payment APIs, JavaScript, PHP, Mailchimp API, UI Design, Ajax, Web Development, HTML, Full-stack Development
Front-end Developer
2014 - 2014
Taliflo
- Prototyped a web application designed to facilitate peer-to-peer value exchanges.
- Used object-oriented JavaScript/jQuery to filter and sort tabular data supported by a JSON data set.
- Used Vagrant to create virtual machines running Linux, governed by Ansible playbooks.
- Created templates using Django, facilitated by Pinax and the Bourbon CSS framework.
- Participated in branding and marketing initiatives.
Technologies: REST, SCSS, Front-end, APIs, GitHub, CSS, User Interface (UI), Vagrant, Ansible, jQuery, JavaScript, Bourbon, FontAwesome, Bootstrap, Sass, CSS3, HTML5, RESTful Development, REST APIs, UI Design, Ajax, Web Development, Web App Development, HTML, Charts, Web App Deployment, Rollup, Class-based OOP, JSON REST APIs, Front-end Development
Senior Developer
2013 - 2014
Flight Level Media
- Built a responsive HTML5 app to be used while in flight.
- Administered third-party technology providers including Airbrake and Heroku.
- Undertook on-site development and hardware integration.
- Provided advice and insights regarding web technologies and ICT solutions.
- Created a brochure-style corporate website for the product.
Technologies: Heroku, SCSS, Full-stack, Front-end, APIs, Node.js, Git, JavaScript, CSS, Web App Development, User Interface (UI), Gulp, jQuery, Kendo UI, HTML5, REST APIs, RESTful Development, Mailchimp API, User Experience (UX), UI Design, Ajax, Back-end, Web Development, HTML, Software Engineering, Single-page Applications (SPA), Web App Deployment, Class-based OOP, MacOS, Google Maps API (GeoJSON), Full-stack Development, JSON REST APIs, Front-end Development
Web Developer
2012 - 2013
Spark Design Web & Print
- Developed and upgraded websites powered by ExpressionEngine.
- Installed and upgraded various modules, plugins, and extensions for clients.
- Preformed responsive design (PDF and PSD) conversions to HTML, CSS and JavaScript.
- Developed a rapid deployment payload to ramp up new sites.
- Created custom plugins to facilitate unsupported APIs.
Technologies: SCSS, Front-end, APIs, Google Maps, JavaScript, CSS, User Interface (UI), Payment APIs, Google SEO, Foundation CSS, Bootstrap, Adobe Photoshop, jQuery, PHP, ExpressionEngine, RESTful Development, REST APIs, UI Design, Ajax, Google Analytics, Web Development, HTML, SQL, Google Maps API (GeoJSON), Full-stack Development, JSON REST APIs, Front-end Development
Senior Web Developer
2011 - 2012
Achilles Media
- Developed and maintained 20+ websites.
- Administered and kept several mission-critical databases such as contacts, schedules, and subscriptions.
- Provided staff instruction regarding the more advanced features of Microsoft Office and Salesforce.
- Undertook consultation regarding VoIP technologies.
- Advised supervisors of emerging trends in web technologies.
- Mentored team member, another developer, to maintain core infrastructure written with Perl.
Technologies: Events, SCSS, Full-stack, Front-end, APIs, JavaScript, CSS, User Interface (UI), Payment APIs, Compass, Less, Bootstrap, Adobe Photoshop, jQuery, MySQL, PHP, Apache, Linux, RESTful Development, REST APIs, CRM APIs, UI Design, Team Leadership, Ajax, Perl, Salesforce, Microsoft Office, VoIP, Google Analytics, Back-end, Web Development, Web App Development, HTML, Software Engineering, SQL, Tables, Web App Deployment, Class-based OOP, PhpStorm, Full-stack Development, JSON REST APIs, Front-end Development
Website and Database Designer
2010 - 2010
Theo Otesha Project
- Developed contribution and registration portals through Salesforce integration.
- Facilitated cultivating relationships with past and future recurrent contributors.
- Transitioned critical database structures and operations from FileMaker to Salesforce.
- Performed day-to-day maintenance on HTML jQuery website.
- Fostered technical acumen among coworkers to facilitate their work.
Technologies: Events, Salesforce, jQuery, HTML5, FileMaker, CRM APIs, UI Design, Ajax, HTML, SQL, Tables
Developer, editor, Motion graphics
2007 - 2009
Blomeley Communications, Ltd.
- Undertook web development with traditional tools like Dreamweaver, Photoshop, and Flash.
- Created efficient networks with minimal hardware and resources.
- Provided consultation on network technologies, Microsoft Server 2003, SQL, and Microsoft Office.
- Created motion graphics animations to be used in training and promotional videos.
- Provided nonlinear video editing using Final Cut Pro.
- Created motion graphics animations using Adobe Photoshop and Adobe After Effects.
- Provided nonlinear editing services with final cut pro and Adobe Premier.
- Worked with audio post processing, dubbing and voice over narration.
Technologies: Full-stack, Front-end, Adobe Photoshop, APIs, CSS, User Interface (UI), Responsive Web Design (RWD), ExpressionEngine, JavaScript, HTML, RESTful Development, REST APIs, UI Design, Ajax, Web Development, SQL, Healthcare, Tables, MacOS, Audio Codecs, Video Codecs, Audio, Audio Processing, Video on Demand (VOD), Adobe After Effects, Final Cut Pro, Adobe Premiere Pro, Full-stack Development, JSON REST APIs, Front-end Development
Experience
Lakelse Air Website and Mobile App
A CMS-powered site built to showcase imagery of the helicopter services provided by Lakelse Air. This project had challenging objectives to convey the client's vision and balance those with functionality and budget. I developed core elements of CSS and JavaScript that elegantly scale the site from desktop to mobile screen resolutions.
Dze Ḻ Kant Friendship Centre
http://dzelkant.comThe Dze Ḻ K’ant Friendship Centre provides services to the Aboriginal community of Smithers, BC. I was asked to put together an accessible, functional, and budget-friendly WordPress site. My primary goal was to provide a site that would perform as well on mobile as on desktop. Here, I created a child theme using Divi.
TruckGuysTV
I participated in creating a new WordPress site adapted from a classic Flash-based experience. The site was created to showcase custom truck build videos where I implemented novel solutions to presenting large video libraries online.
Skills
Languages
CSS, CSS3, JavaScript, HTML, SQL, TypeScript, SuiteScript 2, SCSS, PHP, HTML5, Less, Sass, Kotlin, SuiteScript 1, GraphQL, Perl, TypeScript 3
Frameworks
Bootstrap, MUI (Material UI), Redux, Jest, Tailwind CSS, Next.js, Kendo UI, Compass, Foundation CSS, Angular, YARN
Libraries/APIs
jQuery, Dotenv, React, Node.js, React Redux, REST APIs, Google Maps API (GeoJSON), Google Maps, D3.js, AG Grid, Google Sheets API, NetSuite API, Google Drive API, Google Geochart API, Rollup.js, OpenAPI
Tools
NPM, Adobe Photoshop, Webpack 3, GitHub, JSS, CircleCI, Webpack, Rollup, Adobe InDesign, GitLab CI/CD, PostCSS, Amazon Cognito, Gulp, Apache, Bourbon, Ansible, Vagrant, PhpStorm, Git, Lerna, MongoDB Atlas, MongoDB Shell, FileMaker, Webpack 4, UI Grid, Google Analytics, Bitbucket, Firebase Authentication, Prism, Adobe After Effects, Final Cut Pro, Adobe Premiere Pro
Paradigms
Test-driven Development (TDD), RESTful Development, Agile Software Development, REST, Responsive Web Design (RWD), UI Design, Continuous Integration (CI), Web Performance Optimization (WPO), Microservices, Microservices Architecture, Class-based OOP
Other
Web App Development, User Interface (UI), Front-end, Full-stack, NetSuite, APIs, Ajax, Web Development, Tables, Full-stack Development, JSON REST APIs, Front-end Development, Web App Deployment, Styled-components, GeoJSON, CRM APIs, HubSpot, User Experience (UX), Single-page Applications (SPA), UI Development, Software Engineering, Team Leadership, Playwright, Back-end, Storybook, Web Components, UI Components, Data Visualization, Charts, Optimization, Audio Codecs, Video Codecs, Audio, Audio Processing, Video on Demand (VOD), Serverless, Payment APIs, ExpressionEngine, Google SEO, FontAwesome, RESTful Microservices, Events, Sanity CMS, Gatsby, Mailchimp API, TV Broadcasting, Filming, Microsoft Office, VoIP, Firebase Cloud Functions, WebSockets, Miro, Responsive UI, Firebase Hosting, Business to Business (B2B), Fintech
Platforms
MacOS, Amazon Web Services (AWS), AWS Lambda, Docker, Linux, MODx, Heroku, Salesforce, Netlify, Algolia, Firebase, Google Cloud Platform (GCP), Visual Studio Code (VS Code)
Storage
MySQL, PostgreSQL, MongoDB, NoSQL, PostgreSQL 10, Firebase Realtime Database, Amazon S3 (AWS S3), Redis, Cloud Firestore
Industry Expertise
Healthcare
Education
2006 - 2008
Diploma Degree in Television Broadcasting
Algonquin College - Ottawa
2004 - 2008
Bachelor of Arts Degree in Film Studies
Carleton University - Ottawa