![Alex Rubio](img/foto-portfolio.png)
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](img/icon-strenght.png)
Puntos fuertes
![Aptitud certificada](img/icon-test.png)
Aptitud certificada en Linkedin
-
HTML -
CSS -
Javascript -
React -
PHP -
Git -
VSCode -
Analytics -
Search C. -
Responsive -
MySQL -
PHP MyAdmin -
Xampp -
Github -
Jest -
Ads -
Adsense -
Wordpress -
API Rest -
JWToken
Algunos proyectos públicos
Páginas web
-
Amt-solar.com
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
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
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
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
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
¿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
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
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
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
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
-
Buenas prácticas
Desarrollo teniendo en cuenta metodologías como DRY, BEM y Clean Code.
-
Código escalable
Código escrito para permitir la escalabilidad del proyecto en fases avanzadas.
-
Trabajo en equipo
Razonable, abierto a sugerencias y con inclinación natural a ayudar a los demás.
-
Testing
Tests unitarios con JEST y Testing Library, tanto en Vanilla JS así como en React.
-
Idiomas
Inglés (básico hablado, alto escrito).
Chino (intermedio hablado, alto escrito).
-
SEO
Conocimiento de buenas prácticas para el posicionamiento en buscadores.
-
Mobile First
Maquetación, diseño e interactividad pensando primero en dispositivos móviles.
-
Código homogéneo
Uso de ESLint con reglas personalizadas para un código estable y uniforme.
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.