Del no-code a saber código

David Hoang, director de diseño de Webflow, nos habla de su crianza analógica y de cómo las primeras herramientas sin código, como Flash y Dreamweaver, le enseñaron a programar.

Del no-code a saber código

La idea de tener una carrera profesional no se me pasó por la cabeza hasta que entré en la veintena. Durante mi infancia y mis años de instituto, no sabía qué quería hacer para ganarme la vida, pero sí sabía qué quería hacer el resto de mi vida.

Crear. Era mi razón de ser.

Soy hijo de inmigrantes que llegaron a Estados Unidos tras la guerra de Vietnam en los años 80. Mi hermano mayor, Daniel, nació en un campo de refugiados en Indonesia durante el viaje, y yo nací en Estados Unidos. Crecimos en una pequeña ciudad del suroeste de Washington. Mis padres fueron las personas más trabajadoras que he conocido. Solo deseaban una vida mejor para mi hermano y para mí.

David and his brother as kids in the yard.

Nuestra casa tenía menos de 90 metros cuadrados, así que siempre estábamos en el patio trasero imaginando y creando cosas. Ya fuera cavando un agujero gigante, construyendo un fuerte subterráneo o montando nuestro propio ring de lucha para celebrar nuestro WrestleMania particular, siempre encontrábamos formas de pasar el tiempo.

A pesar de una crianza bastante analógica, mis padres sabían que la tecnología acabaría formando parte de nuestras vidas. Mi padre invirtió en ella comprando el Commodore 64, el Apple II (mi favorito), el Gateway 2000 con procesador Pentium 386 y un módem de 14.4k. Si soy sincero, no hice nada productivo con los ordenadores durante años. Básicamente, solo los usaba para jugar al Doom y al mod Team Fortress de Quake.

Y entonces conocí a mi tío por primera vez. Mi tío Son vino a visitarnos desde Los Ángeles. Tenía fama de ser "el listo" de la familia: graduado en la UC Berkeley y un gran soñador empedernido. Además de una copia de Adobe Photoshop 4.0, nos regaló un software de Macromedia que cambiaría mi forma de usar el ordenador. Los programas de Macromedia que recuerdo son ColdFusion, Dreamweaver y Fireworks, que me iniciaron en la creación de gráficos por ordenador y en la construcción de sitios web. No sabía qué era el HTML y el CSS ni siquiera existía. Lo único que recuerdo es mirar la interfaz visual e intentar entender qué pasaba en el código. Luego intentaba escribir el código y ver si conseguía la representación visual del mismo.

¡Funcionó! Realmente funcionó.

Este sería un tema recurrente a lo largo de mi vida. Nunca he sido la persona más inteligente de la sala, y a menudo encuentro el éxito probando y aprendiendo. Los mensajes de error me desanimaban, pero necesitaba ver éxitos, aunque apenas funcionaran.

Siempre tuve una forma particular de aprender, lo que quizá explique por qué apenas terminé el instituto. Me parecía extremadamente aburrido y nunca encontré que estuviera estructurado de una forma que me preparara para el éxito. No me parecía importante aprender historia del estado de Washington y memorizar un montón de datos. Luego estaba mi archienemigo: las matemáticas. Me sentía muy frustrado porque el aprendizaje escolar me parecía muy binario: o estaba bien o estaba mal. A menudo me preguntaba por qué solo había una forma de resolver algo.

Sin embargo, sacaba sobresaliente en clases como arte, literatura, fotografía y escritura creativa. Estas clases me animaban a crear y a explorar mi propio camino. Durante esa época en el instituto, no se impartían clases de informática. Nuestra principal interacción con un ordenador en la escuela era una clase de mecanografía, así que la programación se desvaneció de mi vida.

Luego llegó la universidad. A pesar de matricularme en Bellas Artes con especialidad en pintura, tuve que cursar otras asignaturas fundamentales: diseño en madera, escultura, cerámica, joyería y orfebrería, fotografía y arte por ordenador.

La asignatura que cambió mi forma de ver el mundo fue Introducción a Flash. Me apunté porque sonaba genial. Recuerdo que Nike.com estaba construido en Flash y quería explorarlo. Está claro que no presté atención a los detalles del curso, porque me quedé de piedra al descubrir que la clase se impartía en el edificio de informática. En esta clase introductoria de Flash, aprendí a programar objetos usando ActionScript. Después de tantos años de miedo a las matemáticas, encontré una utilidad práctica para ellas en mis proyectos creativos. Esta única clase despertó la inspiración suficiente para infundir arte a la tecnología como método de creación.

Al volver a las clases de arte, me encontré explorando el código como medio artístico. Pasé la mayor parte de los veranos trabajando en el laboratorio de informática, siguiendo con el aprendizaje de ActionScript, HTML y CSS. El gran proyecto que hice en la universidad fue una escultura interactiva que comentaba cómo se presenta la gente en Internet, en particular en Myspace, que era la red social preferida de quienes no tenían The Facebook en sus escuelas. Utilicé el código como medio escultórico y construí sitios web para proyectarlo en un espacio interactivo.

Empieza gratis

Crea sitios web personalizados y escalables, sin escribir código. Empieza a construir en Webflow.

→
↗
►
↓
←
↑
Leer ahora
David screenshot ustream

Tras obtener mi título, por fin llegó el momento de convertirme en adulto. Me resultó muy difícil adaptarme al mundo real (además, había una recesión), así que encontré un trabajo de oficina, un horario de 9 a 5 donde aún podía dedicar tiempo después del trabajo al arte y a explorar. Seguí haciendo arte pensando en los medios interactivos, incluido un proyecto que me llevó al mundo de la entonces reportera de la CNN Veronica De La Cruz y Trent Reznor de Nine Inch Nails para crear un sitio web con el fin de concienciar sobre el hermano de De La Cruz, Eric, que necesitaba un trasplante de corazón. Posiblemente, hasta el día de hoy, este es el proyecto web más importante en el que he trabajado.

Mientras seguía perfeccionando mis habilidades antes y después del trabajo, empecé a colaborar en proyectos freelance con gente de la comunidad de startups de Seattle. Había un nuevo software llamado iOS, y la gente buscaba diseñadores que supieran manejar Photoshop. Verás, en aquel entonces, el paradigma multitáctil era tan confuso para la gente que los recursos gráficos naturalistas ayudaban a aprender a interactuar con un trozo de cristal. ¿Quién iba a decir que mi habilidad para crear botones con letras corintias sería mi puerta de entrada a la tecnología?

Davidhoang.com in 2010

Siempre sentí que tenía ventaja como diseñador a pesar de no tener mucha experiencia profesional: concretamente, la capacidad de construir experiencias. Aunque no eran las construcciones más elegantes, era capaz de transmitir ideas de forma dinámica. Fui parte de lo que solo puede describirse como la era de Quartz Composer, cuando los diseñadores a principios de la década de 2010 acudían en masa a esta herramienta gráfica sin código para crear prototipos. (El ejemplo más famoso fue cuando el teléfono HTC First lanzó Facebook Home.)

Quartz Composer

Lógica, gestión de estados, eventos y condiciones: estos términos, antes desconocidos, pronto se volvieron familiares. No busqué aprender bases de datos, lógica ni interacciones del lado del cliente. Aprendí estos fundamentos de programación sin saberlo gracias a las herramientas sin código.

Por ósmosis, vas aprendiendo programación y código. Con demasiada frecuencia enseñamos pensando en el paso a paso, como los engranajes de una rueda, pero lo importante es la razón por la que la gente quiere crear y construir. Lo más importante es despertar la inspiración en los niños para que tengan esa curiosidad infinita por construir, no cómo escribir la sintaxis (el medio, no el fin). Una serie de herramientas sin código despertaron en mí una inspiración para toda la vida.

Una crianza basada en herramientas sin código y en la exploración me ayudó a desarrollar habilidades tanto personal como profesionalmente. Me abrió las puertas para encontrar trabajo centrado en el diseño y el código, porque dominaba ambos. Tras muchas etapas profesionales (mi propia consultoría, trabajo en agencias, producto interno), ahora estoy en Webflow, donde tenemos la misión de permitir que todo el mundo diseñe y cree en la web.

Siento que toda mi carrera me ha llevado a asumir la misión de Webflow. Mientras me integraba en Webflow, la familiaridad de pasar del no-code a saber código resurgió en el producto: datos dinámicos en el CMS, componentes, creación de interacciones basadas en eventos e integraciones; todo esto mientras diseñas.

Hoy en día, los niños construyen en Minecraft, juegan a juegos 3D en Unity, aprenden SwiftUI y crean páginas de fans sobre gatos en Webflow. Para mí, el código fue un camino más lento, pero me emociona ver lo rápido que será el aprendizaje para la generación que está creciendo ahora.

Una cita que tengo presente a diario es de Antoine de Saint-Exupéry, autor de El Principito:

«Si quieres construir un barco, no empieces por buscar madera, cortar tablas o distribuir el trabajo. Primero, enséñales a los hombres a anhelar la inmensidad infinita del mar».

No puedo evitar preguntarme cómo habría sido mi carrera si hubiera tenido acceso a todas estas herramientas no-code desde el principio.

Las futuras generaciones de creadores no solo tienen Webflow, sino todas las herramientas no-code disponibles para jugar y explorar. Las ideas y expresiones pueden salir al mundo mucho más rápido. Es increíble ver todos los proyectos de impacto social que la gente crea de la noche a la mañana, pasando de la idea a la publicación en una sola iteración.

Tanto si aspiras a ser diseñador, desarrollador o emprendedor, las herramientas no-code son un lugar fantástico para empezar, crecer y seguir desarrollando tus habilidades. Mi generación y las anteriores trabajaron para llegar a donde estamos, y es emocionante pensar en cómo la próxima generación nos llevará más allá de lo que hoy podemos imaginar.

Este mes en Webflow, lanzamos nuestro Camp No Code, un campamento de verano online gratuito para que los niños aprendan a crear visualmente. Este año nos hemos esforzado mucho por apostar por nuestros futuros usuarios de no-code. En junio, lanzamos Webflow Classroom, un descuento del 90% en el plan CMS de Webflow para potenciar más aulas.


Última actualización
July 15, 2020
Categoría

Artículos relacionados

10 juguetes de los 90 y 2000 que despertaron nuestra pasión por el diseño
10 juguetes de los 90 y 2000 que despertaron nuestra pasión por el diseño

10 juguetes de los 90 y 2000 que despertaron nuestra pasión por el diseño

10 juguetes de los 90 y 2000 que despertaron nuestra pasión por el diseño

Diseño
Por
Rease Rios
,
,
Leer artículo
7 lecciones que nuestras madres nos enseñaron sobre diseño
7 lecciones que nuestras madres nos enseñaron sobre diseño

7 lecciones que nuestras madres nos enseñaron sobre diseño

7 lecciones que nuestras madres nos enseñaron sobre diseño

Diseño
Por
John Moore Williams
,
,
Leer artículo
14 sitios web icónicos que presumen del diseño web clásico de los 90
14 sitios web icónicos que presumen del diseño web clásico de los 90

14 sitios web icónicos que presumen del diseño web clásico de los 90

14 sitios web icónicos que presumen del diseño web clásico de los 90

Diseño
Por
Rease Rios
,
,
Leer artículo
De freelancer a fundador: una entrevista con Vlad Magdalin, CEO de Webflow
De freelancer a fundador: una entrevista con Vlad Magdalin, CEO de Webflow

De freelancer a fundador: una entrevista con Vlad Magdalin, CEO de Webflow

De freelancer a fundador: una entrevista con Vlad Magdalin, CEO de Webflow

Dentro de Webflow
Por
Mariah Driver
,
,
Leer artículo
Proyectos estudiantiles en Webflow
Proyectos estudiantiles en Webflow

Proyectos estudiantiles en Webflow

Proyectos estudiantiles en Webflow

Diseño
Por
Mischa Vaughn
,
,
Leer artículo
El no-code es una mentira
El no-code es una mentira

El no-code es una mentira

El no-code es una mentira

Desarrollo
Por
Shawn Wang
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.