esos componentes son como los de angular jajaja
Conocer las bases de .NET core
¿Qué necesitas para aprender a desarrollar aplicaciones profesionales en .NET con Blazor?
Todo lo que aprenderás sobre Blazor
Evolución de .Net
¿Cómo funciona el Desarrollo Web sin Blazor?
Instalando Visual Studio Community
Instalando SQL Server Express
Entender la estructura de Blazor
Webassemblies y .Net Core 3
Anatomía de una aplicación Blazor
Blazor pages
Blazor components
Introducción a formularios
Inyección de dependencias
Aplicar Entity Framework
Arquitectura vs. Patrones de Diseño
Estructurando nuestro proyecto
¿En qué consiste Entity Framework y por qué vamos a trabajarlo?
Creación de entidades
Data annotations
Trabajando el relacionamiento entre entidades
Creando el datacontext
Migraciones
Alimentando la base de datos
Integrar datos en ambientes Blazor
Construyendo la capa intermedia o capa de negocio
El CRUD de integración de datos
Creación de formularios con Blazor
Finalizando el formulario
Trabajando listas de datos
Agregando filtros a nuestra lista
Guardando nuevos registros
Creación formulario de actualización de datos
Aplicando actualización de datos
Registrando productos en almacenamiento
Creando página de almacenamiento
Cargando productos por Bodega para entradas y salidas
Relacionando productos y formulario de entradas y salidas
Finalizando el formulario de entradas y salidas
Aplicar Diseño con Bootstrap
Revisión de estilos: Introducción a Bootstrap
Publicando el sitio
Cierre del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Crear componentes es una de las bases fundamentales en Glaceau, ya que permiten reutilizar código y estructurar mejor nuestras aplicaciones. En esta guía te mostraremos cómo iniciar la organización de componentes y cómo construirlos correctamente en tu proyecto.
La organización es clave al trabajar con componentes. Debemos comenzar por crear una carpeta específica para almacenarlos.
Crear la carpeta de componentes:
components
. Esta carpeta contendrá todos los trabajos actuales y futuros relacionados con componentes.Crear subcarpetas para ejercicios:
components
, crea una subcarpeta denominada Ejercicios
.Clasificar por clase:
Ejercicios
que correspondan a diferentes clases o temas en los que estés trabajando.<h3>
.<h3>Formulario componente</h3>
<!-- Inicia creando un componente básico para un formulario -->
Los parámetros son poderosos en la personalización de componentes, ya que permiten modificar dinámicamente lo que se muestra.
public string Mensaje { get; set; }
OnInitializedAsync
para establecer valores iniciales.protected override async Task OnInitializedAsync()
{
Mensaje = Mensaje ?? "Mensaje por defecto";
}
El comportamiento de inicio de un componente debe personalizarse para mejorar la experiencia de usuario al cargar los datos necesarios al inicio.
Utilizar métodos del ciclo de vida:
OnInitializedAsync
permiten configurar acciones iniciales de los componentes.Desplegar información diferenciada:
<!-- Ejemplo de uso de un componente con diversas inicializaciones -->
<Form001 Mensaje="¡Hola Mundo!" />
<Form001 Mensaje="¡Bonjour le monde!" />
Las mayores ventajas de trabajar con componentes en Glaceau son:
En resumen, la correcta creación y gestión de componentes no solo te brinda un código más organizado, sino también aplicaciones más robustas y escalables. Si sigues estos pasos, estarás en camino de ser un experto en el desarrollo modular y eficaz con Glaceau. ¡Adelante con tus proyectos y sigue aprendiendo!
Aportes 18
Preguntas 4
esos componentes son como los de angular jajaja
Una actualizada del curso no estaría mal!
La palabra clave async lo que indica es que este método se quiere sincronizar con métodos que se ejecutarán de forma asíncrona.
Si quieren entender un poco mejor les dejo el siguiente video donde lo explican con JS.
https://www.youtube.com/watch?v=bWvnWhVCHAc
Se me hizo similar a Angular
No se cual fue el error que tuve, estaba en Visual Studio 2022 y al agregar el directorio en el _Imports no me reconocía la carpeta Components, probé de muchas formas, reiniciando el IDE, reparándolo moviendo la carpeta, finalmente pude resolverlo borrando la carpeta y creando una nueva con el mismo nombre. Imagino que abra sido un error del IDE, ya que cuando lo hice por primera ves en el 2019 no tuve ningún problema
Tuve muchos problemas al momento de añadir mi espacio de trabajo en _Imports, no se porque me marcaba error, me aparecía que no lo encontraba, pensé que era un error del IDE ya que estoy con Visual Studio 2022, y no había tenido problemas con el 2019, finalmente como lo resolví fue eliminando la carpeta y creando una nueva con el mismo nombre
Esta es otra forma en la que pueden agregar un componente por si tiene problemas con la primera.
<Inventory.Components.Ejercicios.BlazorPages.Form001 GeneralMessage ="Vista Index" />
En Visual Studio 2022, la ruta sería así:
@using Inventory.wwwroot.Components.Exercises.BlazorPages
Pareciera que se inspiraron en angular y en react jaja.
metodos asincronos no usan un void o no esperarían no recibir nada, en vez de eso se define como tarea o "Task"
[Parameter] parametro
Blazor no se puede trabajar con el lenguaje Visual Basic?
Blazor es increíble.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?