Elabora CRUD desde tabla HTML hacia Postgresql usando Django

Aprende a utilizar Ajax de jQuery desde el FrontEnd y envía datos hacia el BackEnd Django, tanto manual como con plugins

4.40 (5 reviews)
Udemy
platform
Español
language
Web Development
category
56
students
9 hours
content
Mar 2023
last update
$59.99
regular price

What you will learn

Recorrer Tabla Html con jQuery

Uso de Ajax para Enviar y Recibir Datos desde BackEnd Django

Manipulación desde Frontend de Tabla HTML

Editar Tabla Html

Editor de DataTable

Crear tu propia funcionalidad de Editor de DataTable

Uso de Bootstrap Table (BT)

Uso de BootsTable

Description

Bienvenido al curso donde aprenderás a elaborar operaciones CRUD (Create, Read, Update y Delete) en una tabla HTML  dinámicamente usando jQuery o JavaScript  hacia la base de Datos PostgreSQL o cualquier otra Base de Datos que soporte Django de Python.


El curso está dividido en secciones para que tu aprendizaje sea más ordenado, luego de la sección de bienvenida, iniciamos con una sección 2 donde elaboraremos todas las operaciones CRUD manualmente, esto es sin usar ningún plugin, veremos cómo agregar filas a la tabla por medio de un formulario, así como inicializar la tabla con un "endpoint" (elaborado en Django) que cargará todo el contenido de la tabla, todo esto dinámicamente.  Luego de tener la tabla html con filas, vamos a guardar de dos formas:

  1. Recorrer la tabla y guardar cada fila por medio de Django

  2. Enviar todo el contenido de la tabla por medio de Django

Así como las operaciones de edición y borrado de las filas de la tabla.

A partir de la segunda sección, trabajaremos las operaciones CRUD sobre una tabla HTML, pero usando un plugin.


La sección 3, trabajaremos con el plugin llamado BootsTable, que permite realizar operaciones de edición inline. También actualizaremos el plugin para que se adapte con Bootstrap 5.


La sección 4, trabajaremos con el plugin DataTable, pero con el plugin Editor, el cual es una extensión premium que DataTable ofrece para procesar operaciones CRUD de una tabla HTML en minutos.


En la sección 5, tomando como base la funcionalidad del Editor de DataTable, aprenderás a emular las mismas funcionalidades, pero sin ningún costo adicional, aprenderás a realizar operaciones CRUD con el plugin DataTable, tanto para botones inline, como usando la extensión Buttons de DataTable.


En la sección 6, aprenderás a utilizar el plugin Bootstrap-Table, el cual extiende una tabla HTML para trabajar con los FrameWorks CSS más conocidos (como Bootstrap, Semantic UI, Bulma, Material Design, Foundation, etc).


Esto y mucho más, aprenderás de una manera didáctica y a la vez práctica, que te llevará a que puedas desarrollar tus propias habilidades para realizar las operaciones CRUD sobre una tabla HTML.


Para que te des una idea de qué trata el curso, la primer sección está publicada en mi canal de youtube, entérate en mi perfil.

Content

Introducción

Introducción
Presentación del Proyecto
Repositorio en GitLab

CRUD Manual

Crear Proyecto en Remoto (GitLab)
Proyecto Inicial
Entorno Virtual
Instalar Django
Valoración del Curso
Descargar y Usar PostgreSQL
Crear BD desde Consola
jQuery
Crear Template y Vista
Formateando Template
Ingresando Registros
Validando Datos
Recorrer Tabla
Preparando Datos a Enviar
Preparando Vista en Django
Enviar Datos
Guardar Datos
Cargar Todos los Registros
Borrar Registros
Limpiar Pantalla
Editar Registros
Mejorando Detalles
SweetAlert
Confirmar Antes de Borrar
Enviar Toda la Tabla HTML a Django
Editar/Agregar con Ventana Modal (Bootstrap)

BootsTable

Presentación y Descarga de BootsTable
Nueva Plantilla
Renderizar Tabla (Iniciar BootsTable)
Corregir Gráficos de Botones InLine
Editar
Eliminar
Nuevo
Nuevo con Modal
Final de Sección

DataTable (Editor)

Presentación e Inicialización del DataTable
Preparación de Plantilla
Lectura (GET) dinámicamente (AJAX)
Descargar e Inicializar del Editor de DataTable
Mostrar Ventana Emergente
EndPoint (Django)
Mandar Mensaje de Error desde Django al Editor de DataTable
Botones de Acción en las filas de la tabla
Personalizar Texto y Mensajes en Botones
Plugin Editor Expirado

Tu Propio Editor de DataTable

Introducción
Template
Botones Inline - Editar
Botones Inline - Borrar
Botón DataTable - Nuevo
Botón DataTable - Editar
Botón DataTable - Eliminar
Conclusión

Bootstrap-Table

Presentación del Plugin
Instalación y Primeras Pruebas
Carga con Ajax Inline (Server Side) y Botón Refresh
Botones Personalizados
Botón Nuevo (Custom)
Botón Editar (Custom)
Limpiar Ventana Modal
Botón Eliminar (Custom)
Resumen

Despedida y Clase Extra

Despedida del Curso
Clase Extra

Screenshots

Elabora CRUD desde tabla HTML hacia Postgresql usando Django - Screenshot_01Elabora CRUD desde tabla HTML hacia Postgresql usando Django - Screenshot_02Elabora CRUD desde tabla HTML hacia Postgresql usando Django - Screenshot_03Elabora CRUD desde tabla HTML hacia Postgresql usando Django - Screenshot_04

Reviews

Luis
December 21, 2022
Sin ofender prof pero llevo dos cursos de Django y al suyo no le he entendido nada ( http://superweb2.pythonanywhere.com/ ) creo que sabe mucho pero necesita ponerse en los zapatos de alguien que tiene poca experiencia, trabajar mas con vsc y menos con la terminal usar los entornos graficos en el caso de github y postgres. En fin despues retomare el curso y tratare de entenderle.
Zubin
November 25, 2022
Buen curso, es especifico para trabajar con tablas html y jquery, me ayudó mucho a entender a utilizar el plugin JTable.

Coupons

DateDiscountStatus
10/17/202250% OFF
expired
12/20/202250% OFF
expired
5/19/202382% OFF
expired
9/3/202382% OFF
expired
11/1/202383% OFF
expired

Charts

Price

Elabora CRUD desde tabla HTML hacia Postgresql usando Django - Price chart

Rating

Elabora CRUD desde tabla HTML hacia Postgresql usando Django - Ratings chart

Enrollment distribution

Elabora CRUD desde tabla HTML hacia Postgresql usando Django - Distribution chart
4844954
udemy ID
8/22/2022
course created date
10/17/2022
course indexed date
Bot
course submited by