CursosEmpresasBlogLiveConfPrecios

Análisis del proyecto y conexión con la API de WooCommerce

Clase 2 de 15 • Curso de App Mobile utilizando Woocommerce

Clase anteriorSiguiente clase

Contenido del curso

Presentación
  • 1
    Bienvenida y presentación

    Bienvenida y presentación

    01:24
Preparando el proyecto
  • 2
    Análisis del proyecto y conexión con la API de WooCommerce

    Análisis del proyecto y conexión con la API de WooCommerce

    10:29
  • 3
    ¿Cómo puedo comenzar un proyecto con React Native?

    ¿Cómo puedo comenzar un proyecto con React Native?

    14:44
Creando tu app
  • 4
    Planifica y crea el estado global de tu app

    Planifica y crea el estado global de tu app

    20:12
  • 5
    Crea la pantalla de productos

    Crea la pantalla de productos

    17:39
  • 6
    Crea la vista de productos en la pantalla principal

    Crea la vista de productos en la pantalla principal

    15:20
  • 7
    Aprende a crear la navegación de tu app

    Aprende a crear la navegación de tu app

    20:34
  • 8
    Crea la pantalla de detalles de productos

    Crea la pantalla de detalles de productos

    20:54
  • 9
    ¿Cómo agregar el carrito a tu app?

    ¿Cómo agregar el carrito a tu app?

    11:55
  • 10
    Crea la vista de productos de tu carrito

    Crea la vista de productos de tu carrito

    17:56
  • 11
    Implementa cambios visuales basados en el carrito

    Implementa cambios visuales basados en el carrito

    20:49
  • 12
    Comprende cómo funcionan los payment gateways para tu app

    Comprende cómo funcionan los payment gateways para tu app

    04:08
  • 13
    Crea la pantalla de checkout

    Crea la pantalla de checkout

    24:58
  • 14
    Guarda los pedidos de tu app

    Guarda los pedidos de tu app

    19:22
Conclusiones
  • 15
    ¿Por dónde puedes seguir tu ruta?

    ¿Por dónde puedes seguir tu ruta?

    01:06
    Sherling Rodriguez Estrella

    Sherling Rodriguez Estrella

    student•
    hace 4 años

    Qué cursos me recomiendan tomar antes de este?

      Lucio Negrello

      Lucio Negrello

      teacher•
      hace 4 años

      Hola Sherling, cómo estás? Lo ideal sería que tengas una base de React y React Native. Todo lo que usamos es de los componentes nativos de RN, y alguno que instalamos para cosas puntuales. Lo ideal sería que tengas conocimientos sobre el uso de Context y Hooks de React y de los componentes básicos de RN. Con eso podrías tomar el curso sin problemas porque todo lo que vemos sobre WooCommerce es la página de documentación y en el admin de la tienda, no vemos programación propia de WC. Saludos!

      Víctor L. Rojas Estrada

      Víctor L. Rojas Estrada

      student•
      hace 4 años

      Hola Sherlingre, puedes hacer la ruta de Desarrrollo con Wordpress. Yo la estoy adelantando, ahí aprenderas desde conceptos básicos hasta programación con PHP.

    Hugo Calero Valverde

    Hugo Calero Valverde

    student•
    hace 4 años

    Este curso está un poco confuso. El profe ya tenía carpetas creadas y no sé de donde salieron. Por otro lado no explica la opción de configuración en un dominio y hosting que ya estén activos. Ayuda Platzi

      Lucio Negrello

      Lucio Negrello

      teacher•
      hace 4 años

      Hola Hugo, cómo estás? Acabo de responder tu consulta por este tema. Quedo atento ahí para comprender bien la duda sobre las carpetas y ya te respondí el tema del dominio online. Saludos!

    Jose Luis Luis

    Jose Luis Luis

    student•
    hace 4 años

    ocupo poner un dominio para k funcione

    Luis Fernandez

    Luis Fernandez

    student•
    hace 4 años

    Hola Lucio, estoy comenzando el curso hoy, porque necesito hacer la APP con WooCommerce, pero no manejo React, solo Python. Crees que me iria bien con este curso?

      Lucio Negrello

      Lucio Negrello

      teacher•
      hace 4 años

      Hola Luis, cómo estás? La base de React Native es React, por ende es necesario tener una base de React, al menos para comprender la lógica y la sintaxis. Tal vez si tenés conocimientos de otros framework/librerías como Vue o Angular, podrías comprenderlo bastante fácil, porque la lógica es la misma. No estoy al tanto de si en Python existen framework/librerías de este tipo, ya que es un lenguaje que utilicé algunas veces pero sólo para aprender y hacer proyectos pequeños. De todas formas, en el curso vamos paso a paso por cada pantalla y componente, el problema que veo es que cuando quieras hacer o modificar el comportamiento de la App te vas a encontrar con algunas limitaciones si no tenés la base de React. Tal vez podrías empezar por el Curso de Introducción a React de Juan DC, que es excelente y se ven casi todos los elementos que usaremos en el curso. Espero que esta info te sirva y me quedo atento por cualquier consulta. Saludos!

      Luis Fernandez

      Luis Fernandez

      student•
      hace 4 años

      Gracias, de hecho estoy parado en como cargar el blueprint en local, me puedes ayudar?

    Genesis Leal

    Genesis Leal

    student•
    hace 3 años

    Hola profe podria abilitarme para el git

      Lucio Negrello

      Lucio Negrello

      teacher•
      hace 3 años

      Hola, cómo estás? Este es el link al repo. Saludos!

    Moisés Falcón Calzadilla

    Moisés Falcón Calzadilla

    student•
    hace 3 años

    Esta APP se podra montar en la playstore?

      Lucio Negrello

      Lucio Negrello

      teacher•
      hace 3 años

      Hola Moisés, cómo estás? Sí, hay que firmarla y después exportarla. Con ese archivo, podés subirla a la Play Store. También se puede exportar para App Store si tenés una Mac y la licencia de desarrollador de Apple. Acá te dejo el link con la info de exportación de Android. Saludos!

    Javier Camilo Rojas Ramirez

    Javier Camilo Rojas Ramirez

    student•
    hace 4 años

    holaaa, soy muy nuevo y quisiera saber qué es Local, dónde lo puedo descargar y qué pre requisitos hay para tomar este curso, garciaaaas.

    psdt ya tengo mi tienda de Woocommerce full www.barfbites.com.co

      Lucio Negrello

      Lucio Negrello

      teacher•
      hace 4 años

      Hola Javier, cómo estás? LocalWP es un entorno de desarrollo para WordPress, sirve para temer una instalación de WordPress local para poder desarrollar tus themes, plugins o sitios. Si querés conocer más de este y otros entornos, te recomiendo que pases por el Curso de Entornos de Desarrollo y Deployment en WordPress. Si bien no es lo más conveniente, porque estarías interactuando con el sitio que ya está online y lo que hagas tendría impacto directamente en este y en su base de datos, otra alternativa es utilizar la API del sitio de producción para hacer el curso. Pero como te comentaba, no es lo más recomendable por una cuestión de seguridad de los datos. Cualquier error puede hacerte perder datos de la tienda online y eso sería terrible. Espero que te sirva esta info. Saludos!

    Hugo Calero Valverde

    Hugo Calero Valverde

    student•
    hace 4 años

    Profe ya tenías carpetas creadas y no sé de donde salieron. Por otro lado no explicas la opción de configuración en un dominio y hosting que ya estén activos. Podrías ayudarme a entender

      Lucio Negrello

      Lucio Negrello

      teacher•
      hace 4 años

      Hola Hugo, cómo estás? No entendí el tema de las carpetas. En dónde hay carpetas creadas? Con respecto a tu duda sobre un sitio que ya se encuentra online, solo tendrías que hacer la última parte en la página de ajustes de WooCommerce, ya que el sistema lo tendrías online y los productos ya estarían cargados. En esta clase configuramos un entorno local, pero en el caso de que quieras utilizar uno online, simplemente tendrías quecrear las claves de la API de WooCommerce y más adelante aplicarlas en lugar del dominio y las claves locales. Saludos!

    Kevin Jeremy Salazar Jimenez

    Kevin Jeremy Salazar Jimenez

    student•
    hace 4 años

    Esto no seria lo mismo que tener una PWA?

      Lucio Negrello

      Lucio Negrello

      teacher•
      hace 4 años

      Hola Kevin, cómo estás? Esto no es una PWA, sino una App desarrollada con un lenguaje hibrido. Eso quiere decir que se transpila en una APK para Android y un proyecto de Xcode para iOS. La principal ventaja es de rendimiento y de permisos, ya que las Apps pueden conectarse a casi todas las funcionalidades de los dispositivos, mientras que las PWA no. Saludos!

    Maximiliano Gomez

    Maximiliano Gomez

    student•
    hace 3 años

    tengo algunas dudas, de donde obtuvo el archivo sample_products.xml? quien lo genera? y de donde lo creo? si yo quisiera crear mi propia app de otros productos de donde obtengo el listado de productos de mi tienda?

      Lucio Negrello

      Lucio Negrello

      teacher•
      hace 3 años

      Hola Maxi, cómo estás? Ese archivo es uno que está disponible con WooCommerce para generar el contenido de prueba. Si usas la misma estructura de ese archivo, podés crear uno propio con tus productos. Lo podés encontrar dentro de la carpeta sample-data, dentro de la carpeta del plugin. Saludos!

    Edwin Javier Pinilla Murcia

    Edwin Javier Pinilla Murcia

    student•
    hace 3 años

    buenos dias profesor Lucio, deseo aprender para la creacion de una app para taxis, me puedes orientar porfavor

      Lucio Negrello

      Lucio Negrello

      teacher•
      hace 3 años

      Hola Edwin, cómo estás? En principio, se me ocurre que vas a tener que trabajar mucho con la integración con Google Maps y con la geolacalización. Creo que esa es la parte más importante del proyecto y la más compleja. Así que arrancaría por ese lugar. Saludos!

    César Mayta

    César Mayta

    student•
    hace 4 años

    wow, este curso me cae como anillo al dedo..

      Lucio Negrello

      Lucio Negrello

      teacher•
      hace 4 años

      Excelente César!! Estaré atento a cualquier consulta. Saludos!

    David Rangel

    David Rangel

    student•
    hace 2 meses

    Profesor, duda. Con la versión a Octubre de 2025 de Local,

    Hago esto: 1. Hago sitio nuevo 2. Agrego el blueprint, dejo que corra el proceso de construcción del sitio 3. Doy click Livelink

    Errores: 1. No puedo seleccionar Livelink y no cambia su estado aunque le de click 2. Al seleccionar WP Admin me manda el error: 404 Not Found, Not Found, The requested URL was not found on this server. Apache/2.4.58 (Ubuntu) Server at testabt.local Port 80

    ¿Cómo puedo solucionar esto? Es importante ya que es parte esencial del curso, me parece.

    Luis Carlos Zapata García

    Luis Carlos Zapata García

    student•
    hace 2 años

    Utilizar el importador de WordPress, ya que nos permite importar un archivo xml que vamos a encontrar dentro de la carpeta de WooCommerce.

    RAFAEL MORALES ALVARADO

    RAFAEL MORALES ALVARADO

    student•
    hace 3 años

    Vaya un maestro de lujo

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads