05 – Integrar Bootstrap en el Proyecto ( 👨💻 PHP y MYSQL 💻)
Duración: 11 min
Módulo: 🎨 Interfaz de Usuario, Bootstrap y Funcionalidades Básicas
Lección 1 de
7
Descripción
Lección 05 – Integrar Bootstrap en el Proyecto ( 👨💻 PHP y MYSQL 💻)
¡Es hora de darle a tu Sistema de Parqueo un aspecto moderno y profesional! ✨ En esta lección, te sumergirás en la integración del potente framework Bootstrap en tu proyecto. Tu instructor te guiará para que tu aplicación luzca increíble y sea completamente responsiva.
En esta Lección Detallada Aprenderás a:
- Acceso a la Documentación de Bootstrap 🌐
- Te mostraremos cómo encontrar y navegar por la documentación oficial de Bootstrap (versión 4.5 en este video). ¡Será tu biblia para estilizar tu aplicación!
- Integración CDN (Content Delivery Network) 🔗
- Aprenderás a incluir Bootstrap en tu proyecto mediante enlaces CDN, copiando los <link> para CSS en la sección <head> y los <script> para JavaScript (jQuery, Popper.js y Bootstrap JS) antes de cerrar la etiqueta </body>.
- Verificarás visualmente el cambio en el estilo del texto para confirmar que Bootstrap se ha integrado correctamente.
- Primeros Pasos con Componentes de Bootstrap 🚀
- Harás una demostración práctica con un botón simple en HTML y luego lo transformarás utilizando las clases de Bootstrap (ej. btn, btn-primary), para que veas el impacto inmediato en el diseño.
- Descarga Local de Archivos de Bootstrap 💾
- Te guiaremos a través del proceso de descargar los archivos de Bootstrap (CSS y JavaScript) directamente a tu proyecto.
- Crearás nuevas carpetas estratégicas: public, y dentro de ella, css y js para alojar estos archivos.
- Modificarás las referencias en tu index.php para apuntar a estos archivos locales, en lugar de los CDN, lo que te dará más control y estabilidad.
Al finalizar esta lección, tu proyecto no solo tendrá una estética profesional, sino que también estará preparado para ser completamente responsivo. ¡Has dado un gran paso para que tu Sistema de Parqueo luzca impecable en cualquier dispositivo! 📱💻
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! ❤️