1. Cursos
  2. Tecnología
  3. Desarrollo Web
  4. Crear una tienda virtual con Bootstrap, PHP y MySQL

Crear una tienda virtual con Bootstrap, PHP y MySQL

Una aplicación que es muy recurrente en Internet es el desarrollo de una Tienda Virtual. Nos sirve para utilizar lenguajes del lado del cliente, como JavaScript y lenguajes del lado del servidor como PHP, así como conectarlo con bases de datos.

Crear una tienda virtual con Bootstrap, PHP y MySQL
Comparte este curso

Descripción del curso

En este curso construiremos las páginas web por medio de Bootstrap. lo cual nos permitirá tener una aplicación responsiva.

 Partiremos desde una página completamente en blanco hasta concluir la parte del usuario (front-end) y la parte del administrador (back-end). Los objetivos del presente curso son:

  • Desarrollar la maqueta responsiva de la tienda virtual con Bootstrap
  • Conectar la maqueta con una base de datos
  • Crear el registro del usuarios, su firma en el sistema y el cambio de la clave de acceso
  • Construir el carrito de compras y el ciclo de la venta
  • Crear la parte administrativa o back-end de la aplicación

Este curso intermedio, por lo que usted debe tener las bases de programación en Bootstrap, PHP, JavaScript y MySQL, aunque no debe de ser experto en ellos. Es una buena oportunidad para poner en práctica sus conocimientos. Usted debe de contar con una instalación de Apache-PHP-MySQL, como XAMPP, MAMP p WAMP.

Al final del curso contarás con todos los archivos del curso y los esquemas de la base de datos.

Contenido del curso

Crear la maqueta de la aplicación con Bootstrap

02:29:32
  • Introducción al desarrollo de la maquetación de una tienda virtual con Bootstrap03:23
  • Crear la barras de navegación o navbar11:00
  • Crear el Jumbotron y la estructura de la página principal09:59
  • Concluir la página principal con los contenidos10:38
  • Crea las páginas de los diferentes productos a la venta09:07
  • Crear la página para los productos, primera parte08:05
  • Crear la página para los productos, segunda parte09:25
  • Crear la página "sobre mi"08:21
  • Crear la página de "contacto" con un formulario13:34
  • Crear la página de "login" con un formulario09:47
  • Crear la página de "¿olvidaste tu contraseña?" y la página de agradecimiento06:02
  • Crear la página "registro" con su formulario07:36
  • Crear la estructura de la página "carrito de compras"09:55
  • Formatear el "carrito de compras" por medio de los estilos en cascada09:46
  • Crear la página "checkout" para iniciar el proceso de compra04:12
  • Crear la página con los datos de envío05:05
  • Crear la página para la forma de pago05:19
  • Crear la página para verificar los datos y la página "Gracias por su compra"08:18

Modificar la maqueta a PHP y crear el login

02:22:44
  • Introducción a la maqueta y los pasos para modificarla05:00
  • Modificar los archivos a PHP06:42
  • Crear la tabla de usuarios10:24
  • Crear el formulario para el registro del usuario12:41
  • Validar e insertar la información en la base de datos07:35
  • Manejo de los errores en la validación del registro del usuario14:53
  • Crear y encriptar la clave de acceso en la base de datos y en el formulario08:56
  • Crear el proceso de "login" en nuestra tienda virtual12:25
  • Crear las sesiones y el proceso de salida de nuestro sistema06:27
  • Crear el proceso de "recordarme" por medio de las cookies con PHP08:13
  • Crear la librería para el manejo de las sesiones09:56
  • El proceso de recuperación de la clave de acceso14:20
  • Cambio de la clave de acceso por el usuarios (primera parte)09:36
  • Cambio de la clave de acceso por el usuario (segunda parte)06:21
  • Cambio de la clave de acceso por el usuario (tercera parte)09:15

Crear el proceso de altas, bajas y cambios en la tabla de productos

03:12:52
  • Crear el formulario para la alta de productos08:00
  • Crear el formulario para la alta de productos13:29
  • Recuperar y validar la información del formulario11:40
  • Validar la fecha en el formulario de productos13:13
  • Subir una imagen de la computadora del usuario al servidor10:13
  • Validar la imagen y optimizar su tamaño y su peso13:36
  • Validar las cantidades numéricas del formulario con PHP y HTML 511:44
  • Validar una cadena contra la "inyección de código"09:06
  • Validar los campos "checkbox"04:42
  • Insertar el registro en la base de datos07:47
  • Crear regiones dinámicas en nuestra página de Productos ABC10:49
  • Mostrar los productos de nuestra tabla para seleccionarlos10:58
  • Desplegar los campos para ser modificados09:51
  • Crear las listas desplegables y almacenarlas en la base de datos11:08
  • Modificar la imagen y las cajas de verificación o checkbox07:53
  • Actualizar los datos con la instrucción UPDATE11:32
  • Borrar el registro de la base de datos (primera parte)06:58
  • Borrar el registro de la base de datos (segunda parte)13:33
  • Botón de alta y probar el ciclo06:40

Desplegar los productos en el sistema de eCommerce

01:09:19
  • Borrar las imágenes y los datos de prueba06:16
  • Limpiar los productos y desplegarlos en la página principal09:07
  • Crear la página de detalle del producto08:33
  • Crear la columna derecha de productos relacionados12:08
  • Crear los laterales de nuevos productos y los más vendidos en una librería13:34
  • Crear la opción de búsqueda, primera parte12:42
  • Crear la opción de búsqueda, segunda parte06:59

Creación del carrito de compras

01:30:49
  • Planteamiento del carrito de compras07:59
  • Crear la llave del carrito de compras10:32
  • Agregar un producto al carrito de compras09:49
  • Crear el SQL para armar la información del carrito para desplegarla12:02
  • Desplegar los productos del carrito de compras en una tabla de HTML08:43
  • Calcular y mostrar el resumen del carrito de compras06:54
  • Modificar las cantidades solicitadas en el carrito de compras09:30
  • Actualizar la tabla del carrito y recalcular los totales06:52
  • Borrar un producto del carrito de compras08:15
  • Añadir el acceso al carrito de compra desde la barra de navegación10:13

El proceso de venta en la tienda virtual

54:45
  • La página de registro o checkout en el proceso del cierre de ventas10:42
  • La página de los datos de envío, mostrar la información08:28
  • La página de los datos de envío, actualizar la información08:42
  • La página de pago en el proceso de cierre de la venta05:34
  • La página de verificación de la información antes del pago10:26
  • La página de agradecimiento para el cierre de la venta10:53

Añadir una nueva línea de producto: libros

43:30
  • Incluir una nueva línea de productos y manejarla en la tabla de productos05:08
  • Crear el formulario HTML para capturar y modificar el libro06:51
  • El proceso de alta de un libro en la base de datos07:08
  • El proceso de modificar y borrar un libro en la base de datos08:41
  • Mostrar los diferentes tipos de productos10:48
  • Verificación de la venta de los libros y los cursos04:54

El módulo administrativo

01:47:40
  • Crear el formulario para entrar al módulo administrativo08:47
  • La rutina de validación de usuario y la creación de la sesión06:09
  • Incluir la validación de la sesión y modificar el menú03:39
  • Desplegar un usuario de la tienda virtual11:59
  • Modificar los datos del usuario de la tienda virtual10:36
  • Borrar el usuario, verificando sus pedidos en el carrito09:06
  • Terminar el programa de mantenimiento de la tabla de usuarios05:16
  • El módulo para consultar los pedidos realizados la tienda virtual14:58
  • Verificar el pedido antes de ser borrado12:05
  • Borrar los datos de la tabla de "carrito" e insertarlas en la tabla "historico"08:08
  • Modificar la clave de acceso del administrador07:40
  • El proceso de logout del módulo administrativo05:56
  • A manera de conclusión03:21

Valoraciones

4.6/5
61 Valoraciones
  • 5 ESTRELLAS
    64%
  • 4 ESTRELLAS
    33%
  • 3 ESTRELLAS
    2%
  • 2 ESTRELLAS
    2%
  • 1 ESTRELLAS
    0%
  • Jose Pereira
    Jose
      Pereira
    Incluir valoración media (en números)

  • Carlos Rufian Salmeron
    Carlos
      Rufian Salmeron
    Incluir valoración media (en números)

  • José Antonio Matas Mateo
    José Antonio
      Matas Mateo
    Incluir valoración media (en números)

    Muy buenas explicaciones

  • Rafael Perez Castillos
    Rafael
      Perez Castillos
    Incluir valoración media (en números)

    Es de mucha ayuda y muy facil de entender

  • Diana Marisol Pérez Cabrera
    Diana Marisol
      Pérez Cabrera
    Incluir valoración media (en números)

  • Marco Antonio Aguayo Gonzalez
    Marco Antonio
      Aguayo Gonzalez
    Incluir valoración media (en números)

  • Alberto Iniesta Molina
    Alberto
      Iniesta Molina
    Incluir valoración media (en números)

  • José Francisco Carreño Chávez
    José Francisco
      Carreño Chávez
    Incluir valoración media (en números)

    Excelente curso para adentrarse en php, muy buena retroalimentación del profesor

  • Jaime Andrés Martínez Diaz
    Jaime Andrés
      Martínez Diaz
    Incluir valoración media (en números)

  • Saul Martinez
    Saul
      Martinez
    Incluir valoración media (en números)

    El contenido es excelente, la explicación del profesor es muy buena y si se tiene conocimientos de HTML,CSS y Bootstrap los resultados son muy buenos

  • Alejandro Cuenca Canalejo
    Alejandro
      Cuenca Canalejo
    Incluir valoración media (en números)

  • Francisco Martínez del Amo
    Francisco
      Martínez del Amo
    Incluir valoración media (en números)

    Muy bueno, he empezado de cero y he aprendido mucho. Se saltan algún paso de poca importancia, pero está muy bien.

  • Xavier del Peso
    Xavier
      del Peso
    Incluir valoración media (en números)

  • Daniel Batalla Verdugo
    Daniel
      Batalla Verdugo
    Incluir valoración media (en números)

  • Rosa Luz Russi
    Rosa Luz
      Russi
    Incluir valoración media (en números)

    Me esta ayudando mucho para el proyecto de una clase de la universidad

¿Por qué pagar por un curso cuando puedes tenerlos todos?

Prueba la Suscripción ahora
O quiero saber más
Apúntate POR 15€
GRATIS con la Suscripción