BLAZOR ULTIMATE: Domina Blazor en 4 proyectos

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?