Frontend

Lo que se ejecuta en el navegador: HTML, CSS, JavaScript y técnicas de rendimiento.

• Core Web Vitals

  Las Core Web Vitals son las tres métricas con las que Google mide la experiencia de carga de una web: lo que tarda en verse el contenido principal (LCP), lo rápido que responde a la interacción (INP) y lo estable que es la página (CLS).

• CSS

  CSS es el lenguaje con el que se define el aspecto de una web: colores, tipografías, tamaños, márgenes y la disposición de los elementos en la pantalla, adaptada a cada dispositivo.

• Diseño responsive

  El diseño responsive es la técnica de crear una web que se adapta automáticamente al tamaño de la pantalla, del móvil al monitor grande, con un solo código y una sola URL.

• HTML

  HTML es el lenguaje con el que se escribe la estructura y el contenido de una página web: títulos, párrafos, enlaces, imágenes, formularios. El navegador lo lee y lo convierte en lo que ves en pantalla.

• JavaScript

  JavaScript es el lenguaje de programación que se ejecuta en los navegadores y permite que las webs sean interactivas: menús, formularios que se validan al momento, contenido que se carga sin recargar la página. Con Node.js también se usa en servidores.

• JSON

  JSON es un formato de texto para intercambiar datos estructurados, fácil de leer para personas y de procesar para programas. Es el formato estándar de las APIs web.

• Lazy loading

  El lazy loading o carga diferida consiste en no descargar las imágenes, vídeos o scripts que no se ven hasta que el usuario se acerca a ellos al desplazarse. Acelera la carga inicial y ahorra datos.

• Minificación

  La minificación consiste en eliminar de los archivos CSS, JavaScript y HTML todo lo que no hace falta para que funcionen (espacios, saltos de línea, comentarios, nombres largos) para que pesen menos.

• PWA

  Una PWA (Progressive Web App) es una web que se puede instalar en el móvil o el ordenador como una aplicación, funcionar sin conexión y enviar notificaciones, sin pasar por una tienda de aplicaciones.

• SPA

  Una SPA (Single Page Application) es una web que carga una sola página HTML y, a partir de ahí, cambia el contenido con JavaScript sin recargar. Así funcionan Gmail, Trello o la mayoría de paneles de control.

• SSG

  Un SSG (Static Site Generator) es una herramienta que genera todas las páginas de una web como archivos HTML una sola vez, al publicar. El resultado es un sitio estático: rápido, barato de alojar y muy difícil de atacar.

• SSR

  SSR (Server-Side Rendering) significa generar el HTML de cada página en el servidor en el momento de la petición, para que el navegador reciba la página ya construida en lugar de montarla con JavaScript.

• XSS

  Un XSS (Cross-Site Scripting) es una vulnerabilidad que permite a un atacante insertar código JavaScript en una web que luego se ejecuta en el navegador de otros visitantes, con acceso a su sesión y a lo que ven.