Desarrolla una tienda online con WooCommerce y Storefront

Conviértete en desarrollador de WooCommerce y aprende a desarrollar tus propios temas para crear tiendas online

3.90 (18 reviews)
Udemy
platform
Español
language
Web Development
category
Desarrolla una tienda online con WooCommerce y Storefront
87
students
19.5 hours
content
Oct 2023
last update
$49.99
regular price

What you will learn

Aprenderán a desarrollar sus propios temas utilizando storefront de woocommerce

Aprenderán a modificar el código de storefront para maquetar un nuevo tema

Conocerán y utilizaran los ganchos de acción y de filtro mas importantes para el desarrollo y la maquetación del tema

Aprenderán a programar bloques personalizados desde el panel de administración de wordpress

Aprenderán a utilizar y conocerán algunos de los ganchos de acción de WooCommerce para realizar modificaciones en los productos de la tienda online

Aprenderán a programar funciones para añadir usuarios con el rol de cliente en woocommerce

Aprenderán a modificar y añadir nuevas opciones al panel de administración de mi cuenta

Aprenderán a subir el proyecto a un servidor remoto y configurar los sistemas de pago de la tienda

Aprenderán a programar funciones utilizando PHP 8.0 y 8.1

Why take this course?

WooCommerce es la plataforma para E-Commerce más utilizada en todo el mundo, el 43% de todos los sitios web del mundo están hechos con wordpress y el 21% de todas las tiendas online están hechas con WooCommerce, en este curso aprenderás desde como instalar WooCommerce hasta programar y maquetar una tienda virtual 100% funcional. También aprenderás a programar nuevas funciones o extender las funciones existentes para WooCommerce y storefront.

En este curso también aprenderás:


  • Crear productos, asignar categorías, imágenes, precios, descuentos, inventario, medidas y mucho más.

  • Crear nuevos bloques para maquetar el frontend de tu tienda online.

  • Maquetar y personalizar la plantilla de StoreFront.

  • Maquetar y personalizar el plugin de WooCommerce

  • Programar funciones para WooCommerce

  • Extender funciones existentes añadiendo código a los ganchos de acción de WooCommerce.

  • Conocerás los ganchos de acción y de filtro mas utilizados en storefront.

  • Aprenderás a crear proyectos en laragon utilizando virtualhost

  • Aprenderás a utilizar SASS para estructurar mejor el css.

  • Aprenderás a realizar consultas ajax para crear bloques editables.

  • Aprenderás lo que son los endpoins y crearás nuevas paginas para el panel de administración de los clientes.

Si conoces wordpress y quieres aprender a crear tiendas online de forma profesional este curso es para ti, en el conocerás a fondo el código para crear funciones personalizadas y maquetar tus propios temas utilizando como base la estructura de storefront de WooCommerce.

WooCommerce y storefront son el software base para construir tiendas online, al finalizar el curso habrás aprendido a programar y personalizar WooCommerce.


Content

Introducción

¿Qué es WooCommerce? (Parte I)
¿Qué es WooCommerce? (Parte II)
Instalando laragon en nuestro equipo
Instalando wampserver
Instalando wordpress en nuestro servidor local laragon
Creando virtual host en wampserver para el proyecto weko

Instalando storefront y woocommerce

Instalando el tema storefront en la carpeta themes (parte I)
Instalando el tema storefront en la carpeta themes (parte II)
Instalando el tema storefront en la carpeta themes (parte III)
Instalando WooCommerce para editar el template (parte I)
Instalando WooCommerce para editar el template (parte II)
Analizando los archivos del storefront

Maquetando el header y el footer

Instalando sass para la maquetación
Editando el header para crear el menú (parte I)
Editando el header para crear el menú (parte II)
Editando el header para crear el menú (parte III)
Editando el header para crear el menú (parte IV)
Editando el header para crear el menú (parte V)
Editando el header para crear el menú (parte VI)
Editando el header para crear el menú (parte VII)
Editando el header para crear el menú (parte VIII)
Creando las páginas del menú y ajustando el diseño responsive (parte I)
Creando las páginas del menú y ajustando el diseño responsive (parte II)
Creando las páginas del menú y ajustando el diseño responsive (parte III)
Creando las páginas del menú y ajustando el diseño responsive (parte IV)
Instalando php 8.0 y 8.1 en laragon y wampserver
Creando el background anímate para el menú
Editando las columnas del footer (parte I)
Editando las columnas del footer (parte II)
Creando las páginas para el footer (parte I)
Creando las páginas para el footer (parte II)
Creando las páginas para el footer (parte III)
Creando las páginas para el footer (parte IV)
Creando las páginas para el footer (parte V)
Creando el diseño de cabecera de las páginas (parte I)
Creando el diseño de cabecera de las páginas (parte II)

Maquetación y programación de la pagina de Inicio

Creando el bloque servicios para la página de inicio (parte I)
Creando el bloque servicios para la página de inicio (parte II)
Creando el bloque servicios para la página de inicio (parte III)
Creando el menú de opciones del carrousel y del bloque servicios (parte I)
Creando el menú de opciones del carrousel y del bloque servicios (parte II)
Creando el menú de opciones del carrousel y del bloque servicios (parte III)
Creando el menú de opciones del carrousel y del bloque servicios (parte IV)
Creando el menú de opciones del carrousel y del bloque servicios (parte V)
Creando la página de configuración para el carrousel (parte I)
Creando la página de configuración para el carrousel (parte II)
Creando la página de configuración para el carrousel (parte III)
Creando la página de configuración para el carrousel (parte IV)
Utilizando el marco multimedia para seleccionar las imágenes del carrousel I
Utilizando el marco multimedia para seleccionar las imágenes del carrousel II
Utilizando el marco multimedia para seleccionar las imágenes del carrousel III
Utilizando el marco multimedia para seleccionar las imágenes del carrousel IV
Almacenando las imágenes del carrousel con la API options
Creando el ajax para almacenar los cambios del carrousel (parte I)
Creando el ajax para almacenar los cambios del carrousel (parte II)
Creando el ajax para almacenar los cambios del carrousel (parte III)
Creando el ajax para almacenar los cambios del carrousel (parte IV)
Mostrando las imágenes del carrousel en el frontend
Creando la página de ajustes para el bloque de servicios (parte I)
Creando la página de ajustes para el bloque de servicios (parte II)
Creando la página de ajustes para el bloque de servicios (parte III)
Creando la página de ajustes para el bloque de servicios (parte IV)
Creando el método ajax para para actualizar los datos de los servicios I
Creando el método ajax para para actualizar los datos de los servicios II
Creando el método ajax para para actualizar los datos de los servicios III
Mostrando los cambios en el bloque servicios del frontend (parte I)
Mostrando los cambios en el bloque servicios del frontend (parte II)

Introducción a la página de productos e importación masiva CSV

Creando los productos para la tienda
Importando productos desde un archivo csv (parte I)
Importando productos desde un archivo csv (parte II)
Importando productos desde un archivo csv (parte III)
Importando los productos desde el CSV
Editando los bloques del frontend
Añadiendo productos a las páginas de nuestro ecommerce

Maquetación del blog y programación de funciones para las imágenes

Añadiendo publicaciones para el blog
Editando la página de blog de storefront (parte I)
Editando la página de blog de storefront (parte II)
Editando la página de blog de storefront (parte III)
Editando la página de blog de storefront (parte IV)
Modificando el DOM para añadir clases con javascript (parte I)
Modificando el DOM para añadir clases con javascript (parte II)
Añadiendo el valor de los atributos para las imágenes del blog (parte I)
Añadiendo el valor de los atributos para las imágenes del blog (parte II)

Maquetación de los bloques de productos de woocommerce

Maquetando el bloque de productos de WooCommerce I (parte I)
Maquetando el bloque de productos de WooCommerce I (parte II)
Maquetando el bloque de productos de WooCommerce II (parte I)
Maquetando el bloque de productos de WooCommerce II (parte II)
Maquetando el bloque de categorías de WooCommerce (parte I)
Maquetando el bloque de categorías de WooCommerce (parte II)
Optimizando el menú y reescribiendo el archivo header.php (parte I)
Optimizando el menú y reescribiendo el archivo header.php (parte II)
Optimizando el menú y reescribiendo el archivo header.php (parte III)
Maquetando los bloques de productos de WooCommerce (parte I)
Maquetando los bloques de productos de WooCommerce (parte II)
Maquetando los bloques de productos de WooCommerce (parte III)
Maquetando el bloque de productos relacionados

Screenshots

Desarrolla una tienda online con WooCommerce y Storefront - Screenshot_01Desarrolla una tienda online con WooCommerce y Storefront - Screenshot_02Desarrolla una tienda online con WooCommerce y Storefront - Screenshot_03Desarrolla una tienda online con WooCommerce y Storefront - Screenshot_04

Reviews

JAIME
October 4, 2023
Califique este curso con 5 estrellas, ya que fue la mejor elección que pude haber hecho en mi vida para crecimiento personal, para mí fue un reto, porque con mis 58 que voy a cumplir creo que logre mi objetivo, ya que recibi toda la colaboración esmero apoyo, prontitud en sus respuestas, de parte de mi Instructor Jhon Jairo Rincón excelente instructor, recomiendo el curso 100%
Marina
February 13, 2023
Excelente, el profesor explica bastante bien y no es el típico curso que te enseña a configurar el plugin de WooCommerce, aquí aprendes a crear un tema personalizado.
Carles
February 11, 2023
Justo lo que buscaba, un curso donde te enseñan a programar tu propio tema y no a configurar un plugin, muchas gracias profesor por este gran curso.
Andres
January 24, 2023
Muy contento con el curso, excelente contenido y bien explicado, creo que no hay ningún otro curso en udemy que te enseñe a programar con wordpress y WooCommerce, aunque los primeros videos se escuchan muy fuerte y molesta un poco pero si bajas el volumen solucionado. Por todo lo demás es excelente.
Ivan
January 22, 2023
Bastante completo, es un curso que no solo te ensaña como funciona WooCommerce sino que va mas allá y te introduce a la programación de tiendas online, es el único curso que he encontrado que te enseña esto, el resto solo te enseñan a crear algo con los ajustes del plugin y poco mas. Recomiendo este curso para aquellos que quieran aprender mucho mas acerca del desarrollo personalizado de tiendas online con wordpress y WooCommerce.
Arancha
January 22, 2023
Un curso excelente, el profesor se explica bastante bien y se ve que tiene mucha experiencia en el tema
José
November 3, 2022
Creo que los enlaces a los que necesitamos entrar deberían darlos ya para copiar y pegar. Se hace complicado copiar el texto de la pantalla e ir escribiéndolo.
Alfredo
October 20, 2022
Increíble!!! como siempre, tus cursos no defraudan apenas empiezo y se ve que es un curso de gran calidad con un gran temario como los otros cursos que tiene de wordpress.

Charts

Price

Desarrolla una tienda online con WooCommerce y Storefront - Price chart

Rating

Desarrolla una tienda online con WooCommerce y Storefront - Ratings chart

Enrollment distribution

Desarrolla una tienda online con WooCommerce y Storefront - Distribution chart
4877886
udemy ID
9/12/2022
course created date
10/26/2022
course indexed date
Bot
course submited by