El código que parece letras chinas: lo que hace por tu negocio

Un amigo mío se paraba detrás de mí mientras yo construía páginas y miraba la pantalla en silencio por un rato. Eventualmente siempre decía lo mismo: "Chico, eso son letras chinas." No era broma. Para él, lo que veía en la pantalla podría haber sido cualquier idioma. Y tiene sentido. Si nunca has escrito código, el primer vistazo es exactamente eso.

Lo que nunca entendí fue por qué ese misterio hacía que la gente asumiera que el código no era para ellos, o que no necesitaban saber nada sobre él. No tienes que saber escribirlo. Pero sí ayuda entender, aunque sea a grandes rasgos, qué está pasando detrás de la pantalla cuando alguien abre tu página web.

De dónde viene todo esto

Empecé a hacer páginas web a los 14 años. En ese tiempo, las herramientas del momento eran Macromedia Dreamweaver y Macromedia Flash. Flash era lo que ponía video, animaciones y hasta juegos dentro del browser. Dreamweaver era para arrastrar y soltar elementos y construir páginas sin escribir tanto código a mano.

Hoy no existe ninguno de los dos. Flash murió oficialmente en 2020 después de años de declive. Dreamweaver casi nadie lo usa. Las razones son largas, pero el resumen es que el mundo se movió hacia algo más abierto, más rápido y más adaptable.

Lo que sobrevivió, y lo que lleva 25 años siendo la base de todo en internet, son tres tecnologías: HTML, CSS y JavaScript. Todo lo que ves en cualquier página web del mundo está construido sobre esas tres. Desde el sitio de tu banco hasta el blog de tu vecino.

Qué hace cada uno

Imagínate que tienes una barbería. Antes de abrir, el local empieza como paredes y piso. Luego le pones sillas, espejos, el mostrador. Después lo pintas, le pones las luces, le das el estilo. Y por último conectas el teléfono, instalas el sistema de citas, pones música. Tres fases, tres funciones distintas. Así mismo trabajan HTML, CSS y JavaScript.

HTML: el esqueleto

HTML define qué hay en la página. El título, el texto, los botones, las imágenes, los formularios. Sin HTML no hay nada. Es la estructura base, el andamiaje sobre el que todo lo demás se construye.

Cuando abres cualquier página, el browser lee HTML primero. Es básicamente una lista de instrucciones: aquí va un encabezado, aquí un párrafo, aquí una imagen. Sin CSS ni JavaScript, una página de HTML puro se ve como texto negro sobre fondo blanco. Funciona, pero no impresiona a nadie.

CSS: el diseño

CSS es lo que transforma ese esqueleto en algo que parece profesional o amateur. Le da colores, tamaños, fuentes, espaciado y posición a todo. Una misma página de HTML con CSS diferente es un sitio completamente distinto visualmente.

Esto también incluye que tu página se vea bien en un celular de 5 pulgadas y en una pantalla de 27 pulgadas al mismo tiempo. Eso no es magia. Es CSS haciendo su trabajo.

JavaScript: el comportamiento

JavaScript es lo que hace que las cosas pasen cuando el usuario hace algo. El menú que se abre al tocar el ícono. El formulario que valida si pusiste un correo real antes de enviarlo. El mapa interactivo. La galería de fotos que desliza. Si algo en tu página reacciona, probablemente hay JavaScript detrás.

Los browsers de hoy son tan poderosos que JavaScript puede hacer casi cualquier cosa que antes requería instalar una aplicación. Tu banco, Google Maps, Netflix, todo eso corre en el browser usando JavaScript como base.

El browser es más de lo que parece

Chrome, Safari, Firefox. Los usas todos los días y probablemente no piensas mucho en ellos. Pero los browsers de hoy son básicamente sistemas operativos dentro de tu computadora o celular.

Una página web en 1999 era un documento estático. Como un PDF. La abrías, leías, y eso era todo. Lo que tienes ahora es completamente distinto. Tu banco corre en el browser. Google Maps corre en el browser. Netflix, en el browser. Cuando estás pagando una factura o rastreando un paquete, estás usando una aplicación web. Las mismas tecnologías base de cualquier página sencilla.

Una página para tu negocio usa esa misma base. No al mismo nivel de complejidad que Netflix, claro. Pero sí el mismo lenguaje. Eso significa que tiene la capacidad de crecer.

Una página sencilla es el punto de entrada

La mayoría de mis clientes necesitan algo directo al principio. Una landing page que aparezca en Google, muestre los servicios, y tenga una forma de contactar. Con eso solo, ya se empieza a ganar terreno.

Pero el código que construye esa landing page es el mismo que puede sostener mucho más si el negocio crece. No hay que empezar de cero cuando llegue ese momento. Se agrega encima de lo que ya existe.

Algunas cosas que se pueden añadir sin cambiar de plataforma:

• Sistema de citas o reservaciones en línea
• Tienda con pagos integrados
• Galería de trabajos o portafolio actualizable
• Blog con artículos para posicionarse en Google
• Chat en vivo o integración con WhatsApp
• Formularios más complejos según el negocio lo pida

Todo eso sobre la misma base. No es empezar desde cero cada vez que el negocio quiere algo nuevo. Es construir sobre lo que ya funciona.

La página que tienes hoy no tiene que ser la última versión. Tiene que ser la primera buena.

- JC, JCTech

No necesitas entender el código para que trabaje por ti

No entiendes cómo funciona el motor de tu carro. Probablemente no sabes cómo el refrigerador mantiene la temperatura exacta. Pero los usas todos los días sin problema.

Con tu página web es igual. No tienes que saber escribir HTML para tener un sitio bien construido. No tienes que entender CSS para que tu página se vea profesional en el celular de tu cliente. No tienes que saber qué es JavaScript para que tu formulario de contacto funcione y te lleguen los mensajes directo al correo.

Para eso estoy yo. Tú te concentras en tu negocio, en atender a tus clientes, en hacer lo que sabes hacer. Yo me encargo de que el código trabaje solo. Que aparezca en Google. Que cargue rápido. Que no se vea raro en el celular.

Y si algún día tu amigo te mira la pantalla y dice "eso son letras chinas", ya sabes qué decirle.