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:
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
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.
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.
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:
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:
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.
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
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.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?