Back to all jobs

About the role
<div class="content-intro"><h3><strong>Who We Are</strong></h3>
<p>VML, part of WPP, is a leading creative company that combines brand experience, customer experience, and commerce, creating connected brands to drive growth. VML is celebrated for its innovative and human first, award-winning work for blue chip client partners including AstraZeneca, Colgate-Palmolive, Dell, Ford, Microsoft, Nestlé, The Coca-Cola Company, and Wendy's. The agency is recognized by the Forrester Wave™ Reports, as a Leader among Marketing Creative and Content Service Providers, Commerce Services, Global Digital Experience Services, Global Marketing Services and, most recently, Marketing Measurement & Optimization. In addition, VML’s specialist health network, VML Health, is one of the world’s largest and most awarded health agencies. VML’s global network is powered by 26,000 talented people across 55+ markets, with principal offices in Kansas City, New York, Detroit, London, São Paulo, Shanghai, Singapore, and Sydney.</p>
<p><strong>About WPP</strong></p>
<p>WPP is the trusted growth partner for the world’s leading brands. We unite cutting-edge media intelligence and data solutions, world-class creativity, next-generation production, transformative enterprise solutions and expert strategic counsel in a single company – powered by exceptional talent and our agentic marketing platform, WPP Open, to help our clients navigate change, capture opportunity and deliver transformational growth. For more information, visit <u><a href="http://wpp.com/" data-outlook-id="2714312b-312f-4651-9f88-d8a4e47547bc">WPP.com</a></u>.</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><span class="scxw176048299"><span lang="EN-GB">VML is a WPP agency (NYSE: WPP). For more information, please visit <a href="https://www.vml.com/" target="_blank">www.vml.com</a>, and follow along on <a href="https://www.instagram.com/vml_global/?hl=en">Instagram</a>, <a href="https://www.linkedin.com/company/vml/">LinkedIn</a>, and <a href="https://x.com/vml_global?lang=en">X</a>.</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>
731,000+ hidden jobs like this
wundermanthompson and thousands of companies post here first — often days before LinkedIn or Indeed. Your first 5 applications are free; go Pro to apply without limits.
Everything Pro unlocks:
- Unlimited applications — free stops at 5
- Track every application in one place
- Apply straight to the source, one click
- Save & organize roles you love
- Roles pulled from company boards before the big sites