CursosEmpresasBlogLiveConfPrecios

Creando un proyecto de Blazor en Visual Studio

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

Clase anteriorSiguiente clase

Contenido del curso

Introducción

  • 1
    Presentación

    Presentación

    01:55 min
  • 2
    Prerrequisitos

    Prerrequisitos

    02:06 min
  • 3
    ¿Qué es WebAssembly y Blazor?

    ¿Qué es WebAssembly y Blazor?

    09:34 min
  • 4
    Creando un proyecto de Blazor en Visual Studio

    Creando un proyecto de Blazor en Visual Studio

    Viendo ahora
  • 5
    Creando un proyecto de Blazor con el CLI

    Creando un proyecto de Blazor con el CLI

    05:14 min
  • 6
    Analizando extensiones de Visual code para blazor

    Analizando extensiones de Visual code para blazor

    03:12 min

Componentes de Blazor

  • 7
    Estructura de componentes y arquitectura en Blazor

    Estructura de componentes y arquitectura en Blazor

    07:48 min
  • 8
    Ciclo de vida en componentes y parámetros

    Ciclo de vida en componentes y parámetros

    15:33 min
  • 9
    Creando componentes compartidos

    Creando componentes compartidos

    07:11 min
  • 10
    Creando archivo de configuración

    Creando archivo de configuración

    07:08 min

Conectando Blazor a Backend

  • 11
    Configurando conexión al backend para el proyecto

    Configurando conexión al backend para el proyecto

    06:38 min
  • 12
    Creando componentes para conexión a la API

    Creando componentes para conexión a la API

    13:06 min
  • 13
    Mostrando lista de productos

    Mostrando lista de productos

    12:44 min
  • 14
    Creando Menú y CSS para la lista de productos

    Creando Menú y CSS para la lista de productos

    08:05 min
  • 15
    Creando formulario para agregar registros

    Creando formulario para agregar registros

    13:32 min
  • 16
    Integrando formulario con servicios

    Integrando formulario con servicios

    08:52 min

Usando Librerías de Blazor

  • 17
    Creando funcionalidad de eliminar usando JavaScript

    Creando funcionalidad de eliminar usando JavaScript

    12:24 min
  • 18
    Usando Librerías de Blazor

    Usando Librerías de Blazor

    11:28 min

Cierre

  • 19
    Conclusión y cierre

    Conclusión y cierre

    01:52 min
Tomar examen

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads
        Martín López Rubio

        Martín López Rubio

        student•
        hace 3 años

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

          Israel Hernández Galicia

          Israel Hernández Galicia

          student•
          hace un año

          :(

        Jorge Huerta

        Jorge Huerta

        student•
        hace 3 años

        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

          edward.arroyave

          student•
          hace un año

          aun esperando....

        Fernando Evelio Rivera Flores

        Fernando Evelio Rivera Flores

        student•
        hace 3 años

        Excelente noticia que vayan a hacer un curso mas avanzado.

          Jairo Alonso Contreras Mateus

          Jairo Alonso Contreras Mateus

          student•
          hace 3 años

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

        Jhon Franklin Baca Campos

        Jhon Franklin Baca Campos

        student•
        hace 3 años

        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

        Felipe Naranjo

        student•
        hace 2 años

        como se instala ASP.NET and web development?

          Miguel Teheran

          Miguel Teheran

          teacher•
          hace 2 años

          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

          Raúl Alejandro Chávez Valenzuela

          student•
          hace un año

          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

        Felipe Naranjo

        student•
        hace 2 años

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

        Kevin Castellano

        Kevin Castellano

        student•
        hace 3 años

        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

        David de Jesus Puente Gutierrez

        student•
        hace 2 años

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

          Miguel Teheran

          Miguel Teheran

          teacher•
          hace 2 años

          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

        Jose Noriega

        student•
        hace 2 años
        dotnet new blazorwasm -o BlazorApp cd ./BlazorApp dotnet run ```dotnet new blazorwasm -o BlazorApp cd ./BlazorApp dotnet run
        Jose Noriega

        Jose Noriega

        student•
        hace 2 años

        dotnet new blazorwasm -o BlazorApp

        cd ./BlazorApp

        dotnet run

          Jose Noriega

          Jose Noriega

          student•
          hace 2 años

          Para el reload:

          dotnet watch run

        Jairo Alonso Contreras Mateus

        Jairo Alonso Contreras Mateus

        student•
        hace 3 años

        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

          Miguel Teheran

          teacher•
          hace 3 años

          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

          ROMMEL DUAREZ SAENZ

          student•
          hace 2 años

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

        Jose Noriega

        Jose Noriega

        student•
        hace 2 años

        dotnet new blazorwasm -o BlazorApp cd BlazorApp dotnet run

        Jose Noriega

        Jose Noriega

        student•
        hace 2 años

        dotnet new blazorwasm -o BlazorApp

        Sergio Lasso

        Sergio Lasso

        student•
        hace 2 años

        Presento un error de privacidad alguien sabe algo ?

        Tengo instlado .net 8

        Javier Sain Osorno Aguirre

        Javier Sain Osorno Aguirre

        student•
        hace 3 años

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

        Ivett Gonzalez

        Ivett Gonzalez

        student•
        hace 3 años

        Hola, Por que motivo sale error en Loading?

        Oriana Carolina Ailigo

        Oriana Carolina Ailigo

        student•
        hace 3 años

        buenisimo

        Alfredo Paz Zamora

        Alfredo Paz Zamora

        student•
        hace 3 años

        Explicación de Progressive Web Application

        Alfredo Paz Zamora

        Alfredo Paz Zamora

        student•
        hace 3 años

        Explicación de ASP.NET Core Hosted