BLAZOR ULTIMATE: Domina Blazor en 4 proyectos

Aplicaciones Blazor del mundo real, incluido un sistema de ventas, dos maestro-detalle y un cliente WebAssembly

4.76 (349 reviews)
Udemy
platform
Español
language
Web Development
category
instructor
1,497
students
12 hours
content
Jul 2022
last update
$64.99
regular price

What you will learn

Todo lo que necesitas saber sobre Blazor

Completar un CRUD en Blazor

Crear un proyecto similar a los del mundo real con Blazor

Usar Entitiy Framework con Blazor

Crear maestro-detalle con Entity Framework y Dapper

Crear componentes Blazor

Navegar con aplicaciones Blazor

Blazor del lado del Servidor

Blazor Web Assembly

Agregar librerias profesionales a Blazor

Usar MudBlazor con Blazor

Arquitectura de una aplicación del mundo real

Integrar librerías de terceros en la aplicación Blazor

Validar formularios en Blazor

Comunicación entre componentes en Blazor

Tipos de binding en Blazor

Como incluir Blazor en tus proyectos

Como usar C# en el frontend sin nada de Javascript

Description

Bienvenidos a BLAZOR ULTIMATE: Domina Blazor en 4 proyectos, un Curso para Iniciados 100% práctico en donde aprenderás a trabajar con Blazor en el mundo real, con problemas complejos y requerimientos iguales a los que tendrás en aplicaciones productivas de empresas o de tus propios proyectos.

En este curso no veremos ningún concepto teórico ya que estos fueron cubiertos a detalle en mi curso Aprende Blazor desde Cero, en donde estudiamos la sintaxis Razor, el ciclo de vida de los componentes Blazor y el potencial de la tecnología en términos generales. En este curso pasamos a la práctica y nos sentamos a escribir el código de cuatro aplicaciones que modelan casos particulares del mundo real.


Si no sabes NADA de Blazor, te recomiendo tomar primero mi curso Aprende Blazor desde Cero, pero si ya sabés algo o te sientes cómodo aprendiendo directamente con proyectos, entonces este curso funcionará también para ti porque aquí explico absolutamente todo lo que hago y no omito ningún detalle.

Pero este curso no tiene la intención de que aprendas sólo Blazor, sino de que también puedas formarte como FullStack, así que construiremos proyectos completos, con sus distintas formas de acceso a datos, capas de servicios y presentación.


Este curso no depende de la versión actual de .NET y puede ser realizado para aprender Blazor en cualquier versión del framework. Los proyectos han sido escritos en .NET 5, pero más adelante se migran a .NET 6 y a sucesivas versiones de ser necesario. Lo que vemos aplicado en el curso no está afectado en lo más mínimo por la versión del framework ya que el curso se centra en Blazor y en aplicaciones Full Stack exclusivamente.

Aquí en detalle lo que incluye el curso:

  • Gestor de Contactos


    El primero de los proyectos es simple pero completo y sirve para que puedas acercarte a muchos de los conceptos que luego ampliaremos a lo largo del curso: cómo usar componentes Blazor, cómo construir una aplicación con una arquitectura limpia, cómo separar el acceso a datos de la presentación, y mucho más.
    Construiremos un gestor de contactos utilizando Dapper y SQL Server, asegurándonos de que cada paso está debidamente explicado y ejemplificado. El objetivo fundamental de este proyecto es que puedas dar vistazo general a todo lo que veremos luego, y que sumes confianza para trabajar en los proyectos que siguen, que son más complejos.

  • Pokedex

    No podía faltar en este curso el ejemplo de una Pokedex. En este caso, construiremos juntos una aplicación Blazor WebAssembly (es decir una Single Page Application sin nada de código de servidor) que consumirá la famosa API PokeApi, y con la cual agregaremos un catálogo muy sencillo de Pokemons, sus tipos y habilidades.
    Uno de los puntos fuertes de este proyecto es que implementaremos una paginación totalmente desde cero, creando todos los componentes y métodos necesarios para que funcione, sea flexible y pueda adaptarse según las necesidades de cada proyecto.

    Además, aprenderás:

    • A interactuar con cualquier API

    • A crear un modelo orientado a objetos para representar las respuesta de la API

    • A serializar y deserializar automaticamente estas respuestas


  • Catálogo Musical


    En este proyecto incrementamos un poco la complejidad para que aprendas a usar Entity Framework para modelar tu capa de acceso a datos. Este es el primer Maestro Detalle del curso, en donde el álbum es el maestro y las canciones del albúm son los detalles.
    En este proyecto veremos a detalle como funciona la comunicación de dos vías de los componentes, y además podrás implementar un componente reutilizable dinámico.
    Otros elemento a resaltar, es que usaremos este proyecto para que aprendas las dos maneras más populares de subir archivos e imágenes a tu servidor: Almacenandolo como bytes en la base de datos, o copiando el archivo a un directorio del servidor. Para ambos ejemplos utilizaremos el componente InputFile nativo de Blazor.


  • Sistema de Ventas

    Este es el proyecto más grande de todo el curso, en donde pondremos en práctica todo lo que aprendimos hasta aquí. Pero no sólo eso.

    El objetivo final de este proyecto es que tengas un sistema funcionando igual a los que te encontrarás luego en el mundo real, con un arquitectura limpia pero flexible, utilizando buenas prácticas, patrones de desarrollo y una interfaz profesional.

    El sistema consta de un maestro detalle clásico del tipo Órdenes-Productos con una base de datos SQL. Además agregaremos otros elementos básicos en sistemas de este tipo cómo Clientes y Categorías de Productos. Para el acceso a datos usaremos Dapper, para que puedas ver en todos los niveles como funcionan las consultas y transacciones requeridas.

    En este caso construiremos una aplicación Blazor WebAssembly .NET Core hosted, lo que significa que, en otras palabras, tendremos una aplicación WebAssembly en el cliente y una API para el acceso a datos. Esta es la arquitectura que suelen tener las aplicaciones del mundo real que tienen una buena separación de responsabilidades.

    Para llevarlo a cabo, aprenderás a instalar una librería de componentes, MudBlazor en este caso, pero lo que aprendas aquí te servirá para instalar cualquier otra librería que te interese. A lo largo del proyecto veremos Dialogs, grillas, botones y algunos campos especiales, pero tendrás las herramientas necesarias para agregar lo que tú quieras.

    Este sistema contará con la robusta seguridad que nos provee Identity Server, con lo cual podremos agregar una página de Login, una página de registro y una serie de páginas con las cuales el usuario podrá personalizar su cuenta. Aquí aprenderás no sólo eso, sino cuales son todas las posibilidades que tienes para agregar otras opciones tú mismo.

En todos estos proyectos utilizarás 100% C# y nada de Javascript.


Cuando hayas terminado el curso, serás capaz de:

  • Construir LO QUE QUIERAS con Blazor.

  • Tendrás suficiente código de ejemplo como para poder reutilizar en tus proyectos personales, crear un portfolio propio o también para usar a lo largo de tu carrera laboral con .NET.

  • Crear soluciones Blazor complejas.

  • Utilizar Entity Framework

  • Utilizar Dapper

  • Utilizar Identity Server

  • Escribir una API en .NET

  • Consumir APIs públicas con Blazor y aplicaciones .NET

  • Ser un desarrollador FullStack utilizando sólo C#

Con todos estos proyectos realizados, podrás decir que eres un usuario avanzado de Blazor, y además habrás abarcado una gran mayoría de las posibilidades que tienes a la hora de trabajar con .NET Core en general.



Así que... ¿Qué esperas? ¿Estás listo para convertirte en un Maestro en Blazor?


Content

Configuración del Entorno

Instalar Visual Studio
Instalar SQL Server Express 2019

Gestor de Contactos

Creación del Proyecto y de la Arquitectura
Crear Base de Datos y Capa de Acceso a Datos
Implementar Repositorio
Implementar el Controlador de la API
Comunicacion entre Blazor WebAssembly y la API
Alta de Contacto
Crear lista de Contactos
Actualizar y Eliminar Contactos
Agregar Radzen a los formularios

Pokedex

Creación del Proyecto
Arquitectura de la Aplicación
Vistazo general de la PokeAPI
Implementar Capa de Servicio
Inyectar las Dependencias requeridas
Implementar Metodo GetPokemon
Modelar objeto Pokemon
Implementar Metodo GetAllPokemons
Completar capar de Servicio
Implementar componente Pokedex
Ejecutar y probar Pokedex
Agregar PaginationParameters
Agregar PaginationMetadata
Agregar PaginationButton
Refactorizar componente Pokedex
Agregar Componente Pagination
Escribir método para agregar botones de paginación
Completar componente Pagination
Insertar componente Paginacion en componente Pokedex
Calcular Metadata en componente Pokedex
Probar paginacion
Agregar Componente Pokemon Details
Diseñar el frontend de Pokemon Details
Agregar foto de Pokemon en Pokemon Details
Terminar componente Pokemon Details
Detalles de estilo en Pokemon Details

Catalogo de Música

Creacion del Proyecto
Arquitectura de la Aplicacion
Creacion del Modelo
Instalar Entity Framework
Crear Entity Framework Context
Ejecutar Migraciones en Entity Framework
Crear e Implementar la capa de Servicios
Crear Componente AlbumAdd
Crear Componente Song
Comunicacion Padre - Hijo entre componentes
Comunicacion Hijo - Padre entre componentes
Debug de la comunicacion de dos vías entre componentes
Agregar boton Save en Album Add
Completar formulario de Alta de Album
Como copiar archivos hacia el servidor
Debug del metodo que copia archivos al servidor
Refactor del componente
Actualizar la BD con Entity Framework
Insertar Maestro Detalle
Como subir imagenes a la base de datos
Devolver Maestro con sus detalles con Entity Framework
Completar componente AlbumView
Agregar y reproducir canciones con Blazor
Crear componente AlbumList
Implementar Service method GetAllAlbums
Refactor del componente para editar albums
Completar Edicion del Maestro Detalle
Implementar Remove Song
Implementar Remove Album

Sistema de Ventas

Ejecutar Script y crear Base de Datos
Vistazo general a la Base de Datos
Creación del proyecto
Activar Seguridad con Identity Server
Personalizar pantallas de autenticacion
Definir Acceso a Datos
Inyectar conexion a repositorios
Completar el primer repositorio
Completar el primer Controlador
Completar el primer Servicio
Crear primer componente en Blazor
Probar el dropdown de categorias y corregir errores
Crear modelo Producto
Desplegables Anidados en Blazor
Implementar capa de Servicio para Producto
Implementar Product Repository
Completar Product Controller
Ejecucion y debug de los combos anidados
Capa de Acceso a Datos para Order
Implementar Order Controller
Implementar Order Service
Implementar formulario de Ordenes
Consigna - Cargar Clientes
Implementar Carga de Clientes
Implementar Save Order
Agregar seguridad en el frontend y los controllers
Instalar MudBlazor
Crear componente ProductDialog
Mover desplegables anidados a ProductDialog
Modelar comunicacion con ProductDialog
Inputs personalizados de MudBlazor
Probar Product Dialog
Mejorar la interfaz del Dialog
Agregar Lista de Products
Probar la nueva funcionalidad
Iniciar Implementación de Get Product By Id
Valores por defecto en Product Dialog
Mudblazor Snackbar y prueba del Dialog
Calcular Total
Traer el ultimo numero de Orden
Remover Productos de la grilla
Implementar Transaccion Maestro Detalle
Probar transaccion
Agregar lista de Ordenes
Implementar Edicion de Ordenes
Eliminar Ordenes
Bugfixing y cierre del proyecto

BONUS

Deploy Blazor en IIS

Screenshots

BLAZOR ULTIMATE: Domina Blazor en 4 proyectos - Screenshot_01BLAZOR ULTIMATE: Domina Blazor en 4 proyectos - Screenshot_02BLAZOR ULTIMATE: Domina Blazor en 4 proyectos - Screenshot_03BLAZOR ULTIMATE: Domina Blazor en 4 proyectos - Screenshot_04

Reviews

Mauro
October 6, 2023
Tremendo como explica Gabi, siempre detallando cada paso que se va realizando de una forma que es súper fácil de entender. Recomendadísimo!
Fufo
September 28, 2023
muy buen curso, cosas muy interesantes, me habría gustado ejemplos de como usar javascript. Aun asi totalmente recomendado
Alberto
September 22, 2023
Me parece interesante, hay algunas que a manera de criterios personales prefiero hacerlas de otro modo por tema de performance
Guillermo
August 30, 2023
Lo único que le sugiero es usar procedimientos almacenados y dynamic parameters con dapper y en los componentes de blazor usar code behind con partial classes, de resto está perfecto todo, no es algo que devalúe las enseñanzas del curso, excelentemente explicado todo
Mauricio
July 19, 2023
Excelente! Tanto el contenido como la explicación del mismo. Va incorporando complejidad y conocimiento de manera gradual, al mismo tiempo que va explicando lo que va codeando (no es todo copy/paste como en otros lados). Los ejemplos/proyectos son bastantes útiles. Lo recomiendo al 100%. Seguramente seguiré por otros cursos de este instructor. Felicitaciones!
Edwin
July 3, 2023
Como siempre, este es el tercer curso que compro y no me ha decepcionado en absoluto. Estoy en carrera para seguir avanzando en .net y blazor ha sido ese recurso que jamás pensé que me agradaría, obviamente opacado por sus contrapartes (angular, vue, react...etc) pero creo que mi perspectiva cambió con este curso. Si no has ensayo, intenta con este curso y no lo lamentarás.
Digna
July 3, 2023
Excelente curso, aprendi mucho. Ya traia conocomientos pero aca los he profundizado, en cada proyecto se aprenden cosas y en especial el despliegue en IIS y el certificado SSL fue un gran plus.
Wilberth
May 19, 2023
Me parece que Gabriel es una persona que domina muy bien los temas que expone en sus cursos, este es el segundo curso que llevo con él y me parece que tiene un dominio avanzado.
Pedro
April 3, 2023
Buen curso con variantes y con opción de wasm y server. Muy bien explicado, Así da gusto invertir en aprender.
Hector
March 21, 2023
Excelente curso, me habria gustado ver mas estilos; Ojala genere un curso con estilos Look and feel profesionales; Por lo demas aprendi bastante.
Sistemas
September 21, 2022
Buenísimo el curso, perfecto, podría agregar mas proyectos y agregar mas dificultad con ellos, mencionar mas buenas prácticas y notas o curiosidades extra para desarrollar en aplicaciones, todo muy bueno
Juan
August 31, 2022
Me paso algo muy interesante con este curso, con solo 2 de los videos me sirvió para resolver y entender temas puntuales de mi día a día laboral. Me gusta la forma en la que estructura la solución del proyecto, aun así sabiendo que son con fines didácticos y no algo empresarial. La explicación es muy clara. sin dudas el curso es una buena inversión en conocimiento.
Jonathan
June 28, 2022
Me fue muy claro, ya soy desarrollador backend y realmente necesitaba una ayuda a usar blazor para desplegarme como fullstack. me gustaria mucho un curso donde sólo enfocaras el uso de mudblazor y generar vistas realmente hermosas y componentes como para rescatar cualquier tabla y ensamblar paginadores y filtros, detectar avatar , mostrar imagenes pequeñas etc o simplemente personalizar el CSS de componentes
Leonardo
October 12, 2021
Simplemente excelente. Me gusta mucho la claridad con la que se exponen los detalles y la pronta respuesta a mis preguntas por parte del instructor.
Oscar
August 19, 2021
Buen curso. Cada video va al punto del tema, muy bien explicado. El proyecto paso a paso permite comprender cada parte vista de lo que se puede hacer con Blazor.

Coupons

DateDiscountStatus
6/24/202171% OFF
expired

Charts

Price

BLAZOR ULTIMATE: Domina Blazor en 4 proyectos - Price chart

Rating

BLAZOR ULTIMATE: Domina Blazor en 4 proyectos - Ratings chart

Enrollment distribution

BLAZOR ULTIMATE: Domina Blazor en 4 proyectos - Distribution chart

Related Topics

4088744
udemy ID
5/30/2021
course created date
6/24/2021
course indexed date
Bot
course submited by