CursosEmpresasBlogLiveConfPrecios

¿Qué es WebAssembly y Blazor?

Clase 3 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?

    Viendo ahora
  • 4
    Creando un proyecto de Blazor en Visual Studio

    Creando un proyecto de Blazor en Visual Studio

    06:42 min
  • 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
    Silvia Corrales

    Silvia Corrales

    student•
    hace 3 años

    Mis notas luego de ver la clase e investigar un poco: .

    WebAssembly

    Este estandar que aparecio en el año 2015, es una forma de empaquetar código en formato binario que puede ser enviado al navegador como un assets y ser leído y ejecutado por el navegador.

    Está demostrado que WebAssembly (tambien conocido como WASM ) es 15 o 20 veces más rápido que Javascript en el navegador para realizar cálculos muy complejos, ya que este es un lenguaje interpretado mientras que WASM accede directamente al navegador. Esto no quiere decir que WebAssembly vaya a reemplazar a JavaScript por completo, pues, ambos pueden trabajar en combinacion.

    WebAssembly es ideal como complemento a aplicaciones web que necesiten rendimiento nativo y que usen bibliotecas o modulos de otros lenguajes.

    Sus principales caracteristicas son:

    • Eficiente y rapido
    • Seguro
    • Abierto y depurable

    Extensiones:

    • .wast
    • .wasm

    Blazor

    Blazor es un framework de código abierto (open-source) que incluye herramientas para crear aplicaciones web usando C#, HTML y CSS. Es multiplataforma y esta basado en componentes, ademas, permite escribir aplicaciones de una sola página (SPA).

    Modelos de hospedaje de Blazor

    Blazor presenta dos enfoques claramente diferenciados:

    • Blazor Server: se construye el DOM que se ha de enviar al cliente desde el servidor. Es el modelo más tradicional, cuyo objetivo es sustituir el modelo Web Forms de .NET. Su principal fuerte es la interacción en tiempo real entre cliente y servidor a través de SignalR.
    • Blazor WebAssembly: modelo SPA basado en WebAssembly*,* es decir, la construcción del DOM se realizará en el lado del cliente. Permite a su vez realizar operaciones en el lado del servidor, llamando a APIs para solicitar datos, con la intencionalidad de obtener información sensible que no se quiera calcular en el cliente. Para entender esto, hay que comprender qué es WebAssembly.
    Alfredo Paz Zamora

    Alfredo Paz Zamora

    student•
    hace 3 años

    Comparto un video en el que pude entender mejor que es WebAseembly WebAssembly

      Pablo Andres Fernandez Cari

      Pablo Andres Fernandez Cari

      student•
      hace 3 años

      Muchas gracias! Muy buen video!

    Cristancho Arbld

    Cristancho Arbld

    student•
    hace 3 años

    Me encanta sus cursos Profe, ya he visto varios pero donde lo califico?

      Jorge Marroquin

      Jorge Marroquin

      student•
      hace 3 años

      Hola Cristancho. Después de la clase final de cualquier curso de Platzi, tienes la opción de rendir un examen final para obtener tu certificación. Si apruebas el examen te permitirá dejar una review y calificación de 1 a 5 estrellas. :D

    Javier Sain Osorno Aguirre

    Javier Sain Osorno Aguirre

    student•
    hace 3 años
    Screenshot 2023-05-24 at 22-40-08 ¿Qué es WebAssembly y Blazor.png
      Javier Sain Osorno Aguirre

      Javier Sain Osorno Aguirre

      student•
      hace 3 años
      Screenshot 2023-05-24 at 22-40-21 ¿Qué es WebAssembly y Blazor.png
      edward.arroyave

      edward.arroyave

      student•
      hace 9 meses

      bien es asi son diferentes del servidor o del lado del cliente tambien combnbinandolos con maui se puede crear multiplataforma y para la web

    Javier Sain Osorno Aguirre

    Javier Sain Osorno Aguirre

    student•
    hace 3 años
    Screenshot 2023-05-24 at 22-40-33 ¿Qué es WebAssembly y Blazor.png
    Javier Sain Osorno Aguirre

    Javier Sain Osorno Aguirre

    student•
    hace 3 años
    Screenshot 2023-05-24 at 22-43-02 ¿Qué es WebAssembly y Blazor.png
    Daniel Mauricio Becerra Rincon

    Daniel Mauricio Becerra Rincon

    student•
    hace 9 meses

    Que tanta diferencia hay entre Razor y Blazor ?

    Antonio Orozco

    Antonio Orozco

    student•
    hace 2 años

    Donde encontrar como configurar Visual Studio para poder hacer los cursos porque simplemente marcan error tan solo crear una app sencilla

      Miguel Teheran

      Miguel Teheran

      teacher•
      hace 2 años

      Simplemente instalas la extension de C# en Visual y listo también puedes instalar la de Snippets para Blazor.

    ROMMEL DUAREZ SAENZ

    ROMMEL DUAREZ SAENZ

    student•
    hace 2 años

    y el ppt donde está?

    Javier Sain Osorno Aguirre

    Javier Sain Osorno Aguirre

    student•
    hace 3 años
    Screenshot 2023-05-24 at 22-42-12 ¿Qué es WebAssembly y Blazor.png

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