Desarrollo y código

Comprender desarrollo y código

Separe estructura de página, presentación, interacción y tratamiento del servidor. Siga datos y resultados a lo largo de un recorrido. Una animación de éxito no prueba que el sistema haya guardado el expediente ni que aplique las autorizaciones necesarias.

101 conceptos con definiciones y consejos prácticos.

Buscar en todo el glosario

Ilustración generada por IA — Comprender desarrollo y código — Ilustración generada por IA

Un recorrido de lectura

1. Estructura y presentación

HTML
Lenguaje de marcado que describe la estructura y el significado del contenido en una página web.
CSS
Estilo de hoja de estilo que controla la presentación, los colores, el espaciado y el diseño de los documentos web.
HTML semántico
Uso de elementos HTML de acuerdo con su significado real para mejorar la estructura, accesibilidad y la comprensión del documento.

2. Intercambios y contratos

API
Interfaz que permite que el software intercambie datos o desencadene funciones de acuerdo con las reglas documentadas.
punto final
Dirección de API específica o punto de acceso al que un cliente envía una solicitud.
Contrato de API
Descripción acordada de las operaciones de API, datos esperados, respuestas y errores, mantenidos de acuerdo con su comportamiento.

3. Errores y evolución

Mejora progresiva
Enfoque proporcionando una línea base universalmente funcional primero, luego agregando mejoras de acuerdo con las capacidades del navegador.
Preproducción
Entorno de preproducción similar al sitio web en vivo donde se verifican los cambios antes del lanzamiento.
Control de versiones
Sistema manteniendo el historial de cambios de archivos, facilitando la colaboración y permitiendo volver a un estado anterior.

Distinciones útiles

Front-end / Back-end

El front-end presenta la interfaz; el back-end realiza tratamientos del servidor. Un control en pantalla no sustituye la validación del dato recibido.

API / Webhook

Una API define intercambios; un webhook notifica un evento. El receptor debe prever retrasos y repetición de una notificación.

Ejemplo educativo

Usar el vocabulario para decidir

Situación

Una solicitud muestra éxito sin conservar ningún expediente.

Antes de decidir

Compare petición, respuesta y estado guardado. Separe la confirmación del servidor del mensaje mostrado por la interfaz.

Una comprobación concreta

Reproduzca el caso en una copia autorizada con datos ficticios y registre cada etapa.

Todos los conceptos del tema

Los enlaces abren la definición completa en su página alfabética. Las siglas y los sinónimos se pueden buscar en el glosario general.

Documentos de referencia primarios

Estos documentos explican conceptos técnicos. Los recorridos y ejemplos son métodos editoriales que se adaptan al proyecto.

ir a practicar