Newsletter para devsEntra
Web Reactiva

WR 82: Frontend desde las bases con Ignacio Villanueva

El presentador del podcast WeCoDesign viene a hablarnos hoy de desarrollo frontend, de tipografía, de CSS, de la web abierta y también de la nueva temporada de su podcast.

Escúchalo también en Spotify | Apple Podcasts | Google Podcasts | iVoox

Ignacio Villanueva, el presentador del podcast WeCoDesign, viene a hablarnos hoy de desarrollo frontend, de tipografía, de CSS, de la web abierta y también de la nueva temporada de su podcast.

Seguimos avanzando en nuestros cursos y podcast de la Zona Premium. Tan lejos llegamos que el viernes veremos un nuevo caso de estudio: La API que cazaba gamusinos.

¿Qué no sabes lo que es un gamusino? Tranquilo, yo tampoco, pero tal vez lo descubramos juntos en el nuevo episodio del podcast Web Reactiva Premium desde un punto de visto técnico y de desarrollo de provecho. Aprovecha ahora el precio de lanzamiento, el próximo día 25 doblará su valor.

Además en el newsletter dominical hablaremos sobre un tema muy interesante: ¿Cómo identificar un proyecto tóxico antes de envenenarse?. Suscríbete gratuitamente :)

Pintar y manejar la interfaz de usuario en web

Ignacio Villanueva es desarrollador frontend. Una definición concisa y concreta. Pero por todo lo que cuenta en la entrevista a veces parece tratarse más de un artista, bien sea un pintor o un tipógrafo. Así lo cuenta ya cuando se presenta, hablando de la responsabilidad de pintar y gestionar la interfaz con la que se maneja las páginas y aplicaciones web.

Hablamos sobre la necesidad de aprender sobre desarrollo frontend desde las bases, conociendo conceptos que están mucho más en lo “nativo” del navegador y no tanto del lado del “framework”.

Un ejemplo claro que comenta es sobre la necesidad o no de usar Bootstrap como punto de arranque de la maquetación, cuando ya hay soluciones de posicionamiento de elementos en pantalla que van directas al grano como CSS Grid Layout o Flexbox.

Ignacio VIllanueva WeCoDesign

La madurez del frontend

Es quizás el momento de dejar atrás la típica broma de “cada día aparece un framework de JavaScript nuevo”. No es que esto sea en esencia negativo, pero nuestro entrevistado si describe un panorama mucho más estable en el trabajo de desarrollo para las interfaces de usuario.

Se fija en tres puntos principales. La consistencia en el desarrollo, la estabilidad y compatibilidad entre los navegadores y, por último, en que los problemas más complicados del frontend ya tienen soluciones sin tener que “hackear” ni hacer cosas muy raras.

Destacamos también la responsabilidad que tenemos como desarrolladores de seguir manteniendo la web como un entorno abierto y accesible para todos. Ya hablamos en el episodio 3 de la apuesta de Microsoft Edge por usar Chromium como motor de su navegador y de los peligros que eso supone desde la perspectiva de Mozilla.

Algo más que CSS

Ignacio repasa cuáles son las últimas tecnologías o métodos que ha incorporado a su stack. Son las Custom Properties (de las que hablaba Jesús también en el episodio 80), la Intersection_Observer_API (que mejora la “perceived performance”) o los citados CSS Grid Layout y Flexbox.

Repasamos en la charla el interés de Ignacio por la tipografía. Nos cuenta su perfil profesional anterior a la reconversión, relacionado con el mundo de la impresión y por eso entendemos mejor la relevancia de este tema en su trabajo diario.

En una reciente charla presentó las nociones básicas sobre tipografía para maquetación, además de comentar sobre dos problemas comunes actuales: “flash of invisible text” (FOIT) y “flash of unstyled text” (FOUT).

Nueva temporada de WeCoDesign

Uno de los podcast de referencia en desarrollo en castellano ha vuelto con su tercera temporada. WeCoDesign nos traerá un nuevo formato, más personal y sin entrevistas, con episodios más cortos. Es lo que le apetece hace a Ignacio y nosotros estamos igualmente encantados.

El “gusanillo” de volver a grabar viene de la mano de podcasts como Arketipo, WTFront!, PEUM o este desde el que os habla, Web Reactiva (gracias por recomendarnos).

Nos recomienda además a dos candidatos a entrevista: Paula y Víctor.

Métodos de contacto

Ha sido un placer tener a Ignacio con nosotros, muchas gracias por el tiempo que nos ha dedicado y, ¡larga vida al frontend!

Nos escuchamos el próximo martes. No olvides añadirnos a tu podcatcher. :)

Escrito por:

Imagen de Daniel Primo

Daniel Primo

CEO en pantuflas de Web Reactiva. Programador y formador en tecnologías que cambian el mundo y a las personas. Activo en linkedin, en substack y canal @webreactiva en telegram

12 recursos para developers cada domingo en tu bandeja de entrada

Además de una skill práctica bien explicada, trucos para mejorar tu futuro profesional y una pizquita de humor útil para el resto de la semana. Gratis.