Diccionario de términos

Diccionario de términos#

DAWM#: Desarrollo de Aplicaciones Web y Móviles.
ChatGPT#
Bard#
Gemini#: Herramientas de inteligencia artificial generativa que utilizan modelos de lenguaje para interactuar con los usuarios y generar texto basado en las entradas proporcionadas.
QR#: Código QR (Quick Response) es un tipo de código de barras bidimensional que puede almacenar información, como texto, URLs o datos de contacto, y se puede escanear utilizando la cámara de un dispositivo móvil.
URL#: Localizador uniforme de recursos. Es la dirección de un recurso en la web.
GIT#: Sistema de control de versiones distribuido. Permite llevar un registro de los cambios en el código fuente a lo largo del tiempo.
Markdown#: Lenguaje de marcado ligero que permite formatear texto de manera sencilla. Se utiliza comúnmente para escribir documentación y README.
GitHub#: Plataforma de desarrollo colaborativo que utiliza Git como sistema de control de versiones. Permite alojar proyectos, colaborar con otros desarrolladores y gestionar el código fuente.
Codespaces#: Entorno de desarrollo integrado en la nube proporcionado por GitHub. Permite a los desarrolladores trabajar en proyectos directamente desde el navegador, sin necesidad de configurar un entorno local.
Flujos de trabajo#: Conjunto de acciones automatizadas que se ejecutan en respuesta a eventos específicos en un repositorio de GitHub. Los flujos de trabajo se definen en archivos YAML y pueden incluir tareas como la construcción, prueba y despliegue de aplicaciones.
GitHub Actions#: Herramienta de automatización de flujos de trabajo integrada en GitHub. Permite crear y ejecutar flujos de trabajo personalizados para automatizar tareas relacionadas con el desarrollo de software.
HTML#: Lenguaje de marcado utilizado para estructurar y presentar contenido en la web. HTML define la estructura básica de una página web mediante etiquetas y elementos.
directorio raíz#: Carpeta principal de un proyecto que contiene todos los archivos y subcarpetas del mismo. En el contexto de un proyecto web, el directorio raíz suele contener archivos HTML, CSS, JavaScript y otros recursos.
etiquetas#: Elementos de HTML que se utilizan para marcar y estructurar el contenido de una página web. Las etiquetas HTML se representan mediante ángulos (<>) y pueden tener atributos que proporcionan información adicional sobre el elemento.
Copilot#: Herramienta de autocompletado de código basada en inteligencia artificial, desarrollada por GitHub. Se integra con editores de código como Visual Studio Code y sugiere fragmentos de código y funciones mientras el desarrollador escribe.
VSCode#: Editor de código fuente desarrollado por Microsoft. Es ampliamente utilizado por desarrolladores para escribir y editar código en varios lenguajes de programación.
estructura general#: Conjunto de etiquetas HTML que definen la estructura básica de un documento HTML. Incluye etiquetas como <html>, <head>, <body>, entre otras.
estructura semántica#: Conjunto de etiquetas HTML que proporcionan significado y contexto al contenido de una página web. Incluye etiquetas como <header>, <nav>, <article>, <section>, entre otras.
estándar#: Conjunto de reglas y pautas que definen cómo debe escribirse y estructurarse el código HTML. El estándar HTML Living Standard es el documento de referencia para el lenguaje HTML.
multimedia#: Contenido que combina diferentes tipos de medios, como texto, imágenes, audio y video. En HTML, se utilizan etiquetas específicas para incluir y mostrar contenido multimedia en una página web.
formulario#: Conjunto de elementos HTML que permiten a los usuarios ingresar datos y enviar información a un servidor. Incluye etiquetas como <form>, <input>, <textarea>, <select>, entre otras.
semántica de texto#: Conjunto de etiquetas HTML que proporcionan significado y estructura al texto en una página web. Incluye etiquetas como <h1>, <p>, <ul>, <ol>, entre otras.
semántica contenedoras#: Conjunto de etiquetas HTML que se utilizan para agrupar y organizar contenido relacionado en una página web. Incluye etiquetas como <div>, <span>, <section>, entre otras.
IAG#: Generador de texto a partir de IA. Herramienta que utiliza inteligencia artificial para generar texto y recomendaciones basadas en el contenido proporcionado por el usuario.
atributos#: Propiedades adicionales que se pueden agregar a las etiquetas HTML para proporcionar información adicional sobre el elemento. Los atributos se definen dentro de la etiqueta y pueden incluir valores como identificadores, clases, estilos, entre otros.
CSS#: Hojas de estilo en cascada. Lenguaje utilizado para describir la presentación y el diseño de un documento HTML. CSS permite aplicar estilos, colores, fuentes y diseños a los elementos HTML.
inspector del navegador#: Herramienta de desarrollo integrada en los navegadores web que permite inspeccionar y depurar el código HTML, CSS y JavaScript de una página web. El inspector del navegador proporciona información sobre la estructura del DOM, los estilos aplicados y el rendimiento de la página.
reglas CSS#: Conjunto de instrucciones que definen cómo se deben presentar los elementos HTML en una página web. Las reglas CSS incluyen selectores, propiedades y valores que determinan el estilo visual de los elementos.
selector CSS#: Parte de una regla CSS que se utiliza para seleccionar los elementos HTML a los que se aplicará el estilo. Los selectores pueden ser etiquetas, clases, identificadores o combinaciones de estos.
propiedad CSS#: Parte de una regla CSS que define el estilo que se aplicará a los elementos seleccionados. Las propiedades CSS pueden incluir colores, fuentes, márgenes, tamaños, entre otros.
valor CSS#: Parte de una regla CSS que especifica el valor que se aplicará a una propiedad CSS. Los valores pueden ser números, colores, tamaños, unidades de medida, entre otros.
código legado#: Código antiguo o desactualizado que aún se utiliza en un proyecto. Puede ser difícil de mantener y actualizar debido a su antigüedad o falta de documentación.
flex#: Es un modelo de diseño CSS que permite distribuir el espacio entre los elementos de una interfaz y alinear el contenido dentro de un contenedor. Es especialmente útil para crear diseños responsivos y adaptativos
grid#: Es un sistema de diseño CSS que permite crear diseños de cuadrícula complejos y responsivos. Utiliza filas y columnas para organizar el contenido de manera flexible y adaptativa.
unidad relativa al tamaño de la fuente raíz#: Unidad de medida en CSS que se basa en el tamaño de la fuente raíz del documento. Se utiliza para establecer tamaños y espacios de manera proporcional al tamaño de la fuente base, lo que facilita la adaptación del diseño a diferentes tamaños de pantalla.
landing page#: Página web diseñada con un objetivo específico, como la promoción de un producto, la captación de leads o la presentación de información relevante. Las landing pages suelen tener un diseño atractivo y una estructura clara para guiar al usuario hacia una acción específica.
TailwindCSS#: Framework de CSS que utiliza un enfoque de clases utilitarias para aplicar estilos a los elementos HTML. Permite crear diseños personalizados y responsivos de manera rápida y eficiente, evitando la necesidad de escribir CSS personalizado.
.gitignore#: Archivo utilizado para especificar qué archivos o directorios deben ser ignorados por Git. Se utiliza para evitar que ciertos archivos temporales, de configuración o de dependencias sean rastreados por el sistema de control de versiones.
Node#: Entorno de ejecución de JavaScript del lado del servidor. Permite ejecutar código JavaScript fuera del navegador, lo que lo convierte en una herramienta popular para el desarrollo de aplicaciones web y móviles.
Vite#: Herramienta de construcción y desarrollo para aplicaciones web modernas. Proporciona un entorno de desarrollo rápido y eficiente, con características como recarga en caliente, optimización de recursos y soporte para módulos ES.
ES#: ECMAScript. Es un estándar de scripting que define cómo se deben implementar los lenguajes de programación basados en JavaScript. ES6 (ECMAScript 2015) es una versión importante que introdujo muchas características nuevas y mejoras al lenguaje.
Javascript#: Lenguaje de programación interpretado, orientado a objetos y basado en prototipos, que se utiliza principalmente para añadir interactividad y dinamismo a las páginas web. Permite manipular el contenido del documento HTML (DOM), responder a eventos del usuario, validar formularios, hacer peticiones a servidores sin recargar la página (AJAX), entre muchas otras funcionalidades. Es uno de los lenguajes fundamentales del desarrollo web junto con HTML y CSS.
clases utilitarias#: Clases predefinidas en Tailwind CSS que se utilizan para aplicar estilos específicos a los elementos HTML. Las clases utilitarias permiten aplicar estilos de manera rápida y eficiente, sin necesidad de escribir CSS personalizado.
CDN#: Un CDN (Content Delivery Network) es una red de entrega de contenido utilizada para facilitar el desarrollo de aplicaciones web. En esencia, es un conjunto de servidores ubicados en diferentes partes del mundo que almacenan copias de los archivos estáticos de una aplicación (como CSS, imágenes, etc.).
hero section#: Es la primera sección visible de una página web cuando se carga, diseñada para captar la atención del usuario de inmediato y comunicar el propósito principal del sitio. Suele incluir un título impactante, un subtítulo descriptivo, una imagen o video relevante y una llamada a la acción (CTA) destacada, invitando al visitante a explorar más o realizar una acción específica.
Vercel#: Es una plataforma en la nube unificada que permite a los desarrolladores desplegar, gestionar y escalar aplicaciones y sitios web de manera rápida y eficiente, especialmente aquellos construidos con tecnologías de frontend modernas como React, Next.js y Vue.js. Se destaca por su enfoque en la experiencia del desarrollador, ofreciendo despliegues automatizados, previsualizaciones instantáneas de cambios, integración continua con sistemas de control de versiones como Git y GitHub, y soporte para funciones serverless, lo que simplifica la creación de lógica de backend sin la necesidad de gestionar servidores.
npm#: (Node Package Manager) es el gestor de paquetes estándar para el entorno de ejecución de JavaScript Node.js, y consiste en un cliente de línea de comandos y una vasta base de datos en línea de paquetes públicos y privados, conocida como el registro npm.
breakpoints#: Son los puntos definidos en el ancho de la pantalla que permiten aplicar estilos responsivos de forma condicional. Estos breakpoints se utilizan junto con los prefijos de las clases utilitarias, como sm:, md:, lg:, xl: y 2xl:, para indicar que ciertos estilos deben aplicarse solo cuando el viewport alcanza o supera un tamaño específico.
componente#: Es una pieza de código reutilizable que encapsula HTML, CSS y JavaScript para crear un elemento específico de la interfaz de usuario.
despliegue continuo (CD)#: Es un proceso automatizado que permite que cualquier cambio realizado en el código fuente, y enviado a un repositorio conectado (como GitHub, GitLab o Bitbucket), se despliegue automáticamente en producción o en un entorno de vista previa.
consola del navegador#: Es una herramienta de desarrollo integrada en los navegadores web que permite a los desarrolladores interactuar con el código JavaScript, depurar errores, registrar mensajes y realizar pruebas en tiempo real. La consola proporciona un entorno interactivo donde se pueden ejecutar comandos JavaScript y ver los resultados inmediatamente.
función de autoejecución#: IIFE (Immediately Invoked Function Expression) es una función de JavaScript que se define y se ejecuta inmediatamente después de su creación. Se utiliza para crear un ámbito local y evitar la contaminación del espacio de nombres global, lo que ayuda a prevenir conflictos entre variables y funciones en el código.
función flecha#: Es una forma concisa de definir funciones en JavaScript, introducida en ECMAScript 6 (ES6). Las funciones de flecha tienen una sintaxis más corta y no tienen su propio contexto de this, lo que las hace ideales para usar en callbacks y funciones anónimas.
evento#: Son acciones o sucesos que ocurren en el navegador, como clics del mouse, teclas presionadas, desplazamiento de la página, entre otros. Los eventos se pueden capturar y manejar mediante JavaScript para crear interactividad en las páginas web.
API#: (Interfaz de Programación de Aplicaciones) es un conjunto de reglas y protocolos que permite a diferentes aplicaciones comunicarse entre sí. En el contexto del desarrollo web, las APIs se utilizan para acceder a servicios externos, como bases de datos, servicios de autenticación, o cualquier otro recurso que pueda ser consumido por una aplicación.
API RESTful#: Es un estilo de arquitectura de software que utiliza HTTP para la comunicación entre un cliente y un servidor. Las APIs RESTful siguen principios como la utilización de recursos identificados por URLs, el uso de métodos HTTP (GET, POST, PUT, DELETE) para realizar operaciones sobre esos recursos, y la representación de los datos en formatos como JSON o XML.
API REST#: Es un tipo de API que sigue los principios de la arquitectura REST (Representational State Transfer). Las APIs RESTful utilizan el protocolo HTTP para realizar operaciones sobre recursos, permitiendo a los desarrolladores interactuar con servicios web de manera sencilla y eficiente. Estas APIs son ampliamente utilizadas en aplicaciones web y móviles para acceder a datos y funcionalidades de backend.
Fetch API#: Es una interfaz de programación de aplicaciones (API) que permite realizar peticiones HTTP de manera asíncrona en JavaScript. La Fetch API proporciona una forma más moderna y flexible de hacer solicitudes a servidores y manejar respuestas, en comparación con el antiguo objeto XMLHttpRequest.
petición HTTP#: Es una solicitud enviada por un cliente (como un navegador web) a un servidor para obtener recursos o realizar acciones específicas. Las peticiones HTTP pueden ser de diferentes tipos, como GET, POST, PUT, DELETE, entre otros, y se utilizan para interactuar con APIs y servicios web.
respuesta HTTP#: Es la respuesta enviada por un servidor en respuesta a una petición HTTP. La respuesta HTTP incluye un código de estado que indica el resultado de la solicitud (por ejemplo, 200 para éxito, 404 para no encontrado) y puede contener datos en diferentes formatos, como HTML, JSON o XML.
JSON#: (JavaScript Object Notation) es un formato ligero de intercambio de datos que es fácil de leer y escribir para los humanos, y fácil de analizar y generar para las máquinas. JSON se utiliza comúnmente para transmitir datos entre un servidor y un cliente en aplicaciones web, especialmente en APIs RESTful.
XML#: (eXtensible Markup Language) es un lenguaje de marcado que se utiliza para almacenar y transportar datos de manera estructurada. XML es similar a HTML, pero está diseñado para ser más flexible y extensible, permitiendo a los desarrolladores definir sus propias etiquetas y estructuras de datos.
promesas#: Objetos en JavaScript que representan la finalización o el fracaso eventual de una operación asíncrona. Las promesas permiten manejar operaciones asíncronas de manera más legible y estructurada, evitando el uso excesivo de callbacks anidados (callback hell).
renderizar#: Es el proceso de generar y mostrar contenido en la interfaz de usuario de una aplicación web. En el contexto de aplicaciones web, renderizar implica tomar datos (como HTML, CSS y JavaScript) y convertirlos en una representación visual que los usuarios puedan ver e interactuar.
dashboard#: Es una interfaz visual que muestra información clave y métricas relevantes de manera organizada y fácil de entender. Los dashboards se utilizan comúnmente para monitorear el rendimiento, analizar datos y tomar decisiones informadas en tiempo real.
React#: Es una biblioteca de JavaScript para construir interfaces de usuario. Desarrollada por Facebook, React permite crear componentes reutilizables y gestionar el estado de la aplicación de manera eficiente, facilitando el desarrollo de aplicaciones web interactivas y dinámicas.
Client Side Rendering (CSR)#: Es una técnica de desarrollo web donde el contenido de una página se genera en el navegador del cliente utilizando JavaScript. En CSR, el servidor envía un archivo HTML básico y los scripts necesarios, y luego el navegador construye la interfaz de usuario dinámicamente, lo que permite una experiencia más interactiva pero puede afectar el rendimiento inicial de carga.
JSX#: Es una extensión de sintaxis para JavaScript que permite escribir código similar a HTML dentro de archivos JavaScript. JSX se utiliza principalmente en React para definir la estructura y el contenido de los componentes de la interfaz de usuario, facilitando la creación de interfaces dinámicas y reutilizables.
prop#: Es una abreviatura de «propiedad» y se refiere a los atributos o características que se pueden pasar a un componente en React. Las props permiten personalizar el comportamiento y la apariencia de un componente al proporcionar datos y configuraciones desde el componente padre.
estado#: Es un objeto en React que representa la información que puede cambiar a lo largo del tiempo en un componente. El estado se utiliza para almacenar datos que afectan la representación visual del componente y se puede actualizar mediante la función setState.
componente funcional#: En React, es una función de JavaScript que devuelve un fragmento de interfaz de usuario utilizando JSX. A diferencia de los componentes de clase, los componentes funcionales son más simples y se utilizan principalmente para representar vistas basadas en propiedades (props). Desde la introducción de los Hooks en React 16.8, estos componentes también pueden manejar estado y efectos secundarios, lo que los hace tan potentes como los componentes de clase pero con una sintaxis más concisa y legible.
interfaz#: Sirve para describir la forma que deben tener los objetos de propiedades (props) que recibe un componente, asegurando así un desarrollo más confiable y mantenible.
hook#: Es una función especial que permite a los componentes funcionales acceder a características propias de los componentes de clase, como el manejo de estado (useState), efectos secundarios (useEffect), referencias (useRef), entre otros.
endpoint#: Es una URL específica dentro de una API que representa un recurso o una funcionalidad particular. Los endpoints se utilizan para realizar operaciones como obtener, crear, actualizar o eliminar datos a través de peticiones HTTP.
variable de estado#: Es un valor que se almacena dentro de un componente y que puede cambiar a lo largo del tiempo, provocando que el componente se vuelva a renderizar cuando ese valor se actualiza.
función de actualización#: Es la función que se obtiene junto con una variable de estado al usar el hook useState, y se utiliza para cambiar el valor de dicha variable.
gestión y visualización de datos#: Es el proceso de organizar, almacenar y presentar datos de manera efectiva en una aplicación. Esto incluye la obtención de datos de fuentes externas (como APIs), su procesamiento y transformación, y la representación visual de esos datos en la interfaz de usuario mediante tablas, gráficos y otros componentes visuales.
PWA#: (Progressive Web App) es un tipo de aplicación web que utiliza tecnologías modernas para ofrecer una experiencia similar a las aplicaciones nativas en dispositivos móviles. Las PWAs son rápidas, confiables y pueden funcionar sin conexión a internet, lo que las hace accesibles en una amplia variedad de dispositivos y condiciones de red.
manifest#: Es un archivo JSON que describe la configuración y características de una Progressive Web App (PWA). El manifest incluye información como el nombre de la aplicación, iconos, colores de tema, orientación de pantalla y otras propiedades que permiten a los navegadores web tratar la PWA como una aplicación nativa.
service worker#: Es un script que se ejecuta en segundo plano en el navegador y permite a las Progressive Web Apps (PWAs) gestionar el almacenamiento en caché, las notificaciones push y otras funcionalidades avanzadas. Los service workers actúan como intermediarios entre la aplicación web y la red, lo que permite a las PWAs funcionar sin conexión a internet y mejorar el rendimiento al almacenar recursos localmente.
ambiente virtual de desarrollo#: Es un entorno aislado en el que se pueden instalar y ejecutar dependencias de un proyecto sin interferir con otras aplicaciones o proyectos en el sistema. Los ambientes virtuales son útiles para gestionar diferentes versiones de bibliotecas y evitar conflictos entre proyectos.
Django#: Es un framework de desarrollo web de alto nivel para Python que permite crear aplicaciones web de manera rápida y sencilla. Proporciona una estructura organizada para el desarrollo, incluyendo herramientas para la gestión de bases de datos, autenticación de usuarios, enrutamiento de URLs y generación de contenido dinámico.
proyecto Django#: Es un marco de trabajo de alto nivel para el desarrollo de aplicaciones web en Python. Un proyecto Django incluye una estructura de directorios y archivos que facilitan la organización del código, la configuración del entorno y la implementación de funcionalidades específicas.
aplicación Django#: Es un componente modular dentro de un proyecto Django que encapsula una funcionalidad específica. Las aplicaciones Django pueden ser reutilizadas en diferentes proyectos y se componen de modelos, vistas, plantillas y archivos estáticos que trabajan juntos para proporcionar una funcionalidad completa.
Server Side Rendering (SSR)#: Es una técnica de desarrollo web donde el servidor genera el HTML completo de una página antes de enviarlo al cliente. Esto permite que la página se muestre más rápidamente y mejora la indexación por parte de los motores de búsqueda, ya que el contenido está disponible en el momento de la carga inicial.
Django REST framework#: Es una biblioteca de Django que facilita la creación de APIs RESTful. Proporciona herramientas y utilidades para definir serializadores, vistas y enrutamiento de URLs, lo que permite construir APIs de manera rápida y eficiente.
código de estado HTTP#: Es un número que indica el resultado de una petición HTTP. Los códigos de estado se dividen en categorías, como 2xx para éxito, 4xx para errores del cliente y 5xx para errores del servidor. Estos códigos son utilizados por los navegadores y clientes HTTP para interpretar la respuesta del servidor.
vista basada en funciones#: Es una forma de definir vistas en Django utilizando funciones en lugar de clases. Las vistas basadas en funciones son más simples y directas, permitiendo a los desarrolladores definir la lógica de la vista de manera clara y concisa. Son ideales para vistas que no requieren una lógica compleja o reutilización.
vista basada en clases#: Es una forma de definir vistas en Django utilizando clases en lugar de funciones. Las vistas basadas en clases permiten organizar el código de manera más estructurada y reutilizable, facilitando la implementación de funcionalidades comunes como la autenticación, la paginación y la gestión de permisos.
REST#: Es un tipo de API que sigue los principios de la arquitectura REST (Representational State Transfer) y utiliza el protocolo HTTP para realizar operaciones sobre recursos. Las RESTful APIs permiten a los desarrolladores interactuar con servicios web de manera sencilla y eficiente, utilizando métodos HTTP como GET, POST, PUT y DELETE para acceder y manipular datos.
URL raíz#: Es la dirección base de un sitio web o aplicación web, a partir de la cual se construyen todas las demás rutas o enlaces.
herencia de plantillas#: Es una característica de los motores de plantillas que permite crear una estructura base para las páginas web y reutilizarla en diferentes vistas. En Django, la herencia de plantillas se logra utilizando bloques y plantillas base, lo que facilita la organización del código y la consistencia visual en toda la aplicación.
fragmentos de plantilla#: Son pequeñas porciones de código HTML que se pueden reutilizar en diferentes partes de una plantilla. En Django, los fragmentos de plantilla se definen utilizando la etiqueta {% include %} y permiten modularizar el código, facilitando su mantenimiento y reutilización en diferentes vistas.
decorador#: Es una función en Python que se utiliza para modificar o extender el comportamiento de otra función o método. En Django, los decoradores se utilizan comúnmente para aplicar funcionalidades adicionales a las vistas, como la autenticación de usuarios, la autorización de acceso y la gestión de permisos.
cookie de sesión#: Es un pequeño fragmento de datos almacenado en el navegador del usuario que se utiliza para identificar y rastrear la sesión del usuario en una aplicación web. Las cookies de sesión permiten mantener el estado de la aplicación entre diferentes solicitudes HTTP, lo que es esencial para la autenticación y la personalización de la experiencia del usuario.
PyMySQL#: Es un adaptador de base de datos para Python que permite interactuar con bases de datos MySQL y MariaDB. PyMySQL es una alternativa a otros adaptadores como MySQLdb y se utiliza comúnmente en aplicaciones Django para conectarse a bases de datos MySQL.
MySQL Workbench#: Es una herramienta de administración y diseño de bases de datos MySQL. Proporciona una interfaz gráfica para crear, modificar y administrar bases de datos, así como para ejecutar consultas SQL y visualizar datos. MySQL Workbench es útil para desarrolladores y administradores de bases de datos que trabajan con MySQL.
gunicorn#: Es un servidor WSGI para aplicaciones Python que permite desplegar aplicaciones web en producción. Gunicorn es compatible con diversas aplicaciones web y se utiliza comúnmente en entornos de producción para manejar múltiples solicitudes concurrentes de manera eficiente.
whitenoise#: Es una biblioteca para aplicaciones web en Python que permite servir archivos estáticos de manera eficiente. Whitenoise se integra fácilmente con Django y simplifica la gestión de archivos estáticos en entornos de producción, eliminando la necesidad de configurar un servidor web adicional.
middleware#: Es un componente de software que se sitúa entre el servidor y la aplicación web, y se utiliza para procesar las solicitudes y respuestas HTTP. En Django, el middleware permite realizar tareas como la autenticación de usuarios, la gestión de sesiones y la compresión de respuestas, entre otras.