Descarga los archivos del curso

Estructura de carpetas

Extensiones recomendadas de VS Code

Configuración de Prepros 2019 y XAMPP para trabajar en conjunto

UPDATE: Prepros 2020

Descargando y preparando plugins a utilizar

Implementando jQuery y Waitme

Maquetando la estructura general del sitio

Maquetando el área de productos

Maquetando el carrito de compras y sus elementos

Segmentando nuestra maqueta

Creando el archivo de config.php

Creando constantes principales para el proyecto

Creando archivo products.php

Creando nuestras primeras funciones

Insertando los productos en la vista

Creando la función para cargar un solo producto

Trabajando con variables $_SESSION y creando el carrito de compras

Comenzando a trabajar con AJAX y cargando el carrito

Cargando el contenido del carrito con AJAX

Calculando los totales del carrito

Agregando un producto al carrito - PHP

Cargando los productos en el carrito

Agregando al carrito - Javascript

Creando la función para vaciar el carrito de compras

Borrando un producto del carrito

BONUS: Usando Postman para simular peticiones HTTP a nuestro carrito

Actualizando el carrito con nuestro input

Creando el formulario para pago con tarjeta

Pagando con nuestra tarjeta de pruebas

Últimos ajustes del proceso de pago

Modal de confirmación y terminando el carrito de compras

BONUS: Agregando spinner a botones "agregar al carrito"

BONUS: Creando un correo electrónico local y enviando email de confirmación

OPCIONAL: Ajustando el "basepath" para prevenir carga errónea de archivos

Actualizando la configuración del proyecto

Descargando los nuevos plugins

Un poco de planeación

Actualizando el head y la barra de navegación

Maquetando la vista para registro de usuarios

Maquetando la vista para ingreso de usuarios

Maquetando la vista para listar los juegos del usuario

Ajustes a la barra de navegación

Adjustes al footer

Maquetando el modal para ver un juego

Maquetando el formulario para agregar nuevo juego

Maquetando el formulario para actualizar un juego

Introducción a SQL

Creando nuestra primer base de datos

CRUD "R Read" seleccionando registros de la base de datos

CRUD "C Create" creando registros en la base de datos

CRUD "U Update" actualizando registros de la base de datos

CRUD "D Delete" borrando registros de la base de datos

Creando las tablas de nuestra base de datos

Creando constantes para conectarnos a nuestra base de datos

Creando nuestra primera conexión a la base de datos

Creando una función para ejecutar queries a la base de datos

Mejorando nuestra función query_db()

Función para agregar un nuevo usuario

Mejorando la función para agregar usuarios y registros

Terminando el registro de usuarios

Terminando el login de usuarios

Creando el sistema de sesión de usuario y bloqueo de secciones

Cargando todos los videojuegos del usuario loggeado

Procesando el formulario de "agregar nuevo juego" Parte 01

Procesando el formulario de "agregar nuevo juego" y procesando archivos Parte 02

Mostrando el rating de cada videojuego

Cargando la información de cada videojuego en ventana modal

JOINs entre tablas de nuestra base de datos

Actualizando registros y videojuegos

Actualizando imágenes y borrando archivos residuales

Borrando registros y videojuegos de la base de datos

Cargando modal para compartir juego con un amigo

Creando y enviando correo de "compartir juego"

Mostrando todos los juegos al público en "todos los juegos"

Paginando nuestros registros de videojuegos

BONUS: Buscador de registros SQL y videojuegos

Preview del proyecto

Introducción

Descargando Composer e instalando en nuestro sistema

Algunas dependencias o librerías disponibles en internet

Overview del proyecto y duplicando el proyecto01 de Carritow

Descargando Phpmailer

Descargando HTML2PDF

Comenzando con nuestra plantilla de correo electrónico

Edición de la plantilla de correo electrónico - 01

Edición de la plantilla de correo electrónico - 02

Utilizando output buffering para cargar módulos

Probando nuestra plantilla con la función mail() de php

Utilizando URLs absolutas en nuestros assets de la plantilla

Phpmailer comenzando a usarlo

Implementando en el proceso de compra final Phpmailer

Empezando con HTML2PDF primeros pasos

Creando la plantilla para nuestro pdf - 01

Creando la plantilla para nuestro pdf - 02

Implementando en el proceso de compra y generando un pdf dinámico

BONUS: Agregando un link de descarga en el modal

Conclusión, despedida y área de preguntas

Certifícate / Tarea final

Descargar código fuente