Creando un proyecto de Blazor en Visual Studio

Clase 4 de 19 • Curso de Aplicaciones Web con Blazor WebAssembly y .NET

Clase anteriorSiguiente clase

Martín López Rubio

student•

Un curso de Autenticación y asignación de roles y permisos en .Net por favooor

Israel Hernández Galicia

student•

Jorge Huerta

student•

Que bueno saber que se prepara el curso avanzado de Blazor, por favor incluir Autenticación y asignación de roles y permisos en .Net, lo esperamos con ansias...

edward.arroyave

student•

aun esperando....

Fernando Evelio Rivera Flores

student•

Excelente noticia que vayan a hacer un curso mas avanzado.

Jairo Alonso Contreras Mateus

student•

Completamente de acuerdo, en platzi no contamos con buen contenido sobre blazor. Buena noticia.

Jhon Franklin Baca Campos

student•

PROBLEMA Si te aparece solo "Loading" al ejectuar el proyecto, es debido a que no tienen instalado .Net 6.0 WebAssembly Build Tools y al crear el proyecto solo les aparece .Net 7.0

SOLUCIÓN Abran Visual Studio Installer y le dan al botón "Modificar" o "Modify", luego se van a donde dice "COMPONENTES INDIVIDUALES" o "INDIVIDUAL COMPONENTS", en la barra de búsqueda escriben ".NET 6.0 WebAssembly Build Tools", marcan la casilla y lo instalan. Luego repiten los pasos que indica el profe Miguel, seleccionan .NET 6.0 Long Term Support y continúan :)

Suerte en sus proyectos ❤️

Felipe Naranjo

student•

como se instala ASP.NET and web development?

Miguel Teheran

teacher•

Simplemente instalas el SDK de .NET si ya deseas usar Visual Studio instalas esta herramienta incluyendo ASP .NET Core

Raúl Alejandro Chávez Valenzuela

student•

Si ya tienes Visual Studio, en Windows ve a las opciones donde desinstalas tus programas, busca Visual Studio y dale "Modificar" o "Desinstalar". Eso lanzará el instalador. Ya que abra asegúrate de no desinstalarlo lol, y luego elige "modificar" y te mostrará la pantalla donde puedes elegir instalar el ASP.NET y los otros elementos.

Felipe Naranjo

student•

para instalar asp.net, desde el menú "Herramientas" (Tools) > "Obtener herramientas y características" (Get Tools and Features).

Kevin Castellano

student•

A los que no les aparezca como opción de .NET 6.0 asegúrense de tener instalado la versión 2022 o superior del Visual Studio

David de Jesus Puente Gutierrez

student•

¿Cuál será la diferencia de Blazor Server y WebAssembly con ASP.NET Core hosted?

Miguel Teheran

teacher•

Blazor server utiliza signalR para la comunicacion continua entre el frontend y el server. WebAssembly con ASP .NET Core hosted utiliza web assembly y simplemente el host es una web de ASP .NET pero mientras el no tenga que ir al servidor el se aloja en el navegador usando web assembly.

Jose Noriega

student•

dotnet new blazorwasm -o BlazorApp

cd ./BlazorApp

dotnet run
```dotnet new blazorwasm -o BlazorApp

cd ./BlazorApp

dotnet run

Jose Noriega

student•

dotnet new blazorwasm -o BlazorApp

cd ./BlazorApp

dotnet run

Jose Noriega

student•

Para el reload:

dotnet watch run

Jairo Alonso Contreras Mateus

student•

Muy buena tarde, Bendiciones, No me funciona la opción de recarga activa, al presionar el boton de guardar me sale el siguiente error:

la recarga activa no puede aplicar los cambios es necesario recompilar la aplicación para aplicar las actualizaciones

Miguel Teheran

teacher•

Esta muy raro, igual el hotreload es una mejora que se ingreso hace poco y que puede tener sus problemas o errores

ROMMEL DUAREZ SAENZ

student•

a mi no me recarga en automático sino al dar click en el botón rojo

Jose Noriega

student•

dotnet new blazorwasm -o BlazorApp cd BlazorApp dotnet run

Jose Noriega

student•

dotnet new blazorwasm -o BlazorApp

Sergio Lasso

student•

Presento un error de privacidad alguien sabe algo ?

Tengo instlado .net 8

Javier Sain Osorno Aguirre

student•

Muy buen ejemplo para la creación de un proyecto con @Blazor en Visual Studio.

Ivett Gonzalez

student•

Hola, Por que motivo sale error en Loading?

Oriana Carolina Ailigo

student•

buenisimo

Alfredo Paz Zamora

student•

Explicación de Progressive Web Application

Alfredo Paz Zamora

student•

Explicación de ASP.NET Core Hosted

Creando un proyecto de Blazor en Visual Studio

Introducción

Presentación

Prerrequisitos

¿Qué es WebAssembly y Blazor?

Creando un proyecto de Blazor en Visual Studio

Creando un proyecto de Blazor con el CLI

Analizando extensiones de Visual code para blazor

Componentes de Blazor

Estructura de componentes y arquitectura en Blazor

Ciclo de vida en componentes y parámetros

Creando componentes compartidos

Creando archivo de configuración

Conectando Blazor a Backend

Configurando conexión al backend para el proyecto

Creando componentes para conexión a la API

Mostrando lista de productos

Creando Menú y CSS para la lista de productos

Creando formulario para agregar registros

Integrando formulario con servicios

Usando Librerías de Blazor

Creando funcionalidad de eliminar usando JavaScript

Usando Librerías de Blazor

Cierre

Conclusión y cierre