Front End Developer On-Boarding

Design Process

• Our design process: https://gpmd.zendesk.com/hc/en-us/articles/115002198051-Our-Design-Process
• Abstract (version control): https://www.goabstract.com/
• Sketch (design app): https://www.sketchapp.com/
• Invision (prototyping and client feedback): https://www.invisionapp.com/
• Zeplin (design hand-off): https://zeplin.io/
• Design system

Development & Front End

Development

• Dev environments - Natively on Mac Laravel Valet+ (Nginx, MySQL and PHP) or Apache, MySQL and PHP. Natively on Linux (Ubuntu?) Nginx/Apache, MySQL and PHP. We've tried various Vagrant virtual machines and Docker, but they can be tricky to configure and are often slow
• IDEs/Code editors - PHPStorm, VSCode, SublimeText, Atom
• Terminals - Iterm, Hyper
• Shells - bash, OhMyZsh
• Git/Gitflow: https://gpmd.zendesk.com/hc/en-us/articles/115003309863-Git-Branching
• Versioning: http://semver.org/
• Composer/Satis
• Shopware, Magento, Shopify Plus
• VPN, and Stage/UAT/Live systems
• Capistrano - automated deployment

Front End

• SCSS or Less
• BEM style CSS class naming - block, element, modifier
• Library of namespaced utilities, objects, mixins etc.
• Grunt, Node/NPM, Bower (being phased out - might try Yarn or Webpack)
• Javascript - usually vanilla (preferred) or dependency on jQuery, RequireJS for module loading
• Templating - HTML, PHTML and Smarty
• Browser & Device Support: https://gpmd.zendesk.com/hc/en-us/articles/115001463112-BrowserDevice-Support
• Base themes and the Pattern Lib in Magento and Shopware
• Git Workflow - Updating themes in Shopware