Front-end Developer

*Maquetador web*

Se busca desarrollador Front-end para maquetación de páginas web estáticas. Debe tener experiencia en HTML5, CSS3 y JS.

*HTML5*Se pide el uso de etiquetas modernas que estructuren bien el contenido del DOM. Estructurar el contenido haciendo uso de `main` `article` `section` `aside` `nav` `div` etc, y la jerarquización de títulos con etiquetas `h1` `h2` etc. Ademas se debe siempre incluir meta-tags. Asegurar un buen posicionamiento en buscadores (SEO)

Se valorará si se tiene conocimiento de manipulación de SVGs, y la inclusión de todo tipo de archivo multimedia (video, animación, sonido)

*CSS*Se deben utilizar propiedades que soporten la gama de navegadores principales (Safari, Chrome, Firefox, Edge, Explorer). Se debe ofrecer siempre propiedades de respaldo para el caso de que una propiedad moderna no sea compatible con el navegador.

Se valora el uso de propiedades nuevas (como el uso de flex-box, grid, filtros svg, y otras que vayan saliendo al mercado).Se valora el uso de unidades de medida como los em-rem, el uso de %, o de vw/vh.Se valora el conocimiento de animaciones y transiciones css.

*SASS / SCSS / LESS o STYLUS*Debe hacer uso de Metalanguajes de CSS que le permitan agilizar los plazos de desarrollo. Debe tener experiencia en el uso de variables en las hojas de estilos para el manejo de colores, dimensiones y otros, de forma de poder reutilizar o modificar rápidamente un diseño si es solicitado.Se debe tener una escritura limpia, estructurada en archivos parciales, que se importen en una hoja de estilo principal. El archivo .css resultante deberá ser minificado para optimizar su funcionamiento en cualquier dispositivo bajo cualquier condición de conexión.

Se valora el uso de @mixins y/o similares.

*Pixel perfect*Se pedirá fidelidad respecto al diseño entregado. Los diseños se compartirán con herramientas modernas como Zeplin, Invision o archivos Sketch que faciliten esta tarea.

Se solicita que se usen propiedades de renderizádo de tipografía (como gray-scale o font-smoth) que ayuden a mantener el mismo aspecto de las fuentes que se tiene en el diseño. Se debe usar imágenes optimizadas para web (livianas de peso) pero con calidad suficiente para lucirse en pantallas más modernas como las que poseen retina display (se aconseja el uso de imágenes a 3x de su tamaño final)

Se valora el uso de imágenes vectoriales svg, para reducir el peso de la página y aumentar la calidad.

*RESPONSIVE*Todos los sitios por defecto deben ser 100% adaptativos y responsivos.Se deben adaptar a todo tipo de pantalla. Por defecto se testearán en desktop, tablet y smartphone. Se suele contemplar los siguientes breakpoints como importantes320px, 480px, 768px, 1280px, 1440px, y por encima de esta dimensión.Debe tener un correcto funcionamiento con el uso de cursor tradicional, o navegando con dispositivo táctil

*JAVASCRIPT*Se debe tener conocimiento de Js para la inclusión de librerías externas, que permitan agregar sliders, galerías interactivas, pop ups. La posibilidad de manejar el DOM desde Js para incluir contenido de un CMS, o consumir contenido de redes sociales (mostrar fotos de instagram, o twits de twitter, un post de un blog, etc) La posibilidad de enriquecer la interacción con animaciones o acciones determindas.

Indispensable Jquery. Cualquier experiencia utilizando librerías visualmente complejas es valorada. Como animaciones SVG con BODYMOVING, o incorporación de 3d con trhee.js.

No se requiere el uso de un framework particular o del uso pre-procesadores. Quedando a consideración de la comodidad de trabajo del maquetador. Pero si se solicitará siempre un código limpio, legible que se pueda modificar y mantener.