Sergio Martín Alonso - Desarrollador Senior Frontend

SergioMartínAlonso

:: DESARROLLADOR_SENIOR_FRONTEND
Descargar CV

Soy desarrollador frontend con más de 10 años de experiencia, pero antes diseñaba edificios. Estudié Arquitectura, y eso me enseñó a diseñar con criterio estético, a cuidar cada detalle visual y a entender que lo que se ve importa tanto como lo que hay detrás. Cuando descubrí el desarrollo web, todo encajó: llevaba años programando porque me gustaba crear con lógica y construir cosas que resolvieran problemas reales. Unir esas dos formas de pensar es lo que define cómo trabajo hoy.

Actualmente soy Senior Frontend Developer especializado en Angular y TypeScript en Accenture, desarrollando con AEM para clientes internacionales y con experiencia liderando un equipo de frontend. Me importa tanto que el código sea limpio como que el producto final tenga sentido para quien lo usa. Cuando el código está bien escrito, se nota: las páginas cargan más rápido, escalan mejor y son mucho más fáciles de mantener.

Busco equipos donde se construya con criterio, se aprenda de verdad y el frontend se trate con la misma seriedad que el resto del producto.

0+
Años de Experiencia Profesional
0+
Años Desarrollando Proyectos Web
0+
Proyectos Web Entregados
0+
Tecnologías en Producción

Habilidades Técnicas

HTML / CSS

Más de una década construyendo interfaces desde cero: maquetación semántica con HTML5, animaciones y transiciones CSS avanzadas, diseño responsive con Grid y Flexbox, y accesibilidad web (WCAG). Experiencia en optimización del rendimiento de renderizado, uso de variables CSS para theming dinámico y construcción de sistemas de componentes visuales coherentes en proyectos de gran escala.
Exp:
14 años
Keywords:
HTML5, CSS3, Flexbox, CSS Grid, Responsive design, Animaciones CSS, Variables CSS, WCAG, BEM, Web Components, Media queries, Pseudo-elementos, Keyframes

SCSS / LESS

Dominio de preprocesadores CSS para mantener estilos escalables y mantenibles en proyectos de larga duración. Uso avanzado de variables, mixins parametrizados, funciones, anidación controlada y módulos. Definición de arquitecturas de estilos basadas en metodologías como ITCSS o 7-1 pattern, garantizando coherencia visual y facilidad de mantenimiento en equipos multidisciplinares.
Exp:
6 años
Keywords:
SCSS, LESS, Mixins, Variables, Anidación, Funciones, Partials, ITCSS, Patrón 7-1, Módulos, Theming, Maps

JavaScript

Base sólida en JavaScript moderno desde ES6 en adelante: programación asíncrona con Promises y async/await, manipulación eficiente del DOM, patrones de diseño (módulo, observador, factoría), closures y scope avanzado. Experiencia integrando APIs REST y WebSockets, optimizando rendimiento con debounce/throttle y lazy loading, y construyendo lógica de negocio compleja en el cliente sin dependencias innecesarias.
Exp:
14 años
Keywords:
ES6+, Async/Await, Promises, Event Loop, Closures, DOM API, Fetch API, WebSockets, Módulos ESM, Destructuring, Spread/Rest, Proxy, Iteradores, Generadores, Lazy loading

TypeScript

Adopción de TypeScript como estándar en proyectos Angular y Node.js para mejorar la robustez del código y la experiencia de desarrollo en equipo. Uso de tipos avanzados, interfaces, genéricos, decoradores y utility types para modelar correctamente el dominio de cada aplicación. Configuración de tsconfig estricta y definición de tipos compartidos entre frontend y backend para garantizar contratos sólidos entre capas.
Exp:
6 años
Keywords:
Tipado estático, Interfaces, Generics, Decoradores, Union types, Intersection types, Utility types, Enums, Type guards, Mapped types, Strict mode, Declaration files

Angular

Stack principal de trabajo en los últimos seis años, con experiencia en Angular desde la versión 8 hasta Angular 19+. Desarrollo de SPAs complejas con arquitectura modular, lazy loading y code splitting para optimizar tiempos de carga. Gestión de estado reactivo con RxJS y signals, comunicación entre componentes, guards e interceptores HTTP. Integración con Angular Material, creación de librerías de componentes reutilizables y liderazgo técnico de equipos frontend en proyectos internacionales con AEM y Magnolia CMS.
Exp:
6 años
Keywords:
Angular CLI, RxJS, Signals, Lazy loading, Guards, Interceptors, NgRx, Two-way binding, Change detection, Standalone components, Pipes, Directives, Angular Material, Módulos, Resolvers, SSR, Angular Universal

React

Conocimiento introductorio de React orientado a entender el ecosistema y poder colaborar con equipos que lo utilizan. Manejo de componentes funcionales, hooks básicos (useState, useEffect) y gestión de estado local. Capacidad para leer, mantener y extender código React existente con criterio, apoyado en la base sólida de JavaScript y TypeScript.
Exp:
1 años
Keywords:
JSX, Hooks, useState, useEffect, Props, Componentes funcionales, Virtual DOM, Context API

PHP

Diez años desarrollando soluciones backend en PHP, principalmente para proyectos propios y clientes: APIs REST, sistemas de gestión de socios, pasarelas de pago (Stripe, Redsys) y plataformas de contenidos. Experiencia con PHP orientado a objetos, gestión de sesiones y autenticación, integración con MySQL y Firebase, y despliegue en servidores VPS y Google Cloud. Capacidad para mantener y escalar proyectos legacy en PHP sin frameworks.
Exp:
10 años
Keywords:
PHP 8, POO, APIs REST, Pasarelas de pago, Autenticación, PDO, Composer, Sesiones, Cron jobs, cURL, Webhooks, MySQL integration, JWT, VPS deploy

Node.js

Desarrollo de APIs REST con Express para proyectos fullstack, especialmente en el contexto de la plataforma del CD Bádminton Valladolid y otros proyectos propios. Implementación de middleware, autenticación con JWT, manejo de streams y eventos, integración con Firebase y bases de datos relacionales. Despliegue en Google Cloud y contenedores Docker, con experiencia en automatización de procesos como notificaciones, gestión de inscripciones y tareas programadas.
Exp:
6 años
Keywords:
Express, REST API, JWT, Middleware, Streams, Event Emitter, npm, dotenv, Nodemon, PM2, Cloud Functions, Firebase Admin SDK, CORS, Rate limiting

Spring Boot

Introducción al desarrollo backend con Java a través de Spring Boot, adquirida durante la formación en Desarrollo de Aplicaciones Web. Creación de servicios REST básicos, comprensión de la inyección de dependencias, anotaciones de Spring y estructura de proyectos Maven. Punto de partida para proyectos que requieran interoperabilidad con entornos Java empresariales.
Exp:
1 años
Keywords:
Java, Spring MVC, REST Controllers, Inyección de dependencias, Maven, Anotaciones, JPA básico

MySQL

Diseño y mantenimiento de bases de datos relacionales en proyectos reales con usuarios activos durante más de una década. Modelado de esquemas normalizados, consultas complejas con múltiples JOINs, subconsultas y funciones de agregación. Optimización de índices para consultas frecuentes, gestión de transacciones y control de integridad referencial. Experiencia integrando MySQL con PHP y Node.js en entornos de producción.
Exp:
10 años
Keywords:
SQL, JOINs, Subconsultas, Índices, Transacciones, Normalización, Vistas, Stored Procedures, Foreign Keys, GROUP BY, Window Functions, Backup / Restore, phpMyAdmin

MongoDB

Uso de MongoDB como base de datos documental en proyectos donde la flexibilidad del esquema aporta valor, especialmente en combinación con Firebase y Node.js. Modelado de documentos, consultas básicas y pipeline de agregación. Comprensión de las diferencias entre bases de datos relacionales y documentales para elegir la herramienta adecuada según el dominio del problema.
Exp:
1 años
Keywords:
NoSQL, Documentos, Colecciones, Aggregation pipeline, Mongoose, ObjectId, Índices, Lookup, $match / $group

Docker

Uso de Docker para contenerizar aplicaciones fullstack y simplificar el despliegue en diferentes entornos. Creación de Dockerfiles para servicios Node.js, PHP y Angular, orquestación de múltiples servicios con Docker Compose y gestión de volúmenes y redes. Integración en flujos de trabajo de CI/CD básicos y despliegue en Google Cloud.
Exp:
2 años
Keywords:
Dockerfile, Docker Compose, Imágenes, Contenedores, Volúmenes, Redes, Docker Hub, Multi-stage builds, Entrypoint, Env vars, CI/CD, Cloud Run

Google Cloud

Uso continuado de Google Cloud Platform como infraestructura de despliegue en proyectos propios durante más de seis años. Despliegue de aplicaciones Node.js y Angular en App Engine y Cloud Run, uso de Cloud Functions para automatizaciones serverless, gestión de almacenamiento en Cloud Storage y configuración de dominios y certificados SSL. Integración con Firebase para autenticación y base de datos en tiempo real.
Exp:
6 años
Keywords:
App Engine, Cloud Run, Cloud Functions, Cloud Storage, Firebase hosting, IAM, gcloud CLI, Serverless, Dominios personalizados, SSL, Scheduler, Pub/Sub básico

Firebase

Integración de Firebase como backend-as-a-service en proyectos propios para agilizar el desarrollo. Autenticación de usuarios con email, Google y tokens personalizados, uso de Firestore para datos estructurados y Realtime Database para sincronización en tiempo real. Firebase Hosting para despliegue de apps Angular con caché y CDN, y Firebase Admin SDK en Node.js para operaciones de servidor.
Exp:
2 años
Keywords:
Firestore, Realtime Database, Authentication, Firebase Hosting, Admin SDK, Security Rules, onSnapshot, Cloud Messaging, Storage, Emulator Suite

Git

Uso diario de Git en equipos multidisciplinares con flujos de trabajo estructurados. Gestión de ramas con GitFlow y trunk-based development, resolución de conflictos en merges y rebases complejos, revisión de pull requests con feedback constructivo y definición de estándares de commits (Conventional Commits). Experiencia liderando la estrategia de branching en proyectos con múltiples desarrolladores y ciclos de entrega continuos.
Exp:
2 años
Keywords:
GitFlow, Trunk-based development, Pull Requests, Code review, Rebase, Cherry-pick, Stash, Tags, Conventional Commits, GitHub, GitLab, Hooks, Merge strategies

Agile / Scrum

Trabajo en entornos ágiles como parte del equipo de desarrollo y, más recientemente, liderando el equipo de frontend en Serbatic. Participación activa en todas las ceremonias Scrum: planificación de sprints, daily standups, refinamiento de backlog, reviews y retrospectivas. Gestión de tableros Kanban para visualizar el flujo de trabajo y detectar cuellos de botella. Foco en la entrega continua de valor y la mejora del proceso del equipo.
Exp:
2 años
Keywords:
Scrum, Kanban, Sprint planning, Daily standup, Retrospectiva, Backlog refinement, User stories, Story points, Velocity, Definition of Done, WIP limits, Burndown chart

Jira

Uso de Jira como herramienta central de gestión de proyectos en Serbatic para coordinar el trabajo del equipo frontend y la comunicación con clientes internacionales. Creación y priorización de epics, historias y subtareas, configuración de tableros Scrum y Kanban, seguimiento del progreso por sprint y generación de informes de velocidad. Integración con repositorios Git para trazabilidad entre commits y tickets.
Exp:
2 años
Keywords:
Epics, User stories, Subtasks, Sprints, Tablero Kanban, Workflow personalizado, JQL, Filtros, Dashboards, Integraciones Git, Releases, Roadmap

Figma

Uso de Figma tanto para diseñar como para consumir diseños como desarrollador, lo que aporta una comprensión real de los sistemas de diseño desde ambos lados. Prototipado de flujos de usuario, creación y organización de componentes con variantes, colaboración en design systems y exportación de assets optimizados para web. La formación en Arquitectura refuerza el criterio estético aplicado en cada proyecto.
Exp:
10 años
Keywords:
Prototipado, Auto Layout, Componentes, Variantes, Design tokens, Design system, Frames, Inspect, Exportación SVG, Colaboración en tiempo real, Plugins

Illustrator

Dominio de Adobe Illustrator para creación de identidades visuales, logotipos, material gráfico para eventos deportivos y recursos vectoriales para web. Experiencia aplicada en el CD Bádminton Valladolid diseñando carteles, banners y elementos de marca durante más de nueve años. Combinación con Photoshop para flujos de trabajo completos de producción gráfica.
Exp:
10 años
Keywords:
Vectores, Bezier, Identidad corporativa, Logotipos, Tipografía, Guías y cuadrículas, Símbolos, Modos de fusión, Exportación SVG / PDF, Artboards, Trazado de imagen

Photoshop

Quince años de uso de Photoshop para retoque fotográfico, composición digital y producción de assets gráficos para web y eventos. Trabajo con capas, máscaras, ajustes no destructivos y acciones automatizadas. Aplicación en la creación de materiales gráficos para el club de bádminton, proyectos de arquitectura y webs corporativas, manteniendo siempre la coherencia visual con la identidad de marca.
Exp:
15 años
Keywords:
Capas y máscaras, Retoque fotográfico, Composición digital, Ajustes no destructivos, Smart Objects, Acciones, Exportación web, Modos de color, Filtros, Tipografía, Assets para UI

AutoCAD

Uso profesional de AutoCAD durante la etapa de formación y ejercicio en Arquitectura para elaborar planos técnicos 2D: plantas, alzados, secciones y detalles constructivos. Gestión de capas, bloques reutilizables, cotas y anotaciones normalizadas. Esta base técnica en documentación precisa se traslada hoy en la atención al detalle aplicada al desarrollo frontend y la organización visual de interfaces.
Exp:
10 años
Keywords:
Planos 2D, Capas, Bloques, Cotas, Anotaciones, Detalles constructivos, Layouts, Plot / PDF, Escala, Xrefs, Hatch, Documentación técnica

Revit

Introducción al modelado BIM con Autodesk Revit durante la carrera de Arquitectura, con uso en proyectos académicos de coordinación multidisciplinar. Creación de modelos de edificación con familias, vistas y planimetría asociada. Comprensión del flujo de trabajo colaborativo en BIM y sus implicaciones en la gestión de proyectos de construcción.
Exp:
2 años
Keywords:
BIM, Familias, Vistas, Planimetría, Coordinación, Parámetros, IFC, Niveles, Fases, Render básico

Trayectoria Profesional

Historial académico

Título de Grado Superior en Desarrollo de Aplicaciones Web

Fechas:Septiembre 2021 — Junio 2023
Institución:IES_GALILEO
Localización:Valladolid, España

Título de Bachillerato en la modalidad de Ciencias

Fechas:Septiembre 2009 — Junio 2011
Institución:IES_JULIAN_MARIAS
Localización:Valladolid, España

Título de Grado en Arquitectura

Fechas:Septiembre 2014 — Junio 2019
Institución:UNIVERSIDAD_DE_VALLADOLID
Localización:Valladolid, España

El rendimiento no es opcional. Es estructural.

Diseño y construyo arquitecturas frontend donde el rendimiento es una prioridad de primer nivel. Desde la estrategia de bundle hasta la optimización del renderizado, cada decisión es intencionada y medible.

Descargar CV
<15s
LCP real
0+
Lighthouse
-0%
Bundle
15
Dependencias

Proyectos seleccionados

Una seleccion de los proyectos más interesantes que he desarrollado.

CD Bádminton Valladolid

CDBV

Web fullstack desarrollada en solitario para mi propio club de bádminton: desde el diseño gráfico hasta la pasarela de pago.

Plataforma de Gestión de Instalación Deportiva

Freelance

Aplicación web para conectar usuarios y administradores de una instalación deportiva privada: reservas, servicios y eventos en un solo lugar.

Aseguradora Multinacional

Serbatic

Desarrollo frontend para la web corporativa de una aseguradora presente en más de 50 países, liderando un equipo de tres desarrolladores.

Grupo Internacional de Parques de Atracciones

Serbatic

Frontend para el portal web de un grupo de parques de atracciones con presencia en varios continentes, integrado en Adobe Experience Manager.

Esta web — CV Interactivo

Freelance

Portfolio y CV personal desarrollado en Astro, concebido como un escaparate de capacidades frontend: rendimiento, accesibilidad, diseño, i18n y arquitectura limpia.

  CD Bádminton Valladolid

CDBV
CD Bádminton Valladolid

Impacto en el rendimiento

66
Performance
87
Accessibility
77
BestPractices
77
SEO
1/3
Agentic browsing

Proyecto personal en el que asumo todos los roles: diseño gráfico, diseño web, desarrollo frontend y backend, administración de base de datos y despliegue en producción.

La plataforma centraliza toda la información pública del club y ofrece un área privada para jugadores donde pueden gestionar sus reservas, modificar horarios, realizar compras y personalizar su perfil.

  • Frontend en Angular con diseño propio desde cero.
  • Backend en Node.js desplegado en Firebase Functions.
  • Base de datos MySQL en Google Cloud, comunicada con el backend mediante red interna de Cloud.
  • Pagos online integrados mediante pasarela de pago.
  • Hosting en Firebase para frontend y funciones serverless.

Un ejercicio real de arquitectura fullstack end-to-end, gestionado y mantenido de forma autónoma.

Stack y Arquitectura

Angular
NodeJS
MySQL
Firebase

  Plataforma de Gestión de Instalación Deportiva

Freelance
Plataforma de Gestión de Instalación Deportiva

Impacto en el rendimiento

86
Performance
78
Accessibility
96
BestPractices
54
SEO

Desarrollo de una plataforma web completa para una instalación deportiva privada, orientada a facilitar la comunicación entre la empresa y sus clientes.

La aplicación permite a los usuarios alquilar espacios, contratar servicios adicionales y consultar eventos, mientras que los administradores gestionan la oferta y disponibilidad en tiempo real.

  • Arquitectura backless: toda la lógica y persistencia resuelta con Firebase (Firestore + Auth + Hosting).
  • Frontend desarrollado íntegramente en Angular.
  • Solución pensada para minimizar costes de infraestructura sin sacrificar funcionalidad.

Un ejemplo de cómo diseñar soluciones eficientes y económicas adaptadas a las necesidades reales del cliente.

Stack y Arquitectura

Angular
Firebase

  Aseguradora Multinacional

Serbatic
Aseguradora Multinacional

Impacto en el rendimiento

73
Performance
93
Accessibility
100
BestPractices
92
SEO

Creación desde cero de la web corporativa de una aseguradora de alcance internacional, con presencia en más de 50 países y contenido disponible en múltiples idiomas.

El proyecto exigió un trabajo de CSS avanzado y meticuloso, con numerosas animaciones y transiciones fluidas para responder a los altos estándares visuales del cliente.

  • Stack frontend: Gulp + Pug + SASS, con JavaScript para funcionalidades interactivas.
  • Integración con Magnolia CMS para la gestión de contenidos, incluyendo trabajo directo en la plataforma para garantizar una integración perfecta.
  • Coordinación con el equipo de backend encargado de la configuración del CMS.

Ejercí como líder técnico del equipo frontend, compuesto por tres desarrolladores, siendo responsable de las decisiones de arquitectura, revisión de código y comunicación con cliente.

Stack y Arquitectura

Gulp
Pug
SASS
Magnolia

  Grupo Internacional de Parques de Atracciones

Serbatic
Grupo Internacional de Parques de Atracciones

Impacto en el rendimiento

48
Performance
81
Accessibility
81
BestPractices
77
SEO

Desarrollo y mantenimiento del portal web de un grupo internacional de parques de ocio y atracciones, con decenas de parques distribuidos en múltiples países y disponible en varios idiomas.

El proyecto combina una capa pública desarrollada con HTML, JavaScript y LESS, y un área privada construida en Angular, todo ello compilado e integrado en Adobe Experience Manager (AEM).

  • Trabajo continuo con AEM para la integración de componentes y gestión del ciclo de publicación.
  • Incorporación al proyecto en una fase avanzada de desarrollo, asumiendo el contexto con rapidez.
  • Contribución activa tanto en el desarrollo de nuevas funcionalidades como en la resolución de incidencias en producción.

Un entorno de proyecto vivo, con entregas periódicas y alta exigencia técnica en cuanto a rendimiento y compatibilidad.

Stack y Arquitectura

Angular
LESS
AEM

  Esta web — CV Interactivo

Freelance
Esta web — CV Interactivo

Impacto en el rendimiento

100
Performance
100
Accessibility
100
BestPractices
100
SEO
2/2
Agentic browsing

Más que un CV, esta web es en sí misma un proyecto técnico y creativo. Diseñada y desarrollada íntegramente por mí, tiene como objetivo demostrar distintas capacidades del desarrollo frontend moderno.

  • Desarrollada en Astro como web estática: sin framework de UI, TypeScript vanilla mínimo y código limpio.
  • Puntuación perfecta de 100/100 en Lighthouse en rendimiento, accesibilidad, buenas prácticas y SEO.
  • Alojada en Firebase Hosting para un despliegue ágil y económico.
  • Soporte multiidioma (i18n) con traducciones en español e inglés.
  • Diseño visual propio, con atención al detalle tipográfico, animaciones y composición.

Cada sección de la web es una oportunidad para explorar diferentes técnicas: desde componentes reutilizables hasta efectos visuales, pasando por la gestión de estado y la experiencia de usuario.

Stack y Arquitectura

Astro
TypeScript
SASS
Firebase