Front End Software Developer

<div class="content-intro"><h3><strong>Who We Are</strong></h3> <p>VML is a global creative company that combines brand experience, customer experience, and commerce to create connected brands that drive growth. Guided by a <strong>Human First</strong> philosophy, VML is known for its innovative work for brands and consistently ranks among the world’s leading creative companies, including the WARC Creative 100. VML’s global network spans 55+ markets with principal offices in Buenos Aires, Kansas City, London, New York, São Paulo, Shanghai and Singapore. </p> <p>VML is part of WPP, the trusted growth partner for the world's leading brands. Powered by exceptional talent and our agentic marketing platform WPP Open, WPP unites cutting-edge media intelligence and data solutions, creativity, production, enterprise solutions and expert strategic counsel. </p> <p>For more information, please visit <a href="http://www.vml.com/" data-outlook-id="d4b7d1c3-8ad6-4b6d-ab45-d3cb5a3aebe1">www.vml.com </a>and follow along on  <a href="https://urldefense.proofpoint.com/v2/url?u=https-3A__urldefense.com_v3_-5F-5Fhttps-3A_www.linkedin.com_company_vml_-5F-5F-3B-21-21JboVxjCXSME-21OhlpCfbkl1UcWPwns1-2DGtvHOzFh0QwHV49fsPgGw-2DVCCU1bCg8aQFI9vN-2Dy-2DVwaQcITH2j2XKzGKBIFRLYf2AUWVYY1dFGK6-24&d=DwMFaQ&c=euGZstcaTDllvimEN8b7jXrwqOf-v5A_CdpgnVfiiMM&r=zouFnm4jZMgDFaYF1uVcRY3rbgHWPca_luUrBUkT6Yc&m=QzcCgXCAOjzj5hiU48_CKOdHRSJ4_YpuqfviT9yjlzH5VrkzySTZ-WaQXlYAnj4W&s=jJ7q5V70u9oUx7ONPm5jC3IK8y6vxDilX6BGTlqlWlA&e=" data-outlook-id="a3ef68bf-16fb-4ebc-9ca9-406007d6cefc">LinkedIn</a> #WeAreVML.</p></div><p><strong><span data-contrast="auto">Sobre WPP</span></strong><span data-ccp-props="{"335557856":16777215,"335559739":210}"> </span></p> <p><span data-contrast="auto">WPP es el socio de crecimiento de confianza para las marcas líderes del mundo. Unimos inteligencia de medios de vanguardia y soluciones de datos, creatividad de clase mundial, producción de próxima generación, soluciones empresariales transformadoras y asesoramiento estratégico experto en una única empresa, impulsada por talento excepcional y nuestra plataforma de marketing agencial, WPP Open, para ayudar a nuestros clientes a navegar el cambio, capturar oportunidades y generar un crecimiento transformador. Para más información, visite <a href="WPP.com">WPP.com</a>.</span><span data-ccp-props="{"335557856":16777215,"335559739":0}"> </span></p> <p><span data-contrast="auto">VML Costa Rica, part of WPP, is seeking a talented and experienced Front End Developer to join our team. In this role, you will be responsible for creating and implementing high-quality, responsive user interfaces that deliver exceptional user experiences. You will work collaboratively with designers, back-end developers, and project managers to build innovative web solutions that meet our clients' needs and business objectives.</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></p> <p><span data-contrast="auto">Key Responsibilities</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></p> <ol> <li><span data-contrast="auto"> Web Development</span></li> </ol> <ul> <li data-leveltext="" data-font="Symbol" data-listid="16" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="1" data-aria-level="1"><span data-contrast="auto">Translate design mockups and wireframes into interactive and pixel-perfect web interfaces</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="16" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="2" data-aria-level="1"><span data-contrast="auto">Collaborate with UX/UI designers to implement intuitive and visually appealing user interfaces</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="16" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="3" data-aria-level="1"><span data-contrast="auto">Build reusable components and libraries for future use</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="16" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="4" data-aria-level="1"><span data-contrast="auto">Ensure web applications are responsive across various devices and browsers</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ol> <li><span data-contrast="auto"> Cross-Functional Collaboration</span></li> </ol> <ul> <li data-leveltext="" data-font="Symbol" data-listid="17" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="1" data-aria-level="1"><span data-contrast="auto">Work closely with back-end developers to integrate front-end components with server-side logic</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="17" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="2" data-aria-level="1"><span data-contrast="auto">Communicate effectively with project managers and other team members to meet project goals and deadlines</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="17" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="3" data-aria-level="1"><span data-contrast="auto">Participate in code reviews and provide constructive feedback to other developers</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="17" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="4" data-aria-level="1"><span data-contrast="auto">Contribute to technical discussions and solution planning</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ol> <li><span data-contrast="auto"> Code Optimization</span></li> </ol> <ul> <li data-leveltext="" data-font="Symbol" data-listid="18" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="1" data-aria-level="1"><span data-contrast="auto">Identify and address performance bottlenecks and optimize code for maximum speed and scalability</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="18" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="2" data-aria-level="1"><span data-contrast="auto">Maintain code quality and ensure adherence to coding standards</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="18" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="3" data-aria-level="1"><span data-contrast="auto">Implement best practices for front-end architecture and design patterns</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="18" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="4" data-aria-level="1"><span data-contrast="auto">Stay updated with emerging technologies and industry trends</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ol> <li><span data-contrast="auto"> Testing and Debugging</span></li> </ol> <ul> <li data-leveltext="" data-font="Symbol" data-listid="19" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="1" data-aria-level="1"><span data-contrast="auto">Conduct thorough testing and debugging of front-end components</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="19" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="2" data-aria-level="1"><span data-contrast="auto">Troubleshoot and resolve issues promptly to ensure a seamless user experience</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="19" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="3" data-aria-level="1"><span data-contrast="auto">Write unit tests and integration tests for front-end code</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="19" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="4" data-aria-level="1"><span data-contrast="auto">Participate in QA processes to ensure high-quality deliverables</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <p><span data-contrast="auto">Qualifications</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></p> <p><span data-contrast="auto">Required Skills and Experience</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></p> <ul> <li data-leveltext="" data-font="Symbol" data-listid="20" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="1" data-aria-level="1"><span data-contrast="auto">3+ years of professional experience in front-end development</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="20" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="2" data-aria-level="1"><span data-contrast="auto">Proficiency in ReactJS and its ecosystem (Redux, React Router, etc.)</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="20" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="3" data-aria-level="1"><span data-contrast="auto">Knowledge of TypeScript</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="20" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="4" data-aria-level="1"><span data-contrast="auto">Strong understanding of HTML5, CSS3, and JavaScript (ES6+)</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="20" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="5" data-aria-level="1"><span data-contrast="auto">Experience with responsive web design and mobile-first development</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="20" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="6" data-aria-level="1"><span data-contrast="auto">Knowledge of RESTful APIs and asynchronous programming</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="20" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="7" data-aria-level="1"><span data-contrast="auto">Basic knowledge of CMS-related integration</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="20" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="8" data-aria-level="1"><span data-contrast="auto">Experience with version control systems (e.g., Git) and front-end build tools (Webpack, Babel, etc.)</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="20" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="9" data-aria-level="1"><span data-contrast="auto">Familiarity with UI/UX principles and design tools (e.g., Adobe XD, Sketch, Figma)</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="20" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="10" data-aria-level="1"><span data-contrast="auto">Ability to work collaboratively in an Agile/Scrum development environment</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="20" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="11" data-aria-level="1"><span data-contrast="auto">Excellent problem-solving skills and attention to detail</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="20" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="12" data-aria-level="1"><span data-contrast="auto">Strong communication and teamwork skills</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <p><span data-contrast="auto">Preferred Skills</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></p> <ul> <li data-leveltext="" data-font="Symbol" data-listid="21" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="1" data-aria-level="1"><span data-contrast="auto">Experience with Tailwind CSS</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="21" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="2" data-aria-level="1"><span data-contrast="auto">Knowledge of server-side rendering and static site generation</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="21" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="3" data-aria-level="1"><span data-contrast="auto">Understanding of web accessibility standards (WCAG)</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="21" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="4" data-aria-level="1"><span data-contrast="auto">Experience with performance optimization techniques</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="21" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="5" data-aria-level="1"><span data-contrast="auto">Experience with package managers.</span><span data-ccp-props="{"134233117":true,"134233118":true,"201341983":0,"335559740":259}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="21" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="6" data-aria-level="1"><span data-contrast="auto">Familiarity with CI/CD pipelines</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <ul> <li data-leveltext="" data-font="Symbol" data-listid="21" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="7" data-aria-level="1"><span data-contrast="auto">Experience with testing frameworks like Jest, React Testing Library, or Cypress</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <p><span data-contrast="auto">Education</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></p> <ul> <li data-leveltext="" data-font="Symbol" data-listid="22" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"multilevel"}" data-aria-posinset="1" data-aria-level="1"><span data-contrast="auto">Bachelor's degree in computer science, Web Development, or related field (or equivalent practical experience)</span><span data-ccp-props="{"134233117":true,"134233118":true}"> </span></li> </ul> <p>En VML, parte de WPP, estamos comprometidos a fomentar un entorno laboral totalmente inclusivo que sea gratificante y propicie el desarrollo profesional. Creemos en la creación de un entorno de trabajo dinámico que valore la diversidad y la inclusión, y nos esforzamos por reclutar una lista diversa de candidatos para ayudarnos a lograr ese objetivo. Estaremos encantados de proporcionar acomodos razonables a las personas con discapacidades que necesiten un acomodo para usar o acceder al sitio de carreras de VML o para participar plenamente en el proceso de solicitud. Si necesita un acomodo para completar su solicitud u otro aspecto de nuestro proceso de reclutamiento debido a una discapacidad, comuníquese con nuestro departamento de Recursos Humanos o envíe un correo electrónico a (contacto de RR. HH.) para solicitarla.</p> <p>Al hacer clic en "Enviar solicitud", la información que ingrese a continuación se enviará a VML. Antes de continuar, le sugerimos que revise nuestra Política de <a href="https://www.vml.com/recruitment-privacy-policy">Privacidad de Reclutamiento</a>. Los residentes de California deben revisar nuestro Aviso de <a href="https://www.vml.com/california-recruitment-privacy-notice">Privacidad de Reclutamiento de California</a>. En estos documentos se explica cómo utilizamos sus datos personales cuando solicita un puesto con nosotros, así como la forma en que puede actualizar o eliminar la información que nos ha proporcionado.</p><div class="content-conclusion"><p><span class="normaltextrun"><span lang="EN-GB"><span lang="EN-GB">We believe the best work happens when we're together, fostering creativity, collaboration, and connection. That's why we’ve adopted a hybrid approach, with teams in the office an average of four days a week. If you require accommodations or flexibility, please discuss this with the hiring team during the interview process.</span></span></span></p> <p><span class="normaltextrun"><span lang="EN-GB">WPP (VML) is an equal opportunity employer and considers applicants for all positions without discrimination or regard to characteristics. We are committed to fostering a culture of respect in which everyone feels they belong and has the same opportunities to progress in their careers.</span></span><span class="scxw176048299"><span lang="EN-GB"> </span></span></p> <p>When you click "Submit Application", this will send any information you add below to VML. Before you do this, we think it's a good idea to read through our <a href="https://www.vml.com/recruitment-privacy-policy">Recruitment Privacy Policy</a>. California residents should read our <a href="https://www.vml.com/california-recruitment-privacy-notice">California Recruitment Privacy Notice</a>. This explains what we do with your personal data when you apply for a role with us, and, how you can update the information you have provided us with or how to remove it.</p></div>