Todos sabemos lo que hace que el no-code sea genial.
Democratiza la tecnología, hace que la creación de sitios web sea accesible para un público más amplio, acelera la innovación y, como resultado, impulsa a toda la industria.
Sin embargo, no estoy aquí para hablar de lo que ya sabes (o crees saber) sobre el no-code. Estoy aquí para hablar de los conceptos erróneos que tiene la gente y de cosas que creo que todos deberían considerar antes de sumergirse en este mundo. Por muy popular que sea ahora mismo, es importante señalar que el no-code aún está en sus inicios. Esto significa que todavía requiere cierta competencia y formación para crear sitios web y experiencias increíbles.
En Refokus, construimos exclusivamente con Webflow, así que hemos tenido mucho tiempo para trabajar con no-code y desarrollar diferentes aprendizajes y mejores prácticas en torno a estas herramientas. Al abordar estos conceptos erróneos, espero poder ofrecer puntos de referencia para el debate y una oportunidad para mejorar no solo cómo trabaja tu equipo, sino también cómo funciona nuestra industria.
Empecemos.
Concepto erróneo n.º 1: cualquiera puede construir cualquier cosa
Aquí está la cuestión: técnicamente puedes construir lo que quieras, pero con un asterisco. Cualquiera puede construir cualquier cosa, pero la calidad de lo que se construye depende de la habilidad de quien lo hace.
El mayor error sobre el no-code es creer que saber usar una herramienta es suficiente. Por supuesto, es fácil hacer uno mismo un sitio sencillo sin mayores problemas, o sacar una plantilla y hacer algunos cambios. Pero cuando se trata de construir sitios web escalables y complejos, la historia es muy distinta.
Me gusta usar una analogía de la construcción. Todo el mundo sabe usar las herramientas de una caja de herramientas. Puedes aprender a usar una excavadora profesional y, con un poco de práctica, incluso ser hábil con ella. Pero eso no te cualifica para planificar, diseñar y construir una casa.
En el mundo digital ocurre exactamente lo mismo. Aunque las herramientas no-code como Webflow son más accesibles que nunca y las posibilidades de lo que puedes construir son infinitas, al fin y al cabo, sigue siendo una herramienta. Y como toda herramienta, requiere una combinación de conocimientos y experiencia en diferentes áreas para crear algo especial.
En Refokus, contamos específicamente con desarrolladores de Webflow que conocen la herramienta a fondo y tienen un profundo conocimiento de las mejores prácticas de HTML/CSS. Trabajan junto a diseñadores, gestores de proyectos, productores y desarrolladores tradicionales que aportan experiencia, conocimientos y habilidades en todas las áreas necesarias para construir sitios web increíbles.
El punto es que crear grandes experiencias en una plataforma no-code es un esfuerzo de equipo. Con la especialización llega la maestría, y es importante no hacer que la gente asuma demasiados roles. Priorizar el resultado del proyecto en lugar de lo que es más rápido, barato o cómodo garantizará la creación del mejor producto posible.
Concepto erróneo n.º 2: el no-code no implica código
¿Sabes cuál es el resultado real de las herramientas no-code?
Una pista: no es un arcoíris digital mágico que vive en una nube de piruletas. El resultado real del no-code es, al contrario de lo que sugiere su nombre, ¡código!
Al usar herramientas no-code como Webflow, cada elemento que arrastras al lienzo representa una pieza de código. Y en algunos casos, cuando intervienen componentes grandes como pestañas o deslizadores, en realidad son varias piezas juntas que combinan HTML, CSS y JavaScript.
En lugar de pensar que las herramientas no-code literalmente no contienen código, piénsalo como herramientas de "código oculto". Sigues construyendo con código, solo que lo haces visualmente. No ves el código, pero está ahí. Y lo más importante: eres responsable de su calidad.
Por lo tanto, si vas a utilizar herramientas no-code como Webflow de forma profesional, debes saber cómo funciona el código. No es opcional ni un "estaría bien tenerlo", es imprescindible. Esto no significa que debas ser capaz de programar el próximo Skynet, pero sí necesitas entender las mejores prácticas, limitaciones y soluciones alternativas de HTML/CSS. En Refokus, cada sitio web o aplicación que construimos en Webflow pertenece al equipo de desarrollo. Los diseñadores diseñan, los desarrolladores desarrollan.
Un gran recurso para entender mejor el código es el curso intensivo Webflow 101 de Webflow University. Aquí empiezas con contenido como la introducción a HTML y CSS, y se hace mucho hincapié en cómo funciona el código entre bastidores.
Los sitios web funcionan con código. Puedes crear sitios web escribiendo código o construyendo visualmente con Webflow, pero eso no significa que el código pueda ser reemplazado (al menos no en un futuro próximo). En muchos casos, las herramientas no-code son todo lo que necesitas. Pero en otros, tendrás que añadir código sobre ellas. Esto me lleva a mi último concepto erróneo.
Libro electrónico gratuito: La revolución no-code
Descubre el impacto que tendrá el movimiento no-code en el futuro de los creadores y las empresas.
Mito n.º 3: estás limitado a las funciones principales de una plataforma
Mi último mito es una pequeña mezcla de los dos anteriores. Si tu única habilidad es usar la herramienta, estarás limitado a lo que esta ofrece y probablemente no podrás aprovecharla al máximo. Ahora bien, si tienes experiencia más allá de la herramienta, el no-code es solo una pieza del rompecabezas, lo que significa que las posibilidades son infinitas y puedes ampliar sus funciones principales.
Voy a usar nuestra propia experiencia desarrollando sobre Webflow para ilustrar lo lejos que está este mito de la realidad.
Para empezar, básicamente usamos Webflow para lo que mejor hace, que es:
- Crear HTML/CSS
- Crear animaciones
- Hosting
- CMS (a menos que necesitemos algo más personalizado)
A partir de ahí, construimos todo lo demás que necesitamos encima. Nunca nos hemos limitado a lo que Webflow puede hacer. Y ahí es donde veo que las mejores características del no-code se unen. Las herramientas no-code, o al menos las buenas como Webflow, nos proporcionan formas más inteligentes de crear código. En algunos casos son la solución completa, en otros no. Quizás algún día lo sean, pero hasta que eso ocurra, puedes (y debes) programar lo que quieras encima y no limitarte por lo que se puede hacer dentro de la herramienta.
Quizás te preguntes: "¿Cómo sé qué enfoque tomar?". En Refokus, nos basamos en las necesidades individuales y en la complejidad.
Bibliotecas de terceros
Un gran ejemplo al tratar con bibliotecas de terceros es cuando construyes un slider que va más allá de las capacidades del componente de slider de Webflow. Para este escenario, usamos SlickJS la mayor parte del tiempo. Usar SlickJS es bastante sencillo: solo tenemos que añadir algo de código personalizado, usar los atributos definidos por SlickJS y listo. Ese suele ser el caso al usar bibliotecas de terceros: su uso es generalmente directo y simple. Solo ten cuidado con tu selección auditando la calidad de su código.
Funciones más allá de lo que ofrece Webflow
Para cualquier cosa que implique una función que supere lo que ofrece Webflow, la programamos usando JavaScript y luego la empaquetamos en una pieza de código reutilizable que llamamos "Refokus Tools". Estas herramientas van desde cosas pequeñas como "cargar más en CMS" hasta otras más grandes como "filtros y búsqueda para colecciones de CMS".
También nos aseguramos de mantenernos fieles a nuestra mentalidad de reutilización (que es uno de los pilares del no-code) estableciendo un KPI donde nuestro equipo de desarrollo debe crear al menos una herramienta por semana.
Estas herramientas viven en nuestro repositorio de GitHub y las usamos en proyectos según sea necesario. Hemos recopilado todas nuestras herramientas, documentación y demos, y las hemos hecho abiertas y disponibles para todos. La mejor parte es que usarlas es gratis. Si tienes curiosidad, puedes echarles un vistazo aquí.
Aplicaciones web y funciones personalizadas
Al crear aplicaciones web o funciones más complejas dentro de sitios web, como la gestión y el registro de usuarios, usamos el siguiente stack:
- Webflow: El lado no-code del proceso. Lo usamos para crear el HTML/CSS, las interacciones, las animaciones y el alojamiento.
- VueJS: Necesitamos algo para conectar Webflow con nuestras API personalizadas y aplicaciones de terceros. Para lograrlo, usamos VueJS. VueJS nos permite crear componentes basados en HTML en lugar de JSX (como hace algo como ReactJS) y, dado que usamos Webflow para crear el HTML/CSS, VueJS es el framework perfecto para nuestra configuración.
- NodeJS: Usamos NodeJS para conectar servicios de terceros, ampliar la funcionalidad de Webflow con cosas como sistemas de registro, sincronizar archivos CSV en un FTP con el CMS de Webflow y mucho más. NodeJS es la forma más rápida de poner en marcha una API personalizada. También usamos GraphQL en algunos proyectos cuando los datos son complejos o cuando una API REST implicaría demasiados endpoints.
- Vercel: Como necesitamos alojar nuestra API personalizada y VueJS en algún lugar, usamos Vercel, una solución serverless que nos permite desplegar en diferentes entornos prácticamente sin configuración.
- MongoDB: Cuando la API de Webflow no es suficiente, como cuando necesitas buscar una publicación usando un campo específico, usamos MongoDB: una base de datos NoSQL que nos permite replicar cualquier estructura de datos sin complicaciones. Siempre usamos la versión en la nube.
- APIs personalizadas y servicios de terceros: Nos integramos con varios servicios de terceros, como Mandrill para correos electrónicos transaccionales, Airtable para bases de datos o incluso APIs personalizadas para servicios de backend específicos.
El no-code es el futuro
El talento humano es limitado, así que es un desperdicio gastarlo haciendo tareas repetitivas una y otra vez. Las herramientas no-code nos brindan la oportunidad de ser más productivos y eficientes. Hacen que nuestro trabajo sea más divertido y nos ayudan a ir más rápido. Son el futuro de la creación de software y sitios web. Ser de los primeros en adoptar esta metodología no es solo un privilegio, sino también una responsabilidad. Debemos asegurarnos de que no se trate como una solución rápida y barata, sino como una forma de trabajar mejor y crear experiencias superiores.
