Front-End Web Developer

Santa Clara University • Santa Clara, CA

1d • $85,400 - $102,487 • Hybrid

About The Position

As a member of the University Marketing and Communications team, the Frontend Web Developer supports Santa Clara University’s digital presence by developing user interfaces for websites and web-based applications. Reporting to the Director of Digital Strategy, this position provides technical leadership in component-based frontend development, translating design mockups and wireframes into responsive, interactive, accessible web interfaces, and supporting implementation in Terminalfour (T4) CMS and other campus web platforms. Working under general supervision, the developer contributes to projects and to the thoughtful use of emerging AI-assisted workflows to address complexity and scale in frontend development. The position writes and tests code for new or existing websites and applications, builds prototypes, supports backend integrations, maintains graphic standards and branding throughout the UI, serves as an escalation point for advanced technical issues, and identifies technologies that may add visual display capabilities or enhance functionality and site usability. The ideal candidate is a curious, collaborative problem-solver with foundational knowledge of HTML, CSS, JavaScript, jQuery, React, Bootstrap, and related web technologies. This role supports execution from concept through deployment while developing frontend quality, precision in interface implementation, and accessibility practices aligned with WCAG guidelines and ADA/504 requirements.

Requirements

• Proficient knowledge of HTML, CSS, JavaScript, and modern frontend frameworks and libraries such as Bootstrap, React, and Node.js.
• Experience using Git, component-based architecture, and design-to-code implementation workflows such as Figma Dev Mode and DevTools.
• Proficient knowledge of web accessibility standards and practices, including WCAG 2.2 AA, Section 508 ICT Standards, semantic HTML, keyboard accessibility, focus management, ARIA attributes, color contrast, accessible forms, headings, links, and assistive technology considerations.
• Experience with QA methodologies, responsive design, frontend performance optimization, and building resilient interfaces using progressive enhancement and graceful degradation techniques.
• Familiarity with CSS pre-processors such as Sass/SCSS and frontend build tools.
• Experience working in enterprise CMS platforms such as Terminalfour, Livewhale, and WordPress, including integration with social media and third-party tools.
• Experience translating design mockups and wireframes into usable frontend code.
• Understanding of how generative AI can support frontend development workflows.
• Understanding of digital project management tools and workflows.
• Understanding and appreciation of the vision and values of a Jesuit Catholic educational mission.
• Strong analytical, problem-solving, and debugging skills.
• Attention to detail and a quality-focused mindset.
• Effective communicator, both verbally and in writing, with the ability to document work and engage stakeholders.
• Collaborative team player with the ability to contribute constructively in cross-functional settings.
• Ability to receive direction, ask clarifying questions, and incorporate feedback.
• Build quality, cross-browser compatible websites using Santa Clara’s content management systems and design standards.
• Translate visual designs into polished interfaces in collaboration with UI/UX Designers and technical partners.
• Use tools for accessibility validation, page speed optimization, SEO analysis, and traffic reporting.
• Evaluate AI-generated code for accuracy, accessibility, security, maintainability, and alignment with established standards.
• Apply accessibility best practices during frontend development, including semantic structure, keyboard navigability, appropriate ARIA usage, visible focus states, accessible interactive components, and validation of common WCAG success criteria.
• Manage multiple projects and shifting priorities independently.
• Provide training, support, and documentation for technical and non-technical users.
• Learn and apply institutional policies and technical standards efficiently.
• Maintain confidentiality and handle sensitive communications with discretion.
• Bachelor’s degree in Computer Science or Information Technology
• 3 years of relevant experience in Frontend Web Development or information technology
• Knowledge of HTML, CSS, and JavaScript

Nice To Haves

• Experience implementing accessibility best practices, including semantic code, ARIA, operable web components, and WCAG-informed testing.
• Experience working in higher education
• Experience using Bootstrap, Figma Dev Mode, and Terminalfour
• Training, coursework, or certification using generative AI tools in web development workflows

Responsibilities

• Develop user interfaces for Santa Clara websites, microsites, HTML emails, web applications, and embedded tools, ensuring brand consistency, usability, and responsive behavior.
• Translate Figma mockups and visual designs into responsive, accessible, and performant web interfaces using HTML/CSS/JS, and integrate them into Terminalfour and other CMS platforms.
• Utilize tools and languages, including HTML, CSS, JavaScript, React, Bootstrap, Sass/SCSS, Node.js, Git, DevTools, Figma Dev Mode, Terminalfour, and LiveWhale.
• Apply AI-assisted web development practices to support prototyping, code generation, debugging, documentation, and refinement of frontend interfaces, while reviewing outputs for accuracy, accessibility, and alignment with Santa Clara’s brand and technical standards.
• Transform design layouts and wireframes into usable frontend functionality through developing, testing, and revising web application code.
• Collaborate with designers to refine layouts, including pixel tuning for spacing, alignment, and typography across devices and breakpoints.
• Build, maintain, and evolve Santa Clara’s digital design system and reusable components in collaboration with Academic Technology; contribute specs and code for new features.
• Collaborate with the University Webmaster to strategize implementation, request back-end support, and strengthen alignment across systems and standards.
• Provide UI guidance and assist with content building and updates in the CMS.
• Support campus units in developing intuitive, user-friendly websites that reflect Santa Clara’s brand and mission.
• Provide support for Santa Clara websites, including diagnosing layout defects, resolving accessibility issues, and configuring advanced CMS settings.
• Diagnose and resolve frontend issues related to layout, accessibility, and cross-browser compatibility.
• Assist with testing and quality assurance prior to deployment.
• Use AI tools to assist with troubleshooting, drafting documentation, and issue analysis, ensuring the final work is reviewed and validated before implementation.
• Support third-party, backend, and API integrations and widgets, ensuring responsive behavior and alignment with Santa Clara’s branding.
• Write internal and external documentation to support ongoing development and user implementation.
• Write semantic, accessible frontend code that supports inclusive user experiences across websites, applications, HTML emails, and a shared digital design system.
• Build and test interfaces to meet WCAG 2.2 AA, including keyboard navigation, visible focus states, logical focus order, appropriate input modalities, form labels and instructions, error messaging, and responsive behavior.
• Apply appropriate ARIA attributes, roles, states, and properties when native HTML alone does not fully communicate meaning, interaction, or status to assistive technologies.
• Remediate accessibility issues identified through the Level Access platform, Axe DevTools, browser-based testing tools, manual review, or stakeholder feedback; ensure code and interfaces support ADA, Section 504, and university accessibility expectations.
• Test frontend work using established accessibility practices, including keyboard-only navigation, screen reader considerations, browser inspection tools, and validation against accessibility success criteria.
• Use AI tools to help identify, explain, or remediate potential accessibility and performance issues, while confirming results through established testing methods and accessibility standards.
• Collaborate with backend, UI/UX, design, and accessibility partners to assess and resolve interrelated accessibility and performance issues.
• Use accessibility validation, page speed, SEO, and traffic reporting tools to support web quality and continuous improvement.
• Independently manage development timelines, technical requirements, and deliverables from initiation through deployment.
• Communicate progress and technical considerations with supervisor, internal stakeholders, clients, and collaborators.
• Collaborate with the university Webmaster on coding strategies, backend development, and shared governance of university-wide tools and infrastructure.
• Coordinate or support large-scale CMS and platform upgrades, ensuring testing, continuity checks, and stakeholder alignment.
• Identify new technologies that can add visual display capabilities and enhance site usability.
• Mentor student developers and peers; provide guidance on frontend practices.
• Participate in stakeholder meetings, workshops, and training sessions.
• Other duties as assigned

Benefits

• comprehensive benefits package for benefit eligible employees with programs and resources designed to promote and sustain personal health care, well-being, and the financial objectives of our employees and families.

What This Job Offers

• Job Type: Full-time
• Career Level: Mid Level