10 – USANDO JQUERY EN EL PROYECTO ( 👨💻 PHP y MYSQL 💻)
Duración: 9 min
Módulo: 🎨 Interfaz de Usuario, Bootstrap y Funcionalidades Básicas
Lección 6 de
7
Descripción
Lección 10 – USANDO JQUERY EN EL PROYECTO ( 👨💻 PHP y MYSQL 💻)
¡Es hora de inyectar dinamismo y reactividad a tu Sistema de Parqueo! 🚀 En esta lección, te sumergirás en el uso de jQuery para hacer que la interacción con tu interfaz sea mucho más fluida. Tu instructor te guiará para preparar el terreno para las llamadas AJAX que harán tu login (y otras funcionalidades) sin recargas.
En esta Lección Estratégica Aprenderás a:
- Preparando el Escenario para AJAX 💡
- Recordarás la importancia de AJAX para un login que no refresque toda la página [00:32], agilizando las respuestas y mejorando la experiencia del usuario. Para ello, jQuery es una pieza fundamental.
- Verificando la Integración de jQuery ✅
- Te asegurarás de que la librería jQuery.js esté correctamente referenciada en tu proyecto dentro de la carpeta public/js [01:21].
- Iniciando tu Primer Script en JavaScript (con jQuery) 📝
- Crearás una etiqueta <script> donde empezarás a escribir tu código JavaScript. Como primera prueba, lanzarás un alert para verificar que tu script se ejecuta correctamente [01:43].
- Asignando un Identificador al Botón de Login 🆔
- En tu botón "Ingresar" del modal de login, añadirás un atributo id con el valor btn_ingresar [02:48]. Este id será clave para que jQuery pueda "escuchar" los eventos de este botón.
- Detectando Eventos con jQuery: El click del Botón 👆
- Aprenderás a usar la sintaxis de jQuery para seleccionar tu botón por su id (#btn_ingresar) y adjuntarle un evento click [03:10]. Dentro de este evento, se ejecutará una función cada vez que el botón sea presionado, lo que te permitirá controlar la lógica del login.
- Recuperando Valores de los Campos del Formulario 📥
- Asignarás atributos id a los campos de texto del usuario (#txt_usuario) [05:21] y la contraseña (#txt_password_user) [06:53] en tu modal de login.
- Utilizarás jQuery para obtener los valores introducidos en estos campos usando el método .val() y los almacenarás en variables JavaScript [05:14].
- Realizarás pruebas con alert() para verificar que los valores se están recuperando correctamente [05:51].
Al finalizar esta lección, habrás sentado las bases para la interactividad de tu Sistema de Parqueo. Con jQuery funcionando, tu proyecto está listo para dar el salto a las peticiones AJAX en la siguiente fase, permitiendo una experiencia de usuario fluida y sin interrupciones. ¡Estás a punto de hacer tu aplicación mucho más dinámica! 💪
Lecciones
🚀 Introducción y Configuración Inicial del Proyecto
🎨 Interfaz de Usuario, Bootstrap y Funcionalidades Básicas
👤 Módulo de Usuarios, Login y Control de Sesiones
👥 Roles de Usuario y Control de Acceso Detallado
Lección 1. 29 – Añadiendo en el MENU opción ROLES al sistema con BASE de DATOS (👨💻PHP y MYSQL💻)
9 min
🅿️ Módulo de Parqueo y Gestión de Cubículos
Lección 2. 42 – FORMULARIO PARA CREAR CUVICULOS, tabla mapeo en el sistema con(👨💻PHP y MYSQL💻)
10 min
Lección 7. 47 – IDENTIFICANDO EL ESTADO DE LOS CUVICULOS en el sistema con BD (👨💻PHP y MYSQL💻)
13 min
🚗 Registro de Vehículos y Gestión de Clientes
Lección 2. 49 – FORMULARIO para REGISTRAR los VEHICULOS en el sistema con BD (👨💻PHP y MYSQL💻)
10 min
Lección 3. 50 – CARGAR FECHA ACTUAL CON PHP EN EL FORMULARIO en el sistema con BD (👨💻PHP y MYSQL💻)
7 min
Lección 4. 51 – CARGAR HORA ACTUAL CON PHP EN EL FORMULARIO en el sistema con BD (👨💻PHP y MYSQL💻)
5 min
Lección 5. 52 – CREACIÓN DE LA TABLA CLIENTES en el sistema con Base de Datos (👨💻PHP y MYSQL💻)
5 min
🖨️ Generación de Tickets y Reportes
Lección 1. 58 – como INSTALAR LA LIBRERIA TCPDF para REPORTES del sistema con BD (👨💻PHP y MYSQL💻)
9 min
Lección 5. 62 – DATOS DEL CLIENTE EN EL TICKET para imprimir desde el SISTEMA con BD(👨💻PHP y MYSQL💻)
12 min
⚙️ Configuraciones del Sistema y Control de Versiones
Lección 1. 63 – AÑADIENDO EL MÓDULO CONFIGURACIONES EN EL MENU DEL SISTEMA con BD(👨💻PHP y MYSQL💻)
9 min
Lección 16. 78 – HACIENDO COMMITS AL REPOSITORIO DE GITHUB en el sistema con BD (👨💻PHP y MYSQL💻)
9 min
Lección 17. 79 – GENERANDO EL TICKET DESDE LA BASE DE DATOS en el sistema con BD (👨💻PHP y MYSQL💻)
14 min
Lección 18. 80 – CAMBIANDO EL ESTADO DEL VEHICULO A OCUPADO en el sistema con BD (👨💻PHP y MYSQL💻)
13 min
Gestión y Flujo de Clientes
Lección 2. 82 – VISTA MODAL PARA RE-IMPRIMIR DATOS DEL CLEINTE en el sistema con BD (👨💻PHP y MYSQL💻)
16 min
Lección 5. 85 – RE-IMPRIMIR TICKET DEL CLIENTE en el sistema con BD y GitHub (👨💻PHP y MYSQL💻)
11 min
Lección 6. 86 – CANCELAR TICKET GENERADO DEL CLIENTE en el sistema con BD y GitHub (👨💻PHP y MYSQL💻)
8 min
Validación Avanzada y CRUD de Clientes
Lección 7. 94 – SCRIPT PARA EDITAR DATOS DEL CLIENTE en el sistema con BD y GITHUB (👨💻PHP y MYSQL💻)
8 min
Generación del Modelo de Facturación
Módulo de Facturación: CRUD y Lógica 🧾
Módulo de Precios y Lógica de Cálculo 💰
Lección 5. 117 – ESTABLECIENDO LOS PRECIOS DEL PARQUEO en el sistema con BD y GITHUB(👨💻PHPyMYSQL💻)
8 min
Lección 6. 118 – ACTUALIZAR LOS PRECIOS DEL PARQUEO en el sistema con BD y GITHUB(👨💻PHPyMYSQL💻)
8 min
Finalización del Documento de Factura y Lógica de Estado 📄
Lección 5. 130 – READ - LECTURA DE DATOS DE LA FACTURA en el sistema con BD yGITHUB(👨💻PHPyMYSQL💻)
8 min
Lección 6. 131 – CONCATENANDO LOS DATOS DE LA FACTURA en el sistema con BD yGITHUB(👨💻PHPyMYSQL💻)
8 min
Mejoras, Despliegue y Control de Versiones 🌐
Lección 2. 134 – PREGUNTAS Y RESPUESTAS SOBRE EL SITEMA DE PARQUEO CON BD yGITHUB(👨💻PHPyMYSQL💻)
61 min
Lección 7. 139 – CAMBIANDO EL ESTADO DEL TICKET (a libre) en el sistema con BD yGITHUB(👨💻PHPyMYSQL💻)
8 min
Lección 10. 142 – Como INSTALAR DATATABLES EN EL PROYECTO del sistema con BD y GITHUB(👨💻PHPyMYSQL💻)
11 min
Generación de Reportes en PDF (TCPDF) 🖨️
Lección 3. 147 – CREANDO TABLA CON LA LIBRERIA TCPDF PARA LOS REPORTES con BDyGITHUB(👨💻PHPyMYSQL💻)
8 min
Seguridad del Sistema y Control de Acceso 🔐 Actualización Final y Conclusión del Curso 🎉
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️