Cabecera Detalle en Asp .net Core (Master Detail)

Aprende a crear formularios Cabecera- Detalle (Master Detail) en Net Core

4.55 (15 reviews)
Udemy
platform
Español
language
Web Development
category
instructor
98
students
5 hours
content
May 2023
last update
$54.99
regular price

What you will learn

Crear una interfaz para una Cabecera Detalle

Manipular en DOM en Net Core

Manejo de Transacciones para grabar una cabecera detalle

Enviar al servidor un array de objetos

Description

Bienvenido al curso de Cabecera Detalle en Asp .net Core , donde aprenderemos de cero a crear una cabecera detalle en Asp .net core desde cero , sin necesidad de tener ningún conocimiento previo , en el curso veremos lo siguiente:

- Como crear un proyecto desde cero en Asp .net core para la creación de nuestra cabecera detalle.

- Restaurar una base de datos en un Hosting y conectarnos desde nuestra aplicación a una base de datos SQL Server.

- Descargar los paquetes necesarios de  Entity framework core para conectarnos a una base de datos ya existente y poder realizar consultas a nuestra base de datos.

- Realizar listados a la base de datos SQL Server que estará alojado en un Hosting.

- Crear la interfaz para crear una cabecera detalle.

- Aprender como usar Javascript para crear filas dinámicas en una tabla HTML al dar clic en un botón.

- Manejo del DOM ( Document Object Model)  para poder agregar filas , quitar filas,etc.

- Recorrer las cada fila que tiene una tabla para poder realizar cálculos en una tabla , como sumas , multiplicaciones ,etc.

- Añadir controles dinámicos como por ejemplo un "input" en una tabla y realizar operaciones

- Entender el manejo de las transacciones

- Como enviar información al servidor desde el cliente.

- Como enviar un array de objetos del cliente al servidor y como recibirlo y manipularlo en nuestro servidor.

- Manejo de librerías como Bootstrap y Sweet alert para mejorar la interfaz de la aplicación.

- Aprender a usar iconos SVG de bootstrap y añadir a nuestro proyecto.

- Listar combobox desde la base de datos.

- Como guardar una cabecera detalle en Asp .net Core.

Content

Creando el Proyecto

Creación del Proyecto
Crear un Hosting
Alojando nuestra base de datos al servidor
Instalar Paquetes para conectarnos a la Base de datos
Conectarme a una base de datos
Archivos del Proyecto

Diseñando la Interfaz de la Cabecera

Explicando las tablas y creando el controller
Traer la data para la cabecera de la Base de datos
Traer la data para el detalle del pedido de la Base de datos
Creando la vista
Creando la estructura de la vista
Llenando los combos de la cabecera

Creando la Interfaz del Detalle

Creando la interfaz de la Tabla
Agregar filas de forma dinámica
Mostrar un modal al dar click en Agregar
Listado de Productos en Popup
Evento clic a una fila de una tabla
Agregar una fila a la Tabla

Manejo de Eventos y DOM

Explicando el evento onkeyup
Manejo de ParentNode y Children
Realizar operaciones entre columnas
Manejo de Código ASCII
Crear y leer atributos en elementos HTML
Validar que se ingrese la cantidad antes de agregar una fila

Validaciones del Detalle y Cálculos

Validar al momento de intentar abrir el modal
Recorrer y encontrar input vacíos
Usar evento onkeypress
Suma de Columnas de una Tabla
Creando icono para eliminar fila
Eliminar la fila de la Tabla

Editando filas de una Tabla

Ordenando el Código escrito
Crear el botón Editar
Mostrando y Ocultando botones
Cancelar el valor ingresado al editar
Validar ingreso de productos repetidos
Crear las clases para guardar pedido

Guardando información de una cabecera detalle

Realizando validación antes de insertar un cabecera detalle
Enviar datos de la cabecera a la tabla
Obtener datos de la Tabla y guardarlo en un Array
Pasar en un FormData un Array
Guardar la Cabecera
Guardar el Detalle
Disminuir el Stock

Mejorar Funcionalidad

Limpiar Pedido
Redondear el Subtotal
Inicializar el array en vacio
Realizar cálculos en el servidor
Agregar un titulo al modal
Búsqueda de Producto

Manejo de varios Popup

Mejorando Paginación
Manejo de Múltiples Listados en Popup
Múltiples eventos clic de diferentes listados
Múltiples funcionalidades en Popup
Manejo de varios listados en el Popup
Evento que se ejecuta luego de guardar

Manejo de Impresión

Limpiar columnas de una Tabla
Habilitar y deshabilitar controles
Mostrar y Ocultar el botón Imprimir
Realizar una impresión basica
Terminar de imprimir toda la cabecera
Imprimir una tabla

Envió de Correo

Imprimir con estilos
Validando filas vacías al Guardar
Definiendo método para envió de correo
Obtener la Clave para el envió de correo
Envió de Correo Básico

Screenshots

Cabecera Detalle en Asp .net Core (Master Detail) - Screenshot_01Cabecera Detalle en Asp .net Core (Master Detail) - Screenshot_02Cabecera Detalle en Asp .net Core (Master Detail) - Screenshot_03Cabecera Detalle en Asp .net Core (Master Detail) - Screenshot_04

Coupons

DateDiscountStatus
11/18/202382% OFF
expired
1/15/202482% OFF
expired

Charts

Price

Cabecera Detalle en Asp .net Core (Master Detail) - Price chart

Rating

Cabecera Detalle en Asp .net Core (Master Detail) - Ratings chart

Enrollment distribution

Cabecera Detalle en Asp .net Core (Master Detail) - Distribution chart
5258584
udemy ID
4/7/2023
course created date
5/5/2023
course indexed date
Bot
course submited by