Hi! I'm jipijopo Front-end web developer

Curriculum vitae

I have been working as a frontend web developer with a modern stack (Vue.js) since 2019. Previously, I was the CSS guy, although I also added functionalities with jQuery and / or PHP in small projects such as landing pages and microsites. I started my career in 2002 as a designer and technician in multimedia and motion graphics. I soon began to code my own designs as informational applications for museums and exhibitions. Once I started writing code, my skills (and chance) led me towards frontend web development. Please feel free to contact me.

Skills

icon

Front-end web development

Since mid 2018 I've been developing Javascript web apps over Vue.js (2 and 3), embedded into a team of 4 to 10 developers. We follow the SCRUM methodology. We do pair reviews through pull requests in Gitea. We pack our projects using Webpack and Vite, extending ES6 compatibility with Babel and managing dependencies with npm and yarn. We deploy through Jenkins in DEV, PRE, STAGE and PRO environments. On mid 2021 we started adding unit testing with Jest. In the near future I'm interested on e2e tests, improve the way I apply SOLID principles and Clean Code and also start using Typescript. I've developed projects in the past as a team member, and as a freelancer, using Vanilla Javascript and jQuery.

icon

Web UI/UX development

When I write HTML code I like to start from the semantic web perspective, as if every page was created for a bot or a screen reader. Once the structure makes sense I take care of the needed styles for humans with good sight. I add CSS styles usually in SASS to get advantage of functions, mixins and nested declarations. I apply Responsive Web Design and Mobile First from the start. I like to follow the BEM and ITCSS conventions to structure styles. I think it's important to be up to date about main browsers newer features: I use the flex and grid models fluently, and I'm waiting for wide support on subgrid to start using it on production. In my opinion, the hard work is not doing a pixel perfect layout, it's doing it maintainable and optimized. I also use frameworks such as Bootstrap, Foundation and Materialize.

icon

Workflow and other skills

I usually deliver code through Git following the Git Flow best practices and managing branches, tags and pull requests in Gogs, Gitea or GitHub. I manage the state of the tasks using tools like Taiga or Trello. Additionally, due to my trajectory I have knowledge in other areas as HTML Canvas, 3D canvas with WebGL and ThreeJS, video and audio editing, and a good performance with Photoshop and Illustrator, 2D and 3D motion graphics, ActionScript and backend development with PHP and MySQL.

Some projects

Betsfy

Betsfy

Betmedia 2018 / Today

Betsfy is a platform that you can use to share sports betting tips. The front end is built on Vue.js 2 and consumes a decoupled API. The development team consists of 10 people, 3 of them taking care of the front-end. Betsfy works as a social network, including your timeline, your channel, your bank, competitions, betting comparator and user management. All the features are available in 7 languages. The project includes a very complete administration panel that is not publicly accessible.

Betsfy has a separate information website. It was initially developed using Wordpress, with plans to later integrate it into the platform. The day to do that integration has not yet come but, in the meantime, I have created a PHP script that generates a static site from the Wordpress site on a local server. In this way we can deploy a static site using Jenkins every time we need to make changes, with the advantage of having a very secure site without depending on updates and obtaining better performance.

There are two Betsfy satellite projects. A Vue.js 3 shopping platform to which tipsters can direct their customers, without using the social network. The other one is a web front adapted to work on machines installed in betting shops.

betsfy.com

Carolina Herrera

Carolina Herrera

Freelancer 2015

Tecnocom hired me as a freelancer to code HTML+CSS for the Carolina Herrera e-commerce web front. Tecnocom developed the logic and API requests and I worked on the UI/UX. The front-end was developed using AngularJS and SASS. The site now has a new front-end so this work is not publicly available anymore.

Bershka

Bershka

Freelancer 2015

Tecnocom hired me as a freelancer to code HTML+CSS for the Bershka (Inditex) e-commerce web front. Tecnocom developed the logic and API requests and I worked on the UI/UX. The front-end was developed using AngularJS and SASS. The site now has a new front-end so this work is not publicly available anymore.

Stradivarius

Stradivarius

Tecnocom 2014

I worked on the Stradivarius (Iditex) e-commerce site as a part of a front-end squad at Tecnocom. My role in this project was the CSS Guy. It was a big challenge because we needed to support older browsers and therefore we couldn't use the flex model.

Uterqüe mobile

Uterqüe

Tecnocom 2014

I worked on the Uterqüe (Iditex) e-commerce mobile site as a part of a front-end micro-squad at Tecnocom. My role in this project was the CSS Guy. Performance was the key in this project because mobile phones were way slower than nowadays.

SCORM courses

SCORM courses

Freelance 2012 / 2013

SCORM course series developed for BBVA. I have also developed courses for other companies such as AXA and Transfesa, publishing on CSOD, SumTotal, Moodle and Wordpress platforms.