Excelente video, @ gavilanch2 muchas gracias por tu explicación, es muy completa y clarificante como siempre, estos tutoriales de Blazor son los mas completos que hay en español.
Excelente Felipe!!!. Muy buen aporte, justo lo que estaba necesitando. Espero ver todos los demás videotutoriales al respecto ya sea en Udemy o en tu canal de youtube. Un abrazo desde Lima - Perú!!!.
Hola cómo estás? Te comento que tengo el siguiente inconveniente. Intento crear un enlace desde una página, que me lleve a otra sección pero de la misma página. Al elemento le puso como href="#IdDelElemento" y a la sección a donde quiero que me lleve, la coloqué dentro de un con id=IdDelElemento. Al hacer click sobre , no me lleva a dicha sección. A qué puede deberse? Ayuda por favor.
Buen framework para los que usan c#, el sistema de enrutamiento es facilisimo de entender, de todas maneras React sigue siendo mejor en todo aspecto. Eso de tener backend y frontend juntos me imagino que es SSR, nada nuevo pero una excelente herramienta para los desarrolladores web que les gusta c#
Yo tuve problemas con crear el proyecto desde Visual Studio 2019, entonces cree el proyecto con .Net Core CLI y despues lo abrí normalmente con Visual Studio 2019, tan solo agregué el comando desde la consola y sobre la carpeta en la que se desea crear el proyecto Por Ejemplo: PS C:\Users\Josue> cd .\Documents\ PS C:\Users\Josue\Documents> dotnet new blazorwasm --hosted -o BlazorCRUD
@@joabsvantehuancallave4344 Descarga Net core 3.1 (la última versión preliminar) dotnet.microsoft.com/download/dotnet-core/3.1 y también visual studio en versión preliminar. Luego ejecuta este comando en terminal dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.1.0-preview3.19555.2 reinicia vs. Crea nuevo proyecto > Selecciona Aplicacion Blazor > configura y dale en crear > selecciona Blazor WebAssembly App y listo :D más información en el enlace --> docs.microsoft.com/en-us/aspnet/core/blazor/get-started?view=aspnetcore-3.0&tabs=visual-studio
@@PauloAlvaradoAraya Descarga Net core 3.1 (la última versión preliminar) dotnet.microsoft.com/download/dotnet-core/3.1 y también visual studio en versión preliminar. Luego ejecuta este comando en terminal dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.1.0-preview3.19555.2 reinicia vs. Crea nuevo proyecto > Selecciona Aplicacion Blazor > configura y dale en crear > selecciona Blazor WebAssembly App y listo :D más información en el enlace --> docs.microsoft.com/en-us/aspnet/core/blazor/get-started?view=aspnetcore-3.0&tabs=visual-studio
Hola felipe gracias por tu video tengo una duda, cuando cambio el html he intento volver compilar, una advertencia dice que tengo que detener la depuracion, como le haces tu para que los cambios se reflejen tan solo con refrescar el navegador.
que tal felipe, genial el curso de blazor. Te hago una consulta: al dia de hoy (2020/nov/26) instale la plantilla de blazor Microsoft.AspNetCore.Blazor.Templates::3.2.0-preview1.20073.1 con dotnet version 3.1.404. todo esto en Linux Centos 8. Al iniciar un proyecto con dotnet new blazorhosted -o test, pero me aparece un mensaje de error, que me indica que "No templates matched the input template name: blazorhosted.". Dentro de las opciones que me da el help de dotnet, solo me aparecen blazorserver y blazorwasm. Mi pregunta es, esta opcion blazorhosted, esta deprecada? cual seria la mejor alternativa al dia de hoy para lograr realizar una app como la que muestyras en el video? Saludos y gracias.
Hola! Escribe "dotnet new" para que veas las plantillas instaladas. Ya no se llama como dices, es "dotnet new blazorwasm". También puedes instalar .net 5 para tener acceso a lo último de .net. Saludos
Hola Felipe. Te consulto, en foros de internet están hablando que recientemente hubo muchos cambios en Blazor que dejaron obsoletos muchos tutoriales de internet. Tu curso de Udemy se actualizo a esos cambios?
El curso de Udemy lo mantengo actualizado. Incluso, si miras el codigo de github, verás que está actualizado a la versión que salió ahora en mayo: github.com/gavilanch/BlazorPeliculas Saludos!
Hola Felipe, muchas gracias por tus aportes. Quisiera saber si para sistemas institucionales grandes recomiendas usar Blazor o MVC? Cuál es tu perspectiva? Muchas gracias
Buenas, MVC porque así encuentran personal más rápido. Aunque pueden usar Blazor en las partes interactivas, es decir, pueden combinar lo mejor de ambos mundos. Saludos
Hola, buenas tardes. En la nueva versión de VS Community 2019 que yo me descargué no me salé la opción de: "ASP.Net Core web Application" con la opción del blazor, me salé sin él. Y me descargué lo que solicita la guía. Quisiera saber como hiciste o cuales paquetes exactamente tildaste al momento de la descarga.
Buenas tardes, Debes de asegurarte de haber seguido los pasos de esta guía: docs.microsoft.com/en-us/aspnet/core/blazor/get-started?view=aspnetcore-3.0&tabs=visual-studio En el caos del dotnet CLI, se han actualizado los nombres, por ejemplo, para una app de Blazor WebAssembly, el comando es: dotnet new blazorwasm -o WebApplication1 En Visual Studio también es diferente, en este video vemos las diferencias: ua-cam.com/video/chrc4r3Qrbw/v-deo.html Saludos
Hola gracias por regalarnos tus conocimientos una consulta si hago este curso gratuito de youtube se complementan los videos o tengo que tomar tu curso de udemy para que se complementen en un por decirlo un proyecto gracias.
Hola Felipe muchas gracias por tus videos, son excelentes. Oye en el Chrome en la herramienta de inspeccionar (F12) yo no veo que se descarguen la bibliotecas o los archivos ".DLL" de ASP, sólo aparecen los css por ejemplo. ¿Qué hice mal?
Estimado una consulta, he instalado el ide EFC 3.0, VS 2019 preview 3.0 y ejecutado los comandos para los templates de blazor, pero al momento de crear el proyecto no figuran las plantillas. podrías ayudarnos al respecto?
Es correcto, ayer mismo fue que salió el preview 8. Para crear un proyecto server side, al abrir tu Visual Studio 2019 16.3 Preview 2.0, debes: 1- Darle a Create a new project 2-Escoger la plantilla Blazor App, hacer click en next 3-Colocar un nombre al proyecto, click en Create 4-Finalmente, escoger entre Blazor Server App o Blazor WebAssembly App. Saludos
@@gavilanch2 Gracias. una última, en el punto 4 cual es el proyecto que debo seleccionar para seguir tus videos? Blazor Server App o Blazor WebAssembly App?
Hola Gavi, Qué tanto crees que le haga competencia a Angular, React, Vue? Hubiera sido genial una comparación, para saber en qué casos usar uno u otro.
Es difícil de decir, Angular y React en especial tienen ya muchos años de haber salido, Blazor no va ni por la versión 1 (lo que vemos es un preview), y las tecnologías se toman su tiempo para ser aceptadas y utilizadas por la comunidad. Hay que ver cómo lo recibe el público. Saludos
Exacto hay millones de personas desarrollando en estos frameworks de javascrit, ahora quiero aprender asp .net y angular que meparece una maravilla, blazor por lo que veo, no me gusta nada, lo mezcla todo, html y c# no quiero ni imaginar un programa complejo.
Hola, ya no aparece lo mismo en la creacion del Proyecto.. alguna actualizacion?.. ya no se ve el client, server, shared como lo explican aqui.. gracias.
Estimado Felipe, Tenemos la necesidad de desarrollar un sistema web semejante al de AliExpress (digamos). Crees que con Blazor del lado del servidor pueda hacerse este desarrollo? O talvez con la opción Web Assembly? O con ninguna de las 2 opciones? Dependiendo de lo que me respondas me aventuraré en Blazor y en el curso. Saludos. Hubert.
Buenas, Hubert, Siendo AliExpress un sitio de compra, y considerando que la velocidad de carga de tu sitio web es fundamental, dado que según estudios, los usuarios se frustran con sitios que no cargan rápido y abandonan la página (en tu caso, pierdes ventas), no te puedo recomendar Blazor WebAssembly HASTA que ellos mejoren la velocidad inicial de carga del.framework. Blazor WebAssembly es bien rápido, excepto en la carga inicial, cuando corrijan esa parte, podrá competir contra angular, vue o react en el mundo de aplicaciones de tiendas. Es más factible hacerlo con Blazor del lado del servidor, ya que la velocidad de carga es casi instantánea, e incluso como la app corre de manera remota, hasta celulares no muy poderosos deberían poder interactuar con el app de manera eficiente. El reto de blazor del lado del servidor es la escalabilidad, puede ser dificil servir a 10,000 usuarios de manera simultánea (aquí le va mejor a Blazor WebAssembly). Dependiendo la cantidad de usuarios simultáneos a manejar, te puedes decidir por Blazor o por algún framework de JavaScript, como Angular, Vue o React. Saludos!
Gracias por la respuesta, Podría compartir de alguna página que conozcas que esté con Blazor WebAssembly y/o alguna que esté sobre Asure. Deben existir ya algunas por ahi.. para evaluarlos, talvez para empezar esté bien y de todas maneras me matriculo?. Por otro lado, bien didáctico tus lecciones. Gracias.
No existen muchos sitios reales con Blazor, ya que es una tecnología muy nueva. En el caso de Blazor WebAssembly, esta se encuentra en fase de preview aún. Los sites disponibles son de demo. Un ejemplo sería este: becksblazor.azurewebsites.net/ De Blazor del lado del servidor, que es el que se recomienda por el momento para trabajar en producción, tampoco hay demasiados sites, la mayoría demos. Pero funciona igual que Blazor WebAssembly en general, solo que la carga inicial es más rápida. Saludos
Buen video. ¿Con Blazor omitiríamos todo el código JS o aún necesitaríasmo de él? (Imaginando que no tengamos ninguna librería como jQuery que necesite de él)
Blazor no busca omitir JS, sino que nos brinda herramientas para utilizar .NET en el navegador de una manera sencilla. De todos modos, con Blazor podemos llamar funciones de JS utilizando IJSRuntime (tal como vemos en el siguiente video).
Just curious, which country are you from? Although I don't speak spinach, but generally I can tell from the Spanish accent. It sound more like "South" America and not "Central" America. Am I right?
@@gavilanch2 Oh wow, You don't sound like one. You sound more like south American, Thanks for the reply. Looking forward to you full Udemy course on Blazor.
Saludo, soy nuevo en el mundo de .net y me gustaría saber cual es la ruta de aprendizaje para el desarrollo web con .net tanto backend como frontend , porque estoy super confundido con todo lo que hay en .net cualquier ayuda se lo agradeciera muchas gracia de ante mano.
Saludos, Para el backend se utiliza ASP.NET. Tengo cursos, tango gratuitos como pagos, de ASP.NET: ASP.NET MVC 5: ua-cam.com/play/PL0kIvpOlieSNWR3YPSjh9P2p43SFnNBlB.html ASP.NET Core 2: ua-cam.com/play/PL0kIvpOlieSMxCFeJvjRV8GlLJ0VNx2LI.html Construyendo Web APIs con ASP.NET Core: www.udemy.com/course/construyendo-web-apis-restful-con-aspnet-core/?referralCode=2067EC056E505823483D En el caso del front-end, no es obligatorio que utilices tecnologías de .NET. Si quieres utilizar C#, puedes utilizar Blazor: www.udemy.com/course/programando-en-blazor-aspnet-core/?referralCode=9C628CCB2E3A35A73D6A O puedes utilizar tecnologías como Angular, React, entre otras: ua-cam.com/play/PL0kIvpOlieSMnuoW0QX8N-wWhJpCcIDvZ.html Saludos
Muchas gracias por publicar este vídeo, sigo tus publicaciones y me parecen excelentes. Tengo un problema al respecto y es que instalo todo tal cual, y reviso que este instalado el blazor, me aparece en el powerShell que se instalo y todo, de hecho aparece para crear la aplicación web de servidor, pero la plantilla de blazor no aparece por ningún lado aún teniendo disponible el ASP.NET Core 3.1. Podrías ayudarme con esto? Gracias de antemano.
Puedes publicar tu proyecto a un Azure App Service. Para eso haces click derecho en el proyecto Server, le das a Publish, escoges Azure y sigues el Wizard. Saludos
Por supuesto! Puedes llamar componentes de razor desde vistas y razor pages: docs.microsoft.com/en-us/aspnet/core/blazor/components?view=aspnetcore-3.0#integrate-components-into-razor-pages-and-mvc-apps
saludo felipe gavilan te sigo haces varios meses porque me interese en aprender c#, y .net, me gustaría que me dieras una ruta de aprendizaje de tus cursos gratis como los de pago, porque no se por donde empezar aunque manejo de manera intermedia html,ccs y javascript, pero soy dominicano y como sabes el mercado de aquí los reyes son java y c#, por eso quiero aprender backend con .net, muchas gracias de antemano
Hola! Yo diría que empieces por el de C# si estás comenzando (gratis). Si quieres algo más avanzado de OOP puedes ver el curso de OOP en udemy: www.udemy.com/course/diseno-y-programacion-orientada-a-objetos-en-c/?referralCode=21B170B0635CA0728148 Luego puedes tomar MVC 5 si deseas (gratis) Más adelante tienes dos opciones: Web APIs o Blazor. Ambos te enseñarán acerca de .NET Core. En lo personal, me gusta más el de Blazor, porque lo enfoqué más en desarrollar una aplicación: www.udemy.com/course/programando-en-blazor-aspnet-core/?referralCode=9C628CCB2E3A35A73D6A Algunas personas me han dicho que el de Web API les ha ayudado a conseguir empleo, así que tal vez quieras echarle un ojo: www.udemy.com/course/construyendo-web-apis-restful-con-aspnet-core/?referralCode=2067EC056E505823483D Saludos
Hola, en el curso de EF Core explico algo de Database First: www.udemy.com/course/introduccion-a-entity-framework-core-2-1-de-verdad/?couponCode=CAMPANIAUDEMYABRIL19 Sin embargo, el curso se centra en Code First, la razón de esto es que al final es lo mismo, porque con database first lo que haces es generar los modelos y contexto de datos para trabajar con tu base de datos. Luego de ahí, las consultas que hagas sobre la base de datos son idénticas a como se hacen en Code First. Saludos
@@gavilanch2 Gracias a penas pueda lo compro, si pudieras hacer un curso en udemy o aqui que sea de windows services seria estupendo como hacer rutinas donde pueda usar funciones nativas para acceder a los dispositivos del pc para hacer operaciones seria genial
¿A más personas les interesa el tema de Windows Services? Si hay demanda, entonces no tengo problemas en elaborar un material al respecto (like a este comentario es un sí). Saludos
Me parece bueno el tutorial, muy claro, sin embargo la asercion "Blazor funciona gracias a una tecnología llamada WebAssembly" creo que es equivocada. Existe Blazor Server y Blazor WebAssembly, obviamente Blazor WebAssembly puede correr o ejecutarse gracias a WebAssembly pero no Blazor Server, de hecho este no necesita de WebAssembly, de lo que si necesita es de SignalR. Pueden revisar mas sobre Blazor en su propia pagina: dotnet.microsoft.com/apps/aspnet/web-apps/blazor, esta en ingles pero creo q lo van encontrar facil traducirlo.
Gracias cómo siempre por tus aportes Felipe, pero a mi punto de vista no veo tan interesante que Microsoft siempre quiera abarcar todo, es una verdadera fabrica de frameworks de los cuales siempre pocos sobreviven y éste puede ser uno de ellos, Microsoft tiene como propuesta de valor algo que hicieron muy bien, y es asp.net - Entity framework - SQL server, Cuando empiezan a aparecer estos injertos raros como por ejemplo que se te descarguen .dll ejecutables me asusta y me alejo jajaja, qué te dice que esas dll no puedan contener código malicioso En un app realizada por terceros?
Con respecto a lo del código malicioso, al final, Blazor está limitado al navegador, en tal sentido, no puede hacer más que lo que hace JavaScript hoy en día. Por lo que desde el punto de vista de la seguridad no hay problema para el usuario. En lo personal pienso que es una propuesta interesante, ya que nos trae la capacidad de utilizar el poder del ecosistema de .NET en el navegador (esto es algo que voy a exponer en un futuro video). Saludos!
estas hecho a la antigua, le temes a lo nuevo. Te falta un poco de conocer los limites de una tecnologia o plataforma, los navegadores tienen limites y bajo estos se realizan cosas, al igual que aplicaciones de escritorio, apps movil nativas, etc.
@@Mikosacred no estoy hecho a la antigua, porque de hecho estoy manejando SPA con RractJS, .net Core, llamadas asíncronas, PWA, JWT.. y a mi entender son todas tecnologías y técnicas meramente nuevas y en etapas de desarrollo estable. No te estoy discutiendo que me quedaría con ASPX o winforms
Pues yo estoy aprendiendo .net asp y para el front Angular paso de blazor, me parece horrible el codigo todo mezclado, apuesto por lo que lleva años funcionando, es robusto, consolidado y tiene una gran comunidad.
Con respecto a lo del codigo mezclado, se puede separar usando clases parciales, es decir, el UI por un lado y la lógica por otro lado. Con respecto a lo del tiempo, todas las tecnologías empiezan de cero. En su momento Angular fue nuevo también. De todas maneras, en el canal tengo videos de Angular y .NET. Saludos!
@@cesarhernandezdomensay6033 bueno este no es un framework a comparar con Laravel, porque tendrías que compararlo con framworks spa, como Angular, react y vue
aprende angular, react o vue son framework que llevan años y funcionan, razor es esperimental, si te gusta meclar html con lenguaje de programacion, te gustara react, sino angular, el cualo lo estoy aprendiendo.
@@gavilanch2 Preview8, al querer ejecutar el proyecto que se crea por defecto desde Net Core CLI, ya que lo quise crear desde Visual Studio Preview, pero no logré que me aparecieran los templates de Blazor. Error CS0234 El tipo o el nombre del espacio de nombres 'LayoutAttributeAttribute' no existe en el espacio de nombres 'Microsoft.AspNetCore.Components' (¿falta alguna referencia de ensamblado?) BlazorCRUD.Client D:\Blazor\BlazorCRUD\BlazorCRUD.Client\obj\Debug etstandard2.0\RazorDeclaration\Pages\_Imports.razor.g.cs
Ya logré crearlo desde Visual Studio seleccionando el tipo de proyecto: Aplicación Blazor, pero el error es el mismo. Error CS0234 El tipo o el nombre del espacio de nombres 'LayoutAttribute' no existe en el espacio de nombres 'Microsoft.AspNetCore.Components' (¿falta alguna referencia de ensamblado?) BlazorCRUD.Client D:\Blazor\BlazorCRUD\BlazorCRUD\BlazorCRUD\BlazorCRUD.Client\obj\Debug etstandard2.0\RazorDeclaration\Pages\_Imports.razor.g.cs 51 Activo La línea es : [Microsoft.AspNetCore.Components.LayoutAttribute(typeof(MainLayout))]
@@gavilanch2 3.0.100-preview8-013656 Error CS0234 El tipo o el nombre del espacio de nombres 'LayoutAttributeAttribute' no existe en el espacio de nombres 'Microsoft.AspNetCore.Components' (¿falta alguna referencia de ensamblado?) en la línea: [Microsoft.AspNetCore.Components.LayoutAttribute(typeof(MainLayout))]
Este canal cada día llama mas mi atención increíble buenísimo tuto
Que interesante, no había encontrado temas de blazor en español
Buen aporte @gavilanch2. Interesante. Apoyamos tu trabajo.
Con este video comienzo mi 2 curso en este canal. Gracias por la calidad.
Ya saqué tu curso de web api en udemy y ya tengo en mi lista de deseos el de Blazor para seguir aprendiendo de .NET
Excelente video, @
gavilanch2 muchas gracias por tu explicación, es muy completa y clarificante como siempre, estos tutoriales de Blazor son los mas completos que hay en español.
Se nota que no sabes angular 9 o react o vue
Excelente introducción a blazor!, Estoy a la espera del siguiente vídeo!
Muy buen inicio de Blazor. Te felicito Felipe explicas muy bien y espero hagas mas tutoriales y nos envies avisos a nuestros correos.
Muchas gracias por todos tus cursos me han servido muchisimo , ademas compre en udemy tu curso de POO y me ha gustado bastante. Felicitaciones
muchas gracias gavilanch2, me dio mucho interes Blazor, esperare más del curso
Espectacular explicación, concisa, clara y rápida. Muy completa. Muchas gracias.
Tenia mucho tiempo esperando una introduccion como esta a Blazor, muchas gracias y espero continues haciendo mas videos sobre blazor.
Por finnnnnn... :D, espero puedas subir mas videos de Blazor, Me suscribo ahora mismo,
Felicitaciones y agradecimientos por el aporte.
Excelente Felipe!!!. Muy buen aporte, justo lo que estaba necesitando. Espero ver todos los demás videotutoriales al respecto ya sea en Udemy o en tu canal de youtube. Un abrazo desde Lima - Perú!!!.
¡Excelente explicación!
Después de ver todos tus videos gratuitos, compraré el de UDEMY, está súper barato.
Gracias por el apoyo!
Te felicito! Estoy empezando en Blazor, espero este curso sea bien provechoso.
Excelente curso!
Muy interesante, esto esta grandioso!! Gracias por el aporte!
hola gavilanch, en la versión actual de visual studio 2022 no aparece blazor from client side, cómo sería ahora el proceso?
Muy Interesnate el video Muchas Gracias Felipe....
Hola cómo estás? Te comento que tengo el siguiente inconveniente. Intento crear un enlace desde una página, que me lleve a otra sección pero de la misma página. Al elemento le puso como href="#IdDelElemento" y a la sección a donde quiero que me lleve, la coloqué dentro de un con id=IdDelElemento. Al hacer click sobre , no me lleva a dicha sección. A qué puede deberse? Ayuda por favor.
Justo lo que necesitaba. Toma tu like y suscripción ;).
Interesante, gracias por compartir
Buen framework para los que usan c#, el sistema de enrutamiento es facilisimo de entender, de todas maneras React sigue siendo mejor en todo aspecto. Eso de tener backend y frontend juntos me imagino que es SSR, nada nuevo pero una excelente herramienta para los desarrolladores web que les gusta c#
No están juntos si es WebAssembly, y no es SSR en Blazor Server. Saludos!
Mil gracias por el matetial 😁
es hermoso blazor
👍👍👏👏👍👍👏👏👍👍👏👏🤝🤝👍👍👏👏👏👏
instale visual studio 2022 pero al crear un nuevo proyecto en blazor, no le salen todas las opciones - plantillas
Exlente mas capítulos de ello por favor
Yo tuve problemas con crear el proyecto desde Visual Studio 2019, entonces cree el proyecto con .Net Core CLI y despues lo abrí normalmente con Visual Studio 2019,
tan solo agregué el comando desde la consola y sobre la carpeta en la que se desea crear el proyecto
Por Ejemplo:
PS C:\Users\Josue> cd .\Documents\
PS C:\Users\Josue\Documents> dotnet new blazorwasm --hosted -o BlazorCRUD
Nuevo proyecto > crear > Blazor WebAssembly App (Seleccionar la casilla ASP.NET Core hosted) y listo :D
@@DavidRodriguezDev Hola no me aparece esa opción. me puedes ayudar..?? solo me aparece la opción Aplicación Blazor
@@DavidRodriguezDev yo igual me estoy topando con este problema no me muestra ASP.NET Core hosted
@@joabsvantehuancallave4344 Descarga Net core 3.1 (la última versión preliminar) dotnet.microsoft.com/download/dotnet-core/3.1 y también visual studio en versión preliminar. Luego ejecuta este comando en terminal dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.1.0-preview3.19555.2 reinicia vs. Crea nuevo proyecto > Selecciona Aplicacion Blazor > configura y dale en crear > selecciona Blazor WebAssembly App y listo :D más información en el enlace --> docs.microsoft.com/en-us/aspnet/core/blazor/get-started?view=aspnetcore-3.0&tabs=visual-studio
@@PauloAlvaradoAraya
Descarga Net core 3.1 (la última versión preliminar) dotnet.microsoft.com/download/dotnet-core/3.1 y también visual studio en versión preliminar. Luego ejecuta este comando en terminal dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.1.0-preview3.19555.2 reinicia vs. Crea nuevo proyecto > Selecciona Aplicacion Blazor > configura y dale en crear > selecciona Blazor WebAssembly App y listo :D más información en el enlace --> docs.microsoft.com/en-us/aspnet/core/blazor/get-started?view=aspnetcore-3.0&tabs=visual-studio
O mejor dicho: La opción Blazor Web Assembly App es el equivalente en Visual Studio 16.3.6 ?
Hola felipe gracias por tu video tengo una duda, cuando cambio el html he intento volver compilar, una advertencia dice que tengo que detener la depuracion, como le haces tu para que los cambios se reflejen tan solo con refrescar el navegador.
Dentro de los templates luego de elegir Net Core application no me aparece Blazor. Intenté de todo y no me funciona :/
Muy interesante!
que tal felipe, genial el curso de blazor. Te hago una consulta: al dia de hoy (2020/nov/26) instale la plantilla de blazor Microsoft.AspNetCore.Blazor.Templates::3.2.0-preview1.20073.1 con dotnet version 3.1.404. todo esto en Linux Centos 8. Al iniciar un proyecto con dotnet new blazorhosted -o test, pero me aparece un mensaje de error, que me indica que "No templates matched the input template name: blazorhosted.". Dentro de las opciones que me da el help de dotnet, solo me aparecen blazorserver y blazorwasm. Mi pregunta es, esta opcion blazorhosted, esta deprecada? cual seria la mejor alternativa al dia de hoy para lograr realizar una app como la que muestyras en el video?
Saludos y gracias.
Hola! Escribe "dotnet new" para que veas las plantillas instaladas. Ya no se llama como dices, es "dotnet new blazorwasm". También puedes instalar .net 5 para tener acceso a lo último de .net. Saludos
Hola Felipe. Te consulto, en foros de internet están hablando que recientemente hubo muchos cambios en Blazor que dejaron obsoletos muchos tutoriales de internet. Tu curso de Udemy se actualizo a esos cambios?
El curso de Udemy lo mantengo actualizado. Incluso, si miras el codigo de github, verás que está actualizado a la versión que salió ahora en mayo: github.com/gavilanch/BlazorPeliculas
Saludos!
@@gavilanch2 excelente Felipe! muchas gracias por la pronta respuesta.
Hola Felipe, muchas gracias por tus aportes. Quisiera saber si para sistemas institucionales grandes recomiendas usar Blazor o MVC? Cuál es tu perspectiva? Muchas gracias
Buenas, MVC porque así encuentran personal más rápido. Aunque pueden usar Blazor en las partes interactivas, es decir, pueden combinar lo mejor de ambos mundos. Saludos
Gracias!!!
Hola, buenas tardes. En la nueva versión de VS Community 2019 que yo me descargué no me salé la opción de: "ASP.Net Core web Application" con la opción del blazor, me salé sin él. Y me descargué lo que solicita la guía. Quisiera saber como hiciste o cuales paquetes exactamente tildaste al momento de la descarga.
Buenas tardes,
Debes de asegurarte de haber seguido los pasos de esta guía: docs.microsoft.com/en-us/aspnet/core/blazor/get-started?view=aspnetcore-3.0&tabs=visual-studio
En el caos del dotnet CLI, se han actualizado los nombres, por ejemplo, para una app de Blazor WebAssembly, el comando es: dotnet new blazorwasm -o WebApplication1
En Visual Studio también es diferente, en este video vemos las diferencias: ua-cam.com/video/chrc4r3Qrbw/v-deo.html
Saludos
Con el comando dotnet no me aparece la opción blazorhosted, solamente me ofrece blazorserver y blazorwasm. Cual debo escoger ?.
Puedes usar: dotnet new blazorwasm --hosted
Excelente video, gracias
Al final alguien que hará tutoriales de esto
Hola gracias por regalarnos tus conocimientos una consulta si hago este curso gratuito de youtube se complementan los videos o tengo que tomar tu curso de udemy para que se complementen en un por decirlo un proyecto gracias.
En el curso de udemy hacemos un proyecto completo. El material de youtube es complementario como dices. Saludos
Hola Felipe muchas gracias por tus videos, son excelentes. Oye en el Chrome en la herramienta de inspeccionar (F12) yo no veo que se descarguen la bibliotecas o los archivos ".DLL" de ASP, sólo aparecen los css por ejemplo. ¿Qué hice mal?
Intenta refrescar la pagina con la pestaña de network mostrándose. Saludos
Estimado una consulta, he instalado el ide EFC 3.0, VS 2019 preview 3.0 y ejecutado los comandos para los templates de blazor, pero al momento de crear el proyecto no figuran las plantillas. podrías ayudarnos al respecto?
Qué versión de los templates instalaste? La versión preview7 o la versión preview8?
@@gavilanch2 dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.0.0-preview8.19405.7
@@gavilanch2 docs.microsoft.com/es-mx/aspnet/core/blazor/get-started?view=aspnetcore-3.0&tabs=visual-studio
Es correcto, ayer mismo fue que salió el preview 8. Para crear un proyecto server side, al abrir tu Visual Studio 2019 16.3 Preview 2.0, debes:
1- Darle a Create a new project
2-Escoger la plantilla Blazor App, hacer click en next
3-Colocar un nombre al proyecto, click en Create
4-Finalmente, escoger entre Blazor Server App o Blazor WebAssembly App.
Saludos
@@gavilanch2 Gracias. una última, en el punto 4 cual es el proyecto que debo seleccionar para seguir tus videos? Blazor Server App o Blazor WebAssembly App?
Hola Gavi, Qué tanto crees que le haga competencia a Angular, React, Vue?
Hubiera sido genial una comparación, para saber en qué casos usar uno u otro.
Es difícil de decir, Angular y React en especial tienen ya muchos años de haber salido, Blazor no va ni por la versión 1 (lo que vemos es un preview), y las tecnologías se toman su tiempo para ser aceptadas y utilizadas por la comunidad. Hay que ver cómo lo recibe el público. Saludos
Exacto hay millones de personas desarrollando en estos frameworks de javascrit, ahora quiero aprender asp .net y angular que meparece una maravilla, blazor por lo que veo, no me gusta nada, lo mezcla todo, html y c# no quiero ni imaginar un programa complejo.
@@JoseLuis-sr4xw Igual está a penas saliendo, y me pareció exáctamente igual. Si te gustó angular, React te gustará mejor. :X
Hola, ya no aparece lo mismo en la creacion del Proyecto.. alguna actualizacion?.. ya no se ve el client, server, shared como lo explican aqui.. gracias.
Sí. hubo actualización, aquí lo explico: ua-cam.com/video/chrc4r3Qrbw/v-deo.html
Excelente!!
Estimado Felipe,
Tenemos la necesidad de desarrollar un sistema web semejante al de AliExpress (digamos).
Crees que con Blazor del lado del servidor pueda hacerse este desarrollo? O talvez con la opción Web Assembly?
O con ninguna de las 2 opciones?
Dependiendo de lo que me respondas me aventuraré en Blazor y en el curso.
Saludos. Hubert.
Buenas, Hubert,
Siendo AliExpress un sitio de compra, y considerando que la velocidad de carga de tu sitio web es fundamental, dado que según estudios, los usuarios se frustran con sitios que no cargan rápido y abandonan la página (en tu caso, pierdes ventas), no te puedo recomendar Blazor WebAssembly HASTA que ellos mejoren la velocidad inicial de carga del.framework. Blazor WebAssembly es bien rápido, excepto en la carga inicial, cuando corrijan esa parte, podrá competir contra angular, vue o react en el mundo de aplicaciones de tiendas.
Es más factible hacerlo con Blazor del lado del servidor, ya que la velocidad de carga es casi instantánea, e incluso como la app corre de manera remota, hasta celulares no muy poderosos deberían poder interactuar con el app de manera eficiente. El reto de blazor del lado del servidor es la escalabilidad, puede ser dificil servir a 10,000 usuarios de manera simultánea (aquí le va mejor a Blazor WebAssembly).
Dependiendo la cantidad de usuarios simultáneos a manejar, te puedes decidir por Blazor o por algún framework de JavaScript, como Angular, Vue o React.
Saludos!
Gracias por la respuesta, Podría compartir de alguna página que conozcas que esté con Blazor WebAssembly y/o alguna que esté sobre Asure.
Deben existir ya algunas por ahi.. para evaluarlos, talvez para empezar esté bien y de todas maneras me matriculo?.
Por otro lado, bien didáctico tus lecciones.
Gracias.
No existen muchos sitios reales con Blazor, ya que es una tecnología muy nueva. En el caso de Blazor WebAssembly, esta se encuentra en fase de preview aún. Los sites disponibles son de demo.
Un ejemplo sería este: becksblazor.azurewebsites.net/
De Blazor del lado del servidor, que es el que se recomienda por el momento para trabajar en producción, tampoco hay demasiados sites, la mayoría demos. Pero funciona igual que Blazor WebAssembly en general, solo que la carga inicial es más rápida.
Saludos
Ya me matriculé en tu curso estimado Felipe. Me aventuro y muy buena tu entrevista en "Domini Code".
Saludos.
LOS COMPONENTE EN SHARED SE PARECEN MUCHO A LAS VISTA PARCIALES EN, GRACIAS PROFE
Hola pueso tomar el curso en 2024 ?? O tienes un curso actualizado de blazor porfavorr
Buenas, solo si usas .NET 7, no es compatible con .NET 8. Pienso actualizar en el futuro. Saludos
Tengo un inconveniente, hago todo tal cual para instalar las plantillas y no me aparece nada en visual studio por favor si me podrian ayudar
Cambia un poco la experiencia al crear una app, mira este vid: ua-cam.com/video/chrc4r3Qrbw/v-deo.html
Si no te sale aún, me dejas saber
Buen video. ¿Con Blazor omitiríamos todo el código JS o aún necesitaríasmo de él? (Imaginando que no tengamos ninguna librería como jQuery que necesite de él)
Blazor no busca omitir JS, sino que nos brinda herramientas para utilizar .NET en el navegador de una manera sencilla. De todos modos, con Blazor podemos llamar funciones de JS utilizando IJSRuntime (tal como vemos en el siguiente video).
Excelente curso, mi pregunta es si blazor solo puede ser usado con .net core o también con net normal
Just curious, which country are you from? Although I don't speak spinach, but generally I can tell from the Spanish accent. It sound more like "South" America and not "Central" America. Am I right?
Hey Ben, I'm from the Dominican Republic
@@gavilanch2
Oh wow, You don't sound like one. You sound more like south American,
Thanks for the reply.
Looking forward to you full Udemy course on Blazor.
Saludo, soy nuevo en el mundo de .net y me gustaría saber cual es la ruta de aprendizaje para el desarrollo web con .net tanto backend como frontend , porque estoy super confundido con todo lo que hay en .net cualquier ayuda se lo agradeciera muchas gracia de ante mano.
Saludos,
Para el backend se utiliza ASP.NET. Tengo cursos, tango gratuitos como pagos, de ASP.NET:
ASP.NET MVC 5: ua-cam.com/play/PL0kIvpOlieSNWR3YPSjh9P2p43SFnNBlB.html
ASP.NET Core 2: ua-cam.com/play/PL0kIvpOlieSMxCFeJvjRV8GlLJ0VNx2LI.html
Construyendo Web APIs con ASP.NET Core: www.udemy.com/course/construyendo-web-apis-restful-con-aspnet-core/?referralCode=2067EC056E505823483D
En el caso del front-end, no es obligatorio que utilices tecnologías de .NET. Si quieres utilizar C#, puedes utilizar Blazor: www.udemy.com/course/programando-en-blazor-aspnet-core/?referralCode=9C628CCB2E3A35A73D6A
O puedes utilizar tecnologías como Angular, React, entre otras: ua-cam.com/play/PL0kIvpOlieSMnuoW0QX8N-wWhJpCcIDvZ.html
Saludos
Muchas gracias por publicar este vídeo, sigo tus publicaciones y me parecen excelentes.
Tengo un problema al respecto y es que instalo todo tal cual, y reviso que este instalado el blazor, me aparece en el powerShell que se instalo y todo, de hecho aparece para crear la aplicación web de servidor, pero la plantilla de blazor no aparece por ningún lado aún teniendo disponible el ASP.NET Core 3.1. Podrías ayudarme con esto? Gracias de antemano.
Corriste este comando? dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.1.0-preview3.19555.2
@@gavilanch2 Si amigo lo corrí, pero aún asi no lo veo, no se si me esta faltando algo mas. Gracias.
¿Dónde no lo ves? En vs o en el dotnet cli?
@@gavilanch2 En VS es donde no lo logro ver, al momento de escoger las plantillas, salen las de Angular y React pero no salen las de Blazor
Tienes que usar el preview de VS. Saludos
Felipe podrias hacer un tutorial para la version en blazor para .NET 5, gracias
como puedo poner mis paginas en un servidor?
Puedes publicar tu proyecto a un Azure App Service. Para eso haces click derecho en el proyecto Server, le das a Publish, escoges Azure y sigues el Wizard.
Saludos
Que tiemble Angular y ReactJS
jajaja!
@@gavilanch2 TOTAL MENTE DEACUERDO
y todo JS
No entendi ??? vengo de programación antigua y no se ni por donde empezar par desarrollo web hay mil lenguajes
@@infotips2475 el mundo era mucho mas simple antes
Excelente explicación muy bueno el video. Se puede agregar a un proyecto de MVC ya creado?
Por supuesto! Puedes llamar componentes de razor desde vistas y razor pages: docs.microsoft.com/en-us/aspnet/core/blazor/components?view=aspnetcore-3.0#integrate-components-into-razor-pages-and-mvc-apps
Gracias,que valor tiene el curso completo?
Vale 13.99 en este link:
www.udemy.com/course/programando-en-blazor-aspnet-core/?couponCode=BLAZOROCTOBER
Saludos
Muchas gracias por su conocimiento profesor tiene un nuevo sub ? tiene algun grupo ? si llegara a ver dudas
saludo felipe gavilan te sigo haces varios meses porque me interese en aprender c#, y .net, me gustaría que me dieras una ruta de aprendizaje de tus cursos gratis como los de pago, porque no se por donde empezar aunque manejo de manera intermedia html,ccs y javascript, pero soy dominicano y como sabes el mercado de aquí los reyes son java y c#, por eso quiero aprender backend con .net, muchas gracias de antemano
Hola!
Yo diría que empieces por el de C# si estás comenzando (gratis). Si quieres algo más avanzado de OOP puedes ver el curso de OOP en udemy: www.udemy.com/course/diseno-y-programacion-orientada-a-objetos-en-c/?referralCode=21B170B0635CA0728148
Luego puedes tomar MVC 5 si deseas (gratis)
Más adelante tienes dos opciones: Web APIs o Blazor. Ambos te enseñarán acerca de .NET Core. En lo personal, me gusta más el de Blazor, porque lo enfoqué más en desarrollar una aplicación: www.udemy.com/course/programando-en-blazor-aspnet-core/?referralCode=9C628CCB2E3A35A73D6A
Algunas personas me han dicho que el de Web API les ha ayudado a conseguir empleo, así que tal vez quieras echarle un ojo: www.udemy.com/course/construyendo-web-apis-restful-con-aspnet-core/?referralCode=2067EC056E505823483D
Saludos
Hay una dependencia de los navegadores y su procesador de WebAssembly para que tengan buena performance
Hola muy buen tutorial, estaba mirando que tienes cursos en udemy, .net core tienes alguno que use database first y no codefirst gracias
Hola, en el curso de EF Core explico algo de Database First: www.udemy.com/course/introduccion-a-entity-framework-core-2-1-de-verdad/?couponCode=CAMPANIAUDEMYABRIL19
Sin embargo, el curso se centra en Code First, la razón de esto es que al final es lo mismo, porque con database first lo que haces es generar los modelos y contexto de datos para trabajar con tu base de datos. Luego de ahí, las consultas que hagas sobre la base de datos son idénticas a como se hacen en Code First.
Saludos
@@gavilanch2 Gracias a penas pueda lo compro, si pudieras hacer un curso en udemy o aqui que sea de windows services seria estupendo como hacer rutinas donde pueda usar funciones nativas para acceder a los dispositivos del pc para hacer operaciones seria genial
¿A más personas les interesa el tema de Windows Services? Si hay demanda, entonces no tengo problemas en elaborar un material al respecto (like a este comentario es un sí). Saludos
Web assembly? Woooo
muy buen vídeo gracias. La aplicación ya desarrollada inicialmente que muestras, lo puedes compartir?
Claro: github.com/gavilanch/Blazor-WebAssembly-Ejemplo
@@gavilanch2 gracias.
Me parece bueno el tutorial, muy claro, sin embargo la asercion "Blazor funciona gracias a una tecnología llamada WebAssembly" creo que es equivocada. Existe Blazor Server y Blazor WebAssembly, obviamente Blazor WebAssembly puede correr o ejecutarse gracias a WebAssembly pero no Blazor Server, de hecho este no necesita de WebAssembly, de lo que si necesita es de SignalR. Pueden revisar mas sobre Blazor en su propia pagina: dotnet.microsoft.com/apps/aspnet/web-apps/blazor, esta en ingles pero creo q lo van encontrar facil traducirlo.
Gracias cómo siempre por tus aportes Felipe, pero a mi punto de vista no veo tan interesante que Microsoft siempre quiera abarcar todo, es una verdadera fabrica de frameworks de los cuales siempre pocos sobreviven y éste puede ser uno de ellos, Microsoft tiene como propuesta de valor algo que hicieron muy bien, y es asp.net - Entity framework - SQL server, Cuando empiezan a aparecer estos injertos raros como por ejemplo que se te descarguen .dll ejecutables me asusta y me alejo jajaja, qué te dice que esas dll no puedan contener código malicioso En un app realizada por terceros?
Con respecto a lo del código malicioso, al final, Blazor está limitado al navegador, en tal sentido, no puede hacer más que lo que hace JavaScript hoy en día. Por lo que desde el punto de vista de la seguridad no hay problema para el usuario.
En lo personal pienso que es una propuesta interesante, ya que nos trae la capacidad de utilizar el poder del ecosistema de .NET en el navegador (esto es algo que voy a exponer en un futuro video).
Saludos!
estas hecho a la antigua, le temes a lo nuevo. Te falta un poco de conocer los limites de una tecnologia o plataforma, los navegadores tienen limites y bajo estos se realizan cosas, al igual que aplicaciones de escritorio, apps movil nativas, etc.
@@Mikosacred no estoy hecho a la antigua, porque de hecho estoy manejando SPA con RractJS, .net Core, llamadas asíncronas, PWA, JWT.. y a mi entender son todas tecnologías y técnicas meramente nuevas y en etapas de desarrollo estable. No te estoy discutiendo que me quedaría con ASPX o winforms
Pues yo estoy aprendiendo .net asp y para el front Angular paso de blazor, me parece horrible el codigo todo mezclado, apuesto por lo que lleva años funcionando, es robusto, consolidado y tiene una gran comunidad.
Con respecto a lo del codigo mezclado, se puede separar usando clases parciales, es decir, el UI por un lado y la lógica por otro lado.
Con respecto a lo del tiempo, todas las tecnologías empiezan de cero. En su momento Angular fue nuevo también.
De todas maneras, en el canal tengo videos de Angular y .NET.
Saludos!
La verdad se facil de usar, mas que otros frameworks 🤔
Más que laravel?
@@cesarhernandezdomensay6033 bueno este no es un framework a comparar con Laravel, porque tendrías que compararlo con framworks spa, como Angular, react y vue
@@cesarhernandezdomensay6033 Laravel más bien sería la competencia de .net core
aprende angular, react o vue son framework que llevan años y funcionan, razor es esperimental, si te gusta meclar html con lenguaje de programacion, te gustara react, sino angular, el cualo lo estoy aprendiendo.
@@JoseLuis-sr4xw Si, yo sé angular
lastima que ya se desactualizo y todo se hace diferente ahora
Volveré a hacer este video pronto por eso mismo. Saludos
Problemas de que no me carga el LayoutAttribute
Alguien mas por aqui??
Qué error te da y en qué parte? Qué versión de ASP.NET Core 3 usas (preview 7, preview 8, etc.)?
@@gavilanch2 Preview8, al querer ejecutar el proyecto que se crea por defecto desde Net Core CLI, ya que lo quise crear desde Visual Studio Preview, pero no logré que me aparecieran los templates de Blazor.
Error CS0234 El tipo o el nombre del espacio de nombres 'LayoutAttributeAttribute' no existe en el espacio de nombres 'Microsoft.AspNetCore.Components' (¿falta alguna referencia de ensamblado?) BlazorCRUD.Client D:\Blazor\BlazorCRUD\BlazorCRUD.Client\obj\Debug
etstandard2.0\RazorDeclaration\Pages\_Imports.razor.g.cs
Ya logré crearlo desde Visual Studio seleccionando el tipo de proyecto: Aplicación Blazor, pero el error es el mismo.
Error CS0234 El tipo o el nombre del espacio de nombres 'LayoutAttribute' no existe en el espacio de nombres 'Microsoft.AspNetCore.Components' (¿falta alguna referencia de ensamblado?) BlazorCRUD.Client D:\Blazor\BlazorCRUD\BlazorCRUD\BlazorCRUD\BlazorCRUD.Client\obj\Debug
etstandard2.0\RazorDeclaration\Pages\_Imports.razor.g.cs 51 Activo
La línea es :
[Microsoft.AspNetCore.Components.LayoutAttribute(typeof(MainLayout))]
Mira el video 3 de la serie donde hablo del preview 8 (Este video fue hecho para el preview 7): ua-cam.com/video/chrc4r3Qrbw/v-deo.html
@@gavilanch2
3.0.100-preview8-013656
Error CS0234 El tipo o el nombre del espacio de nombres 'LayoutAttributeAttribute' no existe en el espacio de nombres 'Microsoft.AspNetCore.Components' (¿falta alguna referencia de ensamblado?)
en la línea:
[Microsoft.AspNetCore.Components.LayoutAttribute(typeof(MainLayout))]
No me parece tan buena idea embeber codigo c# con HTML. Dificultaría bastante el testing
Puedes usar clases parciales si quieres separarlos
Es un react js .net jejeje
Sí, toma conceptos de React, y los aplica utilizando .NET y C#.