¿Cómo se llama el programa dónde se visualiza una aplicación web?

Aplicación web fifa 22

Bipin Joshi es un consultor de software independiente y formador de profesión especializado en tecnologías de desarrollo web de Microsoft. Habiendo abrazado el estilo de vida del yoga, también es mentor de yoga, profesor de meditación y guía espiritual de sus alumnos. Es un autor prolífico y escribe regularmente sobre desarrollo de software y yoga en sus sitios web. Lleva más de 27 años programando, meditando, escribiendo y enseñando. Para saber más sobre sus cursos en línea de ASP.NET vaya aquí. Más detalles sobre su curso de Meditación Ajapa están disponibles aquí.

Solicitud de una sola página

Este documento describe las arquitecturas y tecnologías que permiten que tu aplicación web soporte experiencias offline, sincronización en segundo plano y notificaciones push. Esto abre la puerta a funcionalidades que antes requerían el uso de una aplicación nativa.

Las PWA ofrecen una experiencia rápida incluso cuando el usuario está desconectado o en una red poco fiable. También existe la posibilidad de incorporar funciones que antes sólo estaban disponibles para las aplicaciones nativas, como las notificaciones push. El desarrollo de aplicaciones web con funcionalidad offline y alto rendimiento depende del uso de service workers en combinación con una API de almacenamiento del lado del cliente, como la Cache Storage API o IndexedDB.

Service workers: Gracias a las API de almacenamiento y almacenamiento en caché disponibles para los service workers, las PWA pueden almacenar en caché partes de una aplicación web para que se cargue instantáneamente la próxima vez que un usuario la abra. El uso de un service worker da a tu aplicación web la capacidad de interceptar y manejar las solicitudes de red, incluyendo la gestión de múltiples cachés, minimizando el tráfico de datos y guardando los datos generados por el usuario fuera de línea hasta que vuelvan a estar en línea. Este almacenamiento en caché permite a los desarrolladores centrarse en la velocidad, dando a las aplicaciones web la misma carga instantánea y las actualizaciones regulares que se ven en las aplicaciones nativas. Si no estás familiarizado con los service workers, lee Introducción a los Service Workers para saber más sobre lo que pueden hacer, cómo funciona su ciclo de vida y mucho más.

En la web

Antes de proceder a la modificación de la página, conviene familiarizarse con el entorno de desarrollo de Visual Studio. La siguiente ilustración muestra las ventanas y herramientas disponibles en Visual Studio y Visual Studio Express para Web.

Este diagrama muestra las ventanas y las ubicaciones de las ventanas por defecto. El menú Ver le permite mostrar ventanas adicionales y reorganizar y cambiar el tamaño de las ventanas para adaptarlas a sus preferencias. Si ya se han realizado cambios en la disposición de las ventanas, lo que verá no coincidirá con la ilustración.

Examine la ilustración anterior y compare el texto con la siguiente lista, que describe las ventanas y herramientas más utilizadas. (No todas las ventanas y herramientas que usted ve están listadas aquí, sólo las marcadas en la ilustración anterior).

Cuando se crea una nueva aplicación de formularios web utilizando la plantilla de proyecto de aplicaciones web ASP.NET, Visual Studio añade una página ASP.NET (página de formularios web) denominada Default.aspx, así como otros archivos y carpetas. Puede utilizar la página Default.aspx como página principal de su aplicación web. Sin embargo, para esta guía, creará y trabajará con una nueva página.

Marco de la aplicación web

Esta clase implementa el modelo para cada elemento del cuestionario. Proporciona una pregunta, una lista de posibles respuestas, el índice basado en cero de la respuesta correcta, y la puntuación asignada cuando el usuario da la respuesta correcta.En la misma carpeta Data, añade un segundo archivo llamado QuizService.cs con el siguiente contenido:// Data/QuizService.cs

Esta clase define un cuestionario como una lista de instancias de QuizItems inicializadas por el constructor QuizService(). Para simplificar, la lista se implementa con una variable estática, pero en un escenario del mundo real, debería persistir en una base de datos. El método GetQuizAsync() simplemente devuelve el valor de la variable Quiz.Ahora, muévete a la raíz de tu proyecto y edita el archivo Program.cs aplicando los cambios mostrados en el siguiente código:// Program.cs

El archivo NavMenu.razor contiene la definición del componente de la barra de navegación de la aplicación. El código que pone su este archivo define un menú de navegación de dos elementos: uno que apunta a la página de inicio y el otro al componente QuizViewer.Todavía no vas a cambiar el componente App implementado por el archivo App.razor en la carpeta raíz del proyecto, pero de todos modos vale la pena echarle un vistazo.// App.razor