Universitat Oberta de Catalunya

Lucas Cepeda

Lucas Cepeda es desarrollador Front-End en marketyou, una plataforma de promoción de perfil profesional que orienta a la persona sobre cuál es su valor real dentro del mercado laboral. Además, Lucas Cepeda cuenta con una dilatada trayectoria en empresas de categoría internacional.

1. ¿Qué es marketyou?

Marketyou es una plataforma de desarrollo profesional online que ayuda a las personas a descubrir cuál es su valor real en un mercado laboral en constante evolución.
Nos focalizamos en el candidato y le ayudamos a hacerse visible y único. Mostramos también sus puntos fuertes mediante un test de competencias validado por una entidad de renombre como es Saville Consulting.

2. ¿Cómo se te/os ocurrió la idea? ¿Por qué ahora? ¿Cómo ha ido el
proceso de emprendeduría?

Hicimos un viaje a México DF, y fuimos a un bar en la calle 58 del distrito 8. Aparece un tal Juan “El Ferras”, que dice que nos tiene que llevar a un sitio en Sonora. Lo siguiente que recuerdo es que nos despertamos, desnudos, en medio del desierto. Y mi brazo tatuado con 3 palabras: ‘marketyou’, ‘talento’ y otra que prefiero no desvelar.

O quizá no fue así. De cualquier forma, marketyou tiene ya más de 3 años y se ha pivotado varias veces en su concepto. En esta última iteración, nos centramos más en el usuario: darle visibilidad. Marketyou, véndete.

3. Uno de los puntos por los que marketyou resulta atractivo es que el front-end resulta muy innovador y que presenta algunos detalles técnicos novedosos y muy interesantes. ¿Podrías destacar y comentar
alguno de ellos?

La web actual la empezamos de cero cuando me incorporé a marketyou hace 5 meses, así que teníamos toda la libertad del mundo para innovar. Además somos un equipo pequeño, muy pequeño. En el apartado técnico: dos desarrolladores del Back-End (Isern Palaus @ipalaus y Javier Martínez @JavierMartinz), un diseñador gráfico (Gerard Rocha @GerardRocha), y yo en el Front (@lucascepeda). Esto hace que la comunicación sea muy fluida y podamos iterar con mucha rapidez, sin burocracias ni procesos de gestión aburridos.

Por ejemplo, la mayoría de iconos así como los números del myIndex son una fuente. Esto nos permite reescalarlos al tamaño que necesitamos sin perder calidad. También hemos intentado reutilizar muchos elementos, siguiendo los principios Object Oriented CSS). Así conseguimos reducir bastante el tiempo de desarrollo al implementar nuevas funcionalidades a la página. También utilizamos bastante el contenido generado (content, ::before y ::after) para dar estilos a algunos elementos.

Nota del editor: (Un buen punto de partida sobre el uso de tipografías para iconos es http://css-tricks.com/using-fonts-for-icons/. Encontraréis una buena introducción al OOCSS en http://coding.smashingmagazine.com/2011/12/12/an-introduction-to-object-oriented-css-oocss/. Sobre los pseudoelementos como :before y :after, podéis referiros al apartado correspondiente del Currículo de Estándares Web Opera, http://mosaic.uoc.edu/ac/le/es/m6/ud1/index.html#pseudoelements.)

En cuanto al JavaScript, utilizamos un único archivo minimizado y comprimido para un rendimiento máximo. Las librerías externas, como jQuery, las cargamos del CDN de Google, de forma que en el usuario o bien ya están en cache, o la descarga es más rápida que desde nuestros servidores (para un usuario en Colombia, por ejemplo). De cualquier forma, contamos con un fallback en caso de que Google esté caído: se rumorea que muy de vez en cuando pasa.

A pesar de ser un único archivo, solo cargamos en memoria el bloque que se necesita para la página que se está visitando, dejando así el DOM más limpio.

Pero por supuesto no somos perfectos: además de algunos bugs que tenemos controlados (si lees esto y descubres alguno, no dudes en comentárnoslo! Dani y Marina estarán encantados de atenderte: info@marketyou.com) el Responsive Design es nuestra gran asignatura pendiente. Estad atentos.

Nota del editor:  (El artículo fundacional sobre Responsive Web Design es Responsive Web Design, de Ethan Marcotte, publicado en mayo de 2010 en A List Apart.)

4. Como ‘front end’… ¿cuáles son tus herramientas favoritas? Esas que le recomendarías a cualquiera…

Estoy enamorado de Sublime 2 desde que lo descubrí, y cada vez más conforme van saliendo plugins que facilitan aún más las cosas (‘Emmet’, ‘Git’… y un buen esquema de colores). Utilizo Chrome para el desarrollo, y aunque es cierto que hay algunas cosas que echo de menos de Firebug, ahora no creo que pudiese volver atrás.

Nota del editor: (Encontraréis un buen tutorial sobre el uso de Sublime en nettuts+. Emmet es un conjunto de herramientas que puede usarse con múltiples editores de código, incluyendo Sublime, pero también Eclipse, TextMate, Coda o Brackets, entre otros.)

Era un poco reacio a utilizar pre-compiladores CSS (LESS, SASS…) pero después de usarlos creo que los beneficios son mucho mayores que sus inconvenientes (el debugging se complica un poco). Junto con LESS, utilizo Codekit para comprimir y minimizarlos.

Nota del editor: (Un par de buenos recursos sobre precompiladores o preprocesadores CSS son Ten Reasons You Should Be Using a CSS Preprocessor y How to Choose the Right CSS Preprocessor.)

Las ventajas de utilizar un sistema de control de versiones (en nuestro caso, Git) son inmensas, aún en un equipo pequeño como el nuestro.

Y para terminar, recursos online como Stackoverflow, Github, CanIUse… No sé cuántas veces me han salvado la vida.

5. Supongamos que necesitáis contratar a un front-end para marketyou: ¿qué es lo que buscaríais? ¿Cuáles son las cosas que debe saber? ¿Qué debería figurar en la página de marketyou de ese candidato o
candidata?

¿He mencionado ya que nuestro punto débil a día de hoy es el Responsive?
Centrándome en sus habilidades profesionales, obviamente la tripla HTML, CSS y JS es necesaria. El grado de conocimiento de cada uno de ellos dependerá del proyecto que haya detrás. Alguien que va a maquetar newsletters no necesita ser un experto en JS, así como alguien que va a desarrollar los entresijos de una aplicación web en Backbone no necesita ser un mago del CSS. Lo ideal es que los equipos se complementen.

Pero siempre hay que pensar que lo que no se sabe se puede aprender. Buscaría a alguien que supiese resolver problemas con los que nunca antes se hubiese encontrado, aunque de entrada no supiese cómo.


Cita recomendada: CÓRCOLES, César. Lucas Cepeda. Mosaic [en línea], diciembre 2012, no. 103. ISSN: 1696-3296. DOI: https://doi.org/10.7238/m.n103.1243.

Un comentario

Deja un comentario

Deja un comentario