Curso en línea · Academia de Joystick

Crea un sistema de likes de forma sencilla

En este curso práctico aprenderás como es que un sistema de reacciones funciona y es creado desde 0, vamos a realizar un sistema de likes y dislikes de imágenes estilo Instagram, utilizaremos estilos personalizados con SASS, PHP, MySQL y mucho más.
Actualizado Marzo 2023 45 lecciones Acceso en línea
Ver paquete de cursos Ver contenido
Probar una lección gratuita
Crea un sistema de likes de forma sencilla
Modalidad A tu propio ritmo
Disponible
Programa del curso

Contenido organizado por módulos

En este curso práctico aprenderás como es que un sistema de reacciones funciona y es creado desde 0, vamos a realizar un sistema de likes y dislikes de imágenes estilo Instagram, utilizaremos estilos personalizados con SASS, PHP, MySQL y mucho más.

  • Bienvenidos
  • Herramientas necesarias

  • ¿Qué haremos? Vista previa
  • Descargando el proyecto base
  • Descargar proyecto base
  • Ajustes iniciales del proyecto Vista previa
  • Creando nuestra base de datos
  • Creando nuestras tablas

  • Cambiando el logotipo y favicon
  • Ajustes en el login de usuarios
  • Ajustes en homeController
  • Barra de navegación
  • Footer del sitio
  • Creando la vista principal
  • Creando las cartas de posts
  • Estilos para cartas de posts
  • Estilos para autor del post Vista previa
  • Estilos para botón borrar post Vista previa
  • Estilos para botón de like o corazón
  • Creando el modal para agregar post
  • Creando el formulario de agregar post
  • Creando el modal para ver un post
  • Estilos para modal de ver un post

  • Creando nuestros modelos
  • Insertando manualmente registros en la tabla posts
  • Creando el query para cargar posts
  • Desplegando todos los posts
  • Función para insertar dummy likes
  • Función para formatear cantidades de likes
  • Agregando nuevo post | Javascript Vista previa
  • Agregando nuevo post | Backend
  • Función para hacer preview de la imagen | Javascript
  • Borrando un post propio | Javascript
  • Borrando un post propio | Backend
  • Proceso de like a un post | Javascript
  • Proceso de like a un post | Backend
  • Proceso de dislike a post
  • Proceso para visualizar un post y abrir modal | Javascript
  • Proceso para visualizar un post y cerrar modal | Javascript
  • Proceso para descargar imagen
  • Proceso abrir formulario de correo
  • Proceso para enviar post por email | Javascript
  • Proceso para enviar post por email | Backend

  • Despedida y conclusiones
  • Código fuente
Experiencias de estudiantes

Aprendizaje respaldado por la comunidad

Consulta comentarios compartidos por estudiantes de la Academia de Joystick.

Ver reseñas en Trustpilot
Comentarios de estudiantes de la Academia de Joystick
Captura de comentarios de estudiantes. Haz clic para verla completa.

Continúa desarrollando tus habilidades

Accede al curso y avanza con contenido práctico a tu propio ritmo.

Ver paquete de cursos