Retrato de Jonathan Ramírez

Jonathan Ramírez

Front-End Developer · Biólogo

Disponible para viajar

Dos ramas, un mismo organismo.

La Biología me enseñó a admirar cómo cada parte de un organismo cumple una función y se conecta con las demás. Hoy llevo esa misma curiosidad al desarrollo Front-End, creando interfaces que cuidan la accesibilidad y los detalles visuales. Busco un equipo donde pueda aportar ideas, seguir aprendiendo y crecer como desarrollador.

Trayectoria

Dónde he estudiado y trabajado.

Experiencia

  • Desarrollador Front-End Freelance

    Portafolio, Product Designer

    2026

    • Convertí su diseño de Figma en un sitio publicado, fiel al diseño en cualquier pantalla y sin frameworks.
    • Programé un carrusel 3D accesible desde cero: avanza solo y se pausa con el cursor o el teclado.
    • HTML5
    • SCSS
    • BEM
    • JavaScript
    • Figma
    • GitHub Pages
  • Digitalización y gestión de datos

    Servicio social, IPN

    Abr 2026 – Nov 2026

    • Digitalizo y catalogo los ejemplares de una colección biológica y mantengo su base de datos.
  • Sales Advisor

    COS · H&M Group

    Jul 2023 – Ago 2026

    • Formé parte del equipo de apertura de la marca en México, con atención personalizada en un servicio premium.
    • Logré 25% de conversión frente a una meta de 20%.

Formación

  • Profesión Front-End

    Escuela Británica de Artes Creativas y Tecnología

    Jul 2026 – Nov 2026

  • Inteligencia Artificial

    Samsung Innovation Campus, Universidad de Monterrey

    Oct 2026 – Ene 2027

  • Licenciatura en Biología

    Escuela Nacional de Ciencias Biológicas

    Ago 2021 – Oct 2026

    Técnico en Manufactura Asistida por Computadora

    CECyT 3 "Estanislao Ramírez Ruiz"

    Ago 2018 – Jul 2021

Cursos complementarios

  • Desarrollo Web

    Coderhouse

    May 2026 - Ago 2026

  • Propedéutico de Inteligencia Artificial

    CPFIA, Tecnológico Nacional de México

    Jul 2026

Herramientas y habilidades

Con qué construyo.

Stack tecnológico

Lenguajes y herramientas que uso a diario.

  • HTML5
  • CSS3
  • Sass
  • JavaScript
  • TypeScript
  • React
  • Redux
  • Bootstrap
  • Jest
  • Git
  • GitHub
  • Netlify
  • Firebase
  • Claude Code
  • Claude Design
  • ChatGPT

Habilidades

Front-End

  • Maquetación responsive con Flexbox y Grid
  • Componentes con Sass y BEM
  • Accesibilidad web (WCAG)
  • Consumo de APIs con fetch y Axios
  • Pruebas unitarias con Jest

IA aplicada al desarrollo

  • Desarrollo asistido con Claude Code y ChatGPT
  • Prototipado de interfaces con Claude Design
  • Revisión y pruebas del código generado con IA
  • Redacción de prompts y contexto para tareas técnicas

Datos y herramientas

  • Análisis de datos con R y Excel
  • Gestión de bases de datos
  • Edición de imágenes con Photoshop

En crecimiento

  • Python
  • SQL y bases de datos
  • Node.js
  • Inglés A2
  • Francés A2
Del microscopio al navegador

Lo que la biología le enseñó a mi código.

Ver lo que otros no ven

Microscopía confocal

Horas ajustando foco y canales para encontrar un detalle. Hoy lo aplico a alineaciones, espaciados y estados que casi nadie nota.

De datos sueltos a conclusiones

Muestreo y tablas de vida

En campo aprendí a ordenar datos y probar una hipótesis a la vez. Así depuro código: con método, no a prueba y error.

Todo tiene un nombre y un lugar

Taxonomía y colecciones

Clasificar especímenes con reglas claras es lo mismo que nombrar componentes con BEM u ordenar una base de datos.

Mi tesis

Antes de explorar el código, exploraba células

Mi tesis me llevó a estudiar la proteína CLP259 en Giardia intestinalis, un parásito responsable de una enfermedad que afecta a personas en todo el mundo.

Lo que más me emocionó fue analizar resultados, encontrar nuevas pistas y saber que estaba contribuyendo a explorar un tema poco estudiado, con el potencial de aportar conocimiento útil para futuras investigaciones y tratamientos.

Ilustración hecha en código, no una imagen real del laboratorio.

Ilustración de un trofozoíto de Giardia en microscopía confocal: núcleos en azul (DAPI), actina en rojo y CLP259 en verde
Fuera del código

Cuando no estoy programando.

Salgo al campo: bosques, lagunas y costas donde aprendí a observar con paciencia.

Siguiente

Mira lo que he construido.

Proyectos