Crear una tienda virtual con Boostrap JavaScript PHP MySQL
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
7 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Crear una tienda virtual con Boostrap JavaScript PHP MySQL to your Wishlist.

Add to Wishlist

Crear una tienda virtual con Boostrap JavaScript PHP MySQL

Utiliza tus conocimientos para armar esta aplicación
New
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
7 students enrolled
Last updated 9/2017
Spanish
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 14.5 hours on-demand video
  • 2 Articles
  • 76 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • Un editor de código, navegador moderno e instalación de Apache-MySQL-PHP
  • Contar con una instalación Apache-PHP-MySQL
  • Conocimientos básicos de PHP y Bootstrap
Description

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, en este caso como MySQL, herramientas que son las más utilizadas en la Web. 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.

Who is the target audience?
  • Desarrolladores web con conocimientos previos de PHP y MySQL
Compare to Other Web Development Courses
Curriculum For This Course
97 Lectures
14:16:05
+
Bienvenida al curso de Desarrollo de una tienda virtual
1 Lecture 04:58

En este curso partiremos desde una página en blanco hasta tener el front-end o la parte del usuario y el back-end (o la parte administrativa) de una aplicación de tienda virtual desarrollada con Bootstrap, PHP y MySQL.

Preview 04:58
+
Crear la maqueta de la tienda virtual con Boostrap
18 Lectures 02:29:27

El primer paso en el desarrollo de nuestra aplicación será crear una maqueta con Boostrap, la poderosa herramienta para dearrollar pàginas responsivas.

Preview 03:23

La primera parte que desarrollaremos será la barra de navegación o menú principal.

Crear la barras de navegación o navbar
11:00

En esta lección crearemos la estructura de la página y su encabezado o jumbotron.

Crear el Jumbotron y la estructura de la página principal
09:59

Para terminar nuestra página principal con Boostrap, añadiremos los contenidos

Concluir la página principal con los contenidos
10:38

En este video iniciaremos las primeras páginas de contenidos para la venta de nuestros productos.

Crea las páginas de los diferentes productos a la venta
09:07

En este video iniciaremos la construcción de las páginas de los productos, los cuales tienen diferente estructura a la página principal.

Crear la página para los productos, primera parte
08:05

Crear la página para los productos, segunda parte

Crear la página para los productos, segunda parte
09:23

Una vez que contamos con el formato de la página, podemos tomarla para crear otras. En este caso haremos la página "sobre mi".

Crear la página "sobre mi"
08:21

Tomando las páginas bases, crearemos la maqueta de "contacto". Más adelante la programaremos con PHP y MySQL.

Crear la página de "contacto" con un formulario
13:34

Crearemos la maqueta de la página de inicio o login, la cual dará acceso al registro y la de olvido de la clave de acceso.

Crear la página de "login" con un formulario
09:44

Crearemos la maqueta para que el usuario recupere su clave de acceso.

Crear la página de "¿olvidaste tu contraseña?" y la página de agradecimiento
06:02

Crearemos el formulario para que el usuario se registre en el sistema y que pueda realizar compras.

Crear la página "registro" con su formulario
07:36

En este video crearemos la maqueta para el carrito de compras.

Crear la estructura de la página "carrito de compras"
09:55

Añadiremos los estilos en cascada CSS para formatear el carrito de compras.

Formatear el "carrito de compras" por medio de los estilos en cascada
09:46

Crearemos la maqueta del proceso de compras, que es el de checkout, que es muy parecido a la página de login.

Crear la página "checkout" para iniciar el proceso de compra
04:12

Crearemos el formato para los datos de envío, donde podemos modificar los mismos.

Crear la página con los datos de envío
05:05

Creamos la maqueta para que el usuario seleccione su forma de pago.

Crear la página para la forma de pago
05:19

Crearemos la página para verificar los datos antes de lanzar el proceso de pago y una página de agradecimiento a la venta realizada.

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
15 Lectures 02:22:43

Una vez que tenemos la maqueta de nuestro sistema, lo modificaremos para trabajarlo con PHP y MySQL.

Preview 05:00

En este video modificaremos los archivos de la maqueta a PHP.

Modificar los archivos a PHP
06:42

Un punto fundamental en el sistema es la creación de la tabla de usuarios que le permitirá el acceso al sistema y registrarse en el mismo.

Crear la tabla de usuarios
10:24

En este video crearemos el formulario para que el usuario puede registrarse en nuestro sistema.

Crear el formulario para el registro del usuario
12:41

En este video revisaremos la validación e información en la base de datos dentro del proceso de registro del usuario.

Validar e insertar la información en la base de datos
07:35

Dentro del manejo de un formularo, es fundamental mostrar los errores del mismo.

Manejo de los errores en la validación del registro del usuario
14:53

En este video crearemos y encriptaremos la clave de acceso en la base de datos y en el formulario

Crear y encriptar la clave de acceso en la base de datos y en el formulario
08:55

En este video crearemos el proceso de "login" en nuestra tienda virtual

Crear el proceso de "login" en nuestra tienda virtual
12:25

Crear las sesiones y el proceso de salida de nuestro sistema tomando la clave encriptada en la base de datos

Crear las sesiones y el proceso de salida de nuestro sistema
06:27

Crear el proceso de "recordarme" por medio de las cookies con PHP

Crear el proceso de "recordarme" por medio de las cookies con PHP
08:13

Crear la librería para el manejo de las sesiones

Crear la librería para el manejo de las sesiones
09:56

El proceso de recuperación de la clave de acceso

El proceso de recuperación de la clave de acceso
14:20

Cambio de la clave de acceso por el usuario (primera parte)

Cambio de la clave de acceso por el usuarios (primera parte)
09:36

Cambio de la clave de acceso por el usuario (segunda parte)

Cambio de la clave de acceso por el usuario (segunda parte)
06:21

Cambio de la clave de acceso por el usuario (tercera parte)

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
19 Lectures 03:12:51

Crear la tabla de productos en phpMyAdmin

Preview 08:00

Crear el formulario para la alta de productos

Crear el formulario para la alta de productos
13:29

Recuperar y validar la información del formulario.

Recuperar y validar la información del formulario
11:40

Un proceso importante es la validación de una fecha. Lo haremos desde HTML5 y PHP

Validar la fecha en el formulario de productos
13:13

Una tarea muy común en los desarrollos con PHP es subir las imágenes de la computadora del usuario al servidor con PHP.

Subir una imagen de la computadora del usuario al servidor
10:13

Un caso muy utilizado es la necesidad de optimizar el tamaño de la imagen de manera proporcional.

Validar la imagen y optimizar su tamaño y su peso
13:35

Es muy importante validar que el usuario escriba correctamente las cantidades en nuestros formularios.

Validar las cantidades numéricas del formulario con PHP y HTML5
11:44

Un paso muy importante en la validación de un formulario es evitar que se "inyecten" código malicioso por parte del usuario.

Validar una cadena contra la "inyección de código"
09:06

La última validación será las de las cajas de validación, antes de insertar el registro en la tabla de la base de datos.

Validar los campos "checkbox"
04:42

En este video veremos el proceso de inserción del registro en la tabla de la base de datos y los acentos y letras propias del español.

Insertar el registro en la base de datos
07:47

Una forma de administrar una tabla será mantener regiones dinámicas dentro de la misma página de Altas, Bajas y Cambios,

Crear regiones dinámicas en nuestra página de Productos ABC
10:49

En este video recorreremos la tabla de los productos para mostrarlos y poder modificarlos y borrarlos.

Mostrar los productos de nuestra tabla para seleccionarlos
10:58

En este video iniciaremos el proceso de modificación del registro de la tabla de productos.

Desplegar los campos para ser modificados
09:51

Crear las listas desplegables y almacenarlas en la base de datos.

Crear las listas desplegables y almacenarlas en la base de datos
11:08

Modificar la imagen y las cajas de verificación o checkbox para poder actualizar el registro en la base de datos.

Modificar la imagen y las cajas de verificación o checkbox
07:53

Una vez que contamos con la validación necesaria, podemos guardar nuestros datos en la tabla en la base de datos.

Actualizar los datos con la instrucción UPDATE
11:32

Primero de los videos para el registro de la base de datos

Borrar el registro de la base de datos (primera parte)
06:58

En este video concluiremos nuestro proceso de baja de los productos de nuestra base de datos.

Borrar el registro de la base de datos (segunda parte)
13:33

Crear el botón de alta  y probar el ciclo de altas, bajas y cambios

Botón de alta y probar el ciclo
06:40
+
Desplegar los productos en el sistema de eCommerce
7 Lectures 01:09:19

En este video borraremos el archivo de la imagen y los datos de prueba.

Preview 06:16

Desplegaremos los nuevos datos en la página principal o index.

Limpiar los productos y desplegarlos en la página principal
09:07

Crear la página de detalle de cada producto leyendo el identificador.

Crear la página de detalle del producto
08:33

Tomaremos la información de la base de datos para desplegar los productos relacionados a nuestra posible compra.

Crear la columna derecha de productos relacionados
12:08

En este video crearemos los laterales de "más vendidos", "productos nuevos" y "Productos relacionados" los cuales almacenaremos en librerías PHP para ser llamadas en los diferentes páginas.

Crear los laterales de nuevos productos y los más vendidos en una librería
13:34

Escribiremos la primer parte de la búsqueda de productos según su nombre.

Crear la opción de búsqueda, primera parte
12:42

Concluiremos el proceso de búsqueda de productos y los aplicaremos a las diferentes páginas relacionadas.

Crear la opción de búsqueda, segunda parte
06:59
+
Creación del carrito de compras
10 Lectures 01:30:49

En este video revisaremos las diferentes partes que conforman nuestro carrito de compras.

Preview 07:59

Crearemos un carrito por medio de una llave antes de que el usuario se registre en nuestro sistemas.

Crear la llave del carrito de compras
10:32

En este video añadiremos los productos en la tabla del carrito sin duplicarlo.

Agregar un producto al carrito de compras
09:49

En este video armamos el SQL de las tablas carrito y productos para poder desplegarlas en una tabla de HTML.

Crear el SQL para armar la información del carrito para desplegarla
12:02

Una vez que leemos la información de la base de datos, creamos una tabla con PHP y desplegamos la información.

Desplegar los productos del carrito de compras en una tabla de HTML
08:43

En este video calcularemos los totales y los desplegaremos en una tabla dentro del carrito de compras.

Calcular y mostrar el resumen del carrito de compras
06:54

Modificar las cantidades del carrito de compras para recalcular los montos del mismo.

Modificar las cantidades solicitadas en el carrito de compras
09:30

Una vez que enviamos y recuperamos los datos del formulario, procederemos a guardarlos en la tabla del carrito y recalcular los totales.

Actualizar la tabla del carrito y recalcular los totales
06:52

Escribiremos el código para borrar un producto dentro del carrito de compra.

Borrar un producto del carrito de compras
08:15

En esta lección añadiremos un acceso rápido al carrito de compras en nuestra barra de navegación con el logo respectivo.

Añadir el acceso al carrito de compra desde la barra de navegación
10:13
+
El proceso de venta en la tienda virtual
6 Lectures 54:45

En este video realizaremos el proceso de cierre de la venta por medio del registro del usuario.

Preview 10:42

La página de la dirección de envío, mostrará los datos a donde será enviados los productos, los cuales podrán ser modificados por el usuario.

La página de los datos de envío, mostrar la información
08:28

En este video actualizamos los datos en las variables de sesión y en la base de datos.

La página de los datos de envío, actualizar la información
08:42

En este video programaremos la página para que el usuario seleccione su método de pago y lo enviaremos al siguiente paso de nuestro proceso de cierre de venta o checkout.

La página de pago en el proceso de cierre de la venta
05:34

La página de verificación de la información antes del pago
10:26

La página final cambiaremos el estado del carrito y eliminaremos las variables del carrito.

La página de agradecimiento para el cierre de la venta
10:53
+
Añadir una nueva línea de producto: libros
6 Lectures 43:30

En este video veremos algunas estrategias para manejar varias líneas de productos en una sola tabla.

Preview 05:08

Crear el formulario HTML para capturar y modificar el libro
06:51

El proceso de alta de un libro en la base de datos
07:08

El proceso de modificar y borrar un libro en la base de datos
08:41

Mostrar los diferentes tipos de productos
10:48

En este video verificaremos el proceso de compra con los cursos y los libros hasta cerrar la venta.

Verificación de la venta de los libros y los cursos
04:54
+
El módulo administrativo
12 Lectures 01:44:19

En este video veremos la forma de crear el formulario para el registro del usuario para entrar al módulo administrativo.

Preview 08:47

La rutina de validación de usuario y la creación de la sesión

La rutina de validación de usuario y la creación de la sesión
06:09

En este video incluiremos la validación de la sesión y modificaremos el menú de los archivos de productos y libros ABC.

Incluir la validación de la sesión y modificar el menú
03:39

Iniciaremos la construcción de las Altas, Bajas y Cambios de la tabla de usuarios.

Desplegar un usuario de la tienda virtual
11:59

En este video modificaremos el registro del usuario de a la tienda virtual.

Modificar los datos del usuario de la tienda virtual
10:36

En este video borraremos el registro pero verificaremos que no existan registro de este usuario en el carrito de compras.

Borrar el usuario, verificando sus pedidos en el carrito
09:06

En este video terminaremos el programa de mantenimiento de la tabla de usuarios del sistema.

Terminar el programa de mantenimiento de la tabla de usuarios
05:16

El módulo para consultar los pedidos realizados en la tienda

El módulo para consultar los pedidos realizados la tienda virtual
14:58

En este video haremos una pantalla de verificación antes de borrar y pasar la información al archivo histórico.

Verificar el pedido antes de ser borrado
12:05

En este video borraremos un pedido de la tabla de carrito y lo almacenaremos en la tabla de historicoPedidos.

Borrar los datos de la tabla de "carrito" e insertarlas en la tabla "historico"
08:08

En este video haremos el programa para modificar y encriptar la clave de acceso al administrador.

Modificar la clave de acceso del administrador
07:40

Crearemos el proceso del módulo administrativo para concluirlo.

El proceso de logout del módulo administrativo
05:56
+
A manera de conclusión
3 Lectures 03:24

Con este video damos por concluido el curso de "Desarrollo de una tienda virtual con Bootstrap, PHP y MySQL"

Hasta pronto
03:21

La maqueta de la tienda virtual desarrollada con Boostrap. Puede encontrar los archivos anexos en formato zip.

La maqueta de la tienda virtual desarrollada con Bootstrap
00:02

La aplicación eCommerce final

La aplicación eCommerce final
00:01
About the Instructor
Francisco Javier Arce Anguiano
4.3 Average rating
1,049 Reviews
13,101 Students
35 Courses
Lic. Matemáticas Aplicadas y Computación

Soy licenciado en matemáticas aplicadas y computación por parte de la Universidad Nacional Autónoma de México e instructor certificado de Adobe desde 2002. He trabajado para diferentes centros autorizados de Adobe en México y da clases en universidades de la Ciudad de México. Asimismo, he publicados cuatro libros sobre ActionScipt 2 y 3, con la editorial AlfaOmega de Méxicoasi como un libro de desarrollo de juegos con ActionScript con la misma editorial. He desarrollado aplicaciones para Android, iPhone, Windows Phone y BlackBerry. Actualmente preparo un libro para el desarrollo de juegos con HTML5 y para el desarrollo de aplicaciones a dispositivos móviles con esta tecnología. También he desarrollado múltiples aplicaciones con PHP, CSS, MySQL y JavaScript en mi vida profesional. Me he especializado en el desarrollo de aplicaciones educativas con Adobe Air y su desarrollo para dispositivos móviles. He estado pendiente de la evolución de HTML5 y CSS3 casi desde los inicios de estas tecnologías.