Conocer las bases de .NET core

1

¿Qué necesitas para aprender a desarrollar aplicaciones profesionales en .NET con Blazor?

2

Todo lo que aprenderás sobre Blazor

3

Evolución de .Net

4

¿Cómo funciona el Desarrollo Web sin Blazor?

5

Instalando Visual Studio Community

6

Instalando SQL Server Express

Entender la estructura de Blazor

7

Webassemblies y .Net Core 3

8

Anatomía de una aplicación Blazor

9

Blazor pages

10

Blazor components

11

Introducción a formularios

12

Inyección de dependencias

Aplicar Entity Framework

13

Arquitectura vs. Patrones de Diseño

14

Estructurando nuestro proyecto

15

¿En qué consiste Entity Framework y por qué vamos a trabajarlo?

16

Creación de entidades

17

Data annotations

18

Trabajando el relacionamiento entre entidades

19

Creando el datacontext

20

Migraciones

21

Alimentando la base de datos

Integrar datos en ambientes Blazor

22

Construyendo la capa intermedia o capa de negocio

23

El CRUD de integración de datos

24

Creación de formularios con Blazor

25

Finalizando el formulario

26

Trabajando listas de datos

27

Agregando filtros a nuestra lista

28

Guardando nuevos registros

29

Creación formulario de actualización de datos

30

Aplicando actualización de datos

31

Registrando productos en almacenamiento

32

Creando página de almacenamiento

33

Cargando productos por Bodega para entradas y salidas

34

Relacionando productos y formulario de entradas y salidas

35

Finalizando el formulario de entradas y salidas

Aplicar Diseño con Bootstrap

36

Revisión de estilos: Introducción a Bootstrap

37

Publicando el sitio

38

Cierre del curso

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Revisión de estilos: Introducción a Bootstrap

36/38
Recursos

¿Qué es Vustra y cómo mejora la experiencia del usuario?

Llegar a un desarrollo funcional de tu aplicación es solo el primer paso, pero si realmente quieres que los usuarios disfruten de ella, es crucial centrarse en la experiencia del usuario y en la estética. Aquí es donde entra Vustra, una herramienta que facilita la construcción de estilos de forma sencilla y rápida. No solo te permite crear estilos, sino que ofrece estilos predefinidos que puedes utilizar fácilmente, ahorrando tiempo y esfuerzo en diseño.

¿Dónde puedes encontrar Vustra y su documentación?

Vustra está disponible en su sitio oficial, vustra.com, donde puedes recurrir a la documentación completa sobre esta herramienta. La documentación incluye desde guías iniciales hasta ejemplos detallados de cómo implementar los diversos elementos y componentes en tu aplicación. Esto permite a cualquier desarrollador, independientemente de su nivel de experiencia, integrar Vustra en su flujo de trabajo.

¿Cómo se estructuran los componentes con Vustra?

Vustra presenta una estructura lógica basada en hojas de estilo que permite organizar tu diseño de manera eficiente. Ofrece una gama de componentes predefinidos, como botones, tarjetas y carruseles, que se pueden personalizar para mejorar tu interfaz.

Estos son algunos de los componentes destacados:

  • Botones: Personalizables en colores y formas.
  • Tarjetas (Cards): Permiten presentar información agrupada de manera ordenada.
  • Carruseles (Carousels): Para mostrar contenido en un formato de desplazamiento horizontal.

¿Cómo funciona el sistema de columnas de Vustra?

Una característica distintiva de Vustra es su sistema de gráficos en columnas. Este sistema divide la pantalla en hasta doce columnas, facilitando la creación de diseños adaptativos. Puedes tener un contenedor principal y dentro de él, organizas subcontenedores en columnas o filas según el diseño que desees.

Cuando estás trabajando con distintos tamaños de pantalla, Vustra adapta sin problemas la disposición de los elementos, proporcionando una experiencia consistente y atractiva. Por ejemplo:

  • Pantallas medianas: Puedes optar por una distribución en tres columnas.
  • Pantallas pequeñas: Los elementos se superponen verticalmente para un mejor uso del espacio.

Vustra permite una flexibilidad tal que puedes personalizar la cantidad de columnas y la anchura específica que cada una ocupa, siempre cuidando de que la suma total sea un múltiplo de doce.

¿Cómo potenciar tus diseños con ejemplos de Vustra?

Para obtener el máximo provecho de Vustra, se recomienda explorar las librerías y ejemplos disponibles en su sitio. Esto no solo refina tus habilidades, sino que también te da inspiración para adaptar y mejorar tus propios desarrollos. La práctica con estos ejemplos te ayuda a perfeccionar tus habilidades visuales y a crear aplicaciones que no solo funcionan bien, sino que también son visualmente atractivas.

Cada componente y diseño puede hacer que tu aplicación destaque, captando la atención del usuario final. Con Vustra, la estética y funcionalidad están al alcance de la mano, llevando tu proyecto al siguiente nivel, logrando que se vea elegante y profesional.

Sigue explorando y experimentando con Vustra para elevar tu creatividad y lograr que tu sitio web no solo cumpla con las expectativas funcionales, sino también estéticas. ¡El esfuerzo por embellecer tu proyecto realmente vale la pena!

Aportes 7

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Ademas de bootstrap hay uno que a mi gusto es muy amigable con el usuario llamado materialize, por si alguien quiere probar estilos distintos c:

Les recomiendo MatBlazor, tiene diseño materialize

Les recomiendo MudBlazor

Otras librerias pueden ser semantic-ui o fomantic-ui

Puedo utilizar Materialize en Blazor en ves de Bootstrap? Como lo remplazo?

Interesante

Bootstrap es una buena libreria css para empezar con tu app.