Alex Rubio

Desarrollador Frontend Consultar experiencia laboral
Alex Rubio

Sobre mí

Mi nombre es Alejandro Rubio, pero me suelen llamar Alex. Desde muy joven me interesé en la tecnología y el desarrollo web y me llegué a convertir en "esa persona" a la que todos los amigos y familiares siempre acuden cuando tienen algún problema relacionado con internet, con los móviles, o con "cualquier cosa que tenga pantalla o botones".

Actualmente me especializo en el frontend desarrollando sitios web con HTML5, CSS y Javascript, y programando aplicaciones SPA con React, aunque también tengo un manejo fluido del backend usando PHP y bases de datos MySQL.

Tecnologías conocidas

Puntos fuertes

Puntos fuertes

Aptitud certificada

Aptitud certificada en Linkedin

Algunos proyectos públicos

Páginas web

  • Amt-solar.com

    Previsualizacion de la web amt-solar.com
    HTML logo CSS logo Javascript logo React logo Responsive logo

    Página web corporativa para empresa del sector de las energías renovables, en este caso de energía solar. La web está desarrollada con React, usando Gatsby para mejorar el SEO con Server Side Rendering y para la optimización de imágenes. Paquete i18n para multilenguaje. Axios y Api PHP para formulario de contacto. Diseño CSS propio. Textos e imágenes proporcionados por la empresa.

    Visitar
  • Hydrogenium.es

    Previsualización de la web hydrogenium.es
    HTML logo CSS logo Javascript logo React logo Responsive logo

    Página web corporativa para otra filial de la empresa anterior, se respeta un estilo similar. La web está desarrollada en React, usando React Router y React Helmet para los cambios de títulos de páginas y metaetiquetas para el SEO. Paquete i18n para multilenguaje. Axios y Api PHP para formulario de contacto. Diseño CSS propio. Textos e imágenes proporcionados por la empresa.

    Visitar
  • Servicios turismo

    Previsualización de la web para turismo chino
    HTML logo CSS logo Javascript logo PHP logo Responsive logo

    Página web corporativa para la empresa Taiyang Fangdichan, dedicada a ofrecer servicios de internacionalización y adaptación de las empresas para atraer al turismo chino. La página está desarrollada en HTML, CSS y Vanilla Javascript y usa PHP para el envío de los emails del formulario de contacto

    Visitar
  • Mandarin-names.com

    Previsualización de la web mandarin-names.com
    HTML logo CSS logo Javascript logo PHP logo MySQL logo Responsive logo

    Página web personal que permite a los usuarios encontrar la traducción de su nombre en chino mandarín, escuchar su pronunciación y descargar su nombre en chino en una imagen, entre otras cosas. La página está desarrollada en PHP con base de datos MySQL, y está disponible en 3 idiomas.

    Visitar
  • Curso-chino-basico.com

    Previsualización de la web curso-chino-basico.com
    Wordpress logo CSS logo Javascript logo PHP logo MySQL logo Responsive logo

    Página web personal creada para poder ofrecer un curso de chino propio a los usuarios de forma directa, fuera de las conocidas plátaformas de cursos online. Aunque la base es Wordpress está customizada con CSS propio, interactividad añadida con vanilla Javascript y páginas en PHP para cargar contenido dinámico desde una base de datos MySQL propia.

    Visitar
  • Próximo proyecto

    Previsualización del siguiente proyecto
    HTML logo CSS logo Javascript logo React logo PHP logo MySQL logo

    ¿Necesitas desarrollar o mantener una página web? Mi próximo proyecto podría ser la tuya 😏.

    Tú decides, landing page, web personal, web corporativa, registro de usuarios con base de datos.. ¿o quizás una aplicación para ofrecerles algo a tus usuarios? Ponte en contacto conmigo y hablamos de nuestro siguiente proyecto.

    Contactar

Aplicaciones SPA

  • Hanzi-cards.com

    HTML logo CSS logo Javascript logo React logo PHP logo MySQL logo Responsive logo

    Aplicación para aprender los caracteres chinos más usados de manera progresiva. Con persistencia de datos en localStorage o base de datos MySQL dependiendo de si el usuario usa una sesión de invitado o realiza un registro. El frontend está desarrollado en React usando la api de Context para manejar los estados globales de la aplicación y para el backend usa una API Rest propia desarrollada en PHP y base de datos MySQL.

    Visitar
  • Eltiempo-info

    HTML logo CSS logo Javascript logo React logo Jest logo

    App del tiempo desarrollada para uso personal para no tener que usar otras apps de pago o con publicidad. La ubicación se puede determinar escribiendo cualquier ciudad de España o a través de un mapa por geolocalización. Permite seleccionar tres servicios meteorológicos distintos y obtener los datos de tres APIS del tiempo distintas para poder comparar las previsiones de los diferentes servicios de una forma sencilla desde la misma app.

    Visitar
  • Ruleta de la suerte

    Wordpress logo CSS logo Javascript logo React logo

    Juego que imita al concurso de TV del mismo nombre. El juego lo desarrollé cuando empezaba a aprender React y estaba buscando qué hacer para probarlo, por casualidad un día ví el programa en la tele y pensé que podría ser interesante copiar el funcionamiento usando React como framework para probarlo en vez de hacer la típica calculadora.

    Visitar
  • Memory Game

    HTML logo CSS logo Javascript logo Jest logo

    El típico juego Memory desarrollado de manera sencilla directamente en Vanilla Javascript sin ningún tipo de framework. El juego lo he usado para hacer pruebas de testing cuando estaba aprendiendo a usar Jest y quería comenzar por las bases haciendo tests a una aplicación que usara solo Vanilla Javascript y no usara ningún framework para empezar.

    Visitar

Otras habilidades

Datos de este porftolio que permiten contrastar algunas de estas habilidades:

  • HTML y CSS escritos desde cero a mano, sin ningún tipo de plantilla.

  • Se ha usado la metodología BEM para la maquetación y el diseño de la web.

  • Dispone de diseño responsive usando la metodología Mobile First.

  • Utiliza etiquetas semánticas en HTML en lugar de divs cuando es posible.

  • Ninguna propiedad en los estilos CSS usa la regla !important.

  • No contiene javascript ni estilos en linea en el código HTML.

  • Puntuación de 100/100 en rendimiento en PageSpeed Insights.

  • El código está validado al 100% por la W3C sin errores ni alertas.

Tamaño de la web

1.2Mb

Incluyendo todas las imágenes y videos de previsualización

PageSpeed Insights

100%

Puede variar dependiendo de la carga actual del servidor

Analizar ahora

W3C validator

100%

Incluye tanto el código html así como las hojas de estilo css

Analizar ahora

Medios de contacto

Puedes contactarme a través de cualquiera de los siguientes canales

Linkedin icon
alex-rubio-dev
Instagram icon
alexrg119
Discord icon
alexrg#0871