Udemy

Platform

Español

Language

Web Development

Category

Crea Sistemas Marketplace con Angular y Firebase Database

Aprende a construir un ecosistema Marketplace usando Angular y Firebase con pasarelas de Paypal, Payu y Mercado Pago

4.38 (327 reviews)

2102

Students

85 hours

Content

Feb 2021

Last Update
$19.99
Regular Price


What you will learn

Aprenderás a crear sistemas Marketplace con Angular y bases de datos Firebase.

Aprenderás la estructura de un Marketplace y su arquitectura de la información.

Aprenderás cómo llevar al usuario a través de la interfaz gráfica por una experiencia fácil y directa a la compra de productos con estratégicos “call to action” (llamadas a la acción).

Aprenderás a construir bases de datos complejas con todas las características que implica un Marketplace.

Aprenderás a usar la APIRESTful de Google Firebase para realizar peticiones HTTP: GET, POST, PUT, PATCH, DELETE, además de cómo generar filtros de búsqueda y reglas de seguridad.

Aprenderás a interpretar cualquier plantilla HTML comercial para ser integrada en el Framework Angular.

Aprenderás a resolver algoritmos complejos en Javascript usando los estándares de programación de EcmaScript y Typescript.

Aprenderás a integrar en Angular pasarelas de pago de Paypal, Payu y Mercado Pago.

Aprenderás a gestionar registro de usuarios a través de redes sociales y métodos convencionales.

Aprenderás a crear Marketplace con sección privada de Multivendedores con reporte de ventas para que cualquier persona pueda vender en tu tienda.


Description

¿Tienes una idea para el próximo Mercado Libre, eBay, Amazon, Etsy pero no tienes idea de cómo empezar? Es posible que hayas examinado temas de Wordpress, scripts, software de carrito de compras y la mejor conclusión que puedes llegar es construir todo el ecosistema de un Marketplace desde cero.

Este curso te guiará paso a paso en el proceso de construcción de un Marketplace:

  • Analizaremos la estructura de un Marketplace y su arquitectura de la información.

  • Cómo llevar al usuario a través de la interfaz gráfica por una experiencia fácil y directa a la compra de productos con estratégicos “call to action” (llamadas a la acción).

  • Aprenderás a construir bases de datos complejas con todas las características que implica un Marketplace.

  • Utilizaremos Firebase como plataforma online para alojar nuestra base de datos.

  • Aprenderás a usar la APIRESTful de Google Firebase para realizar peticiones HTTP: GET, POST, PUT, PATCH, DELETE, además de cómo generar filtros de búsqueda y reglas de seguridad.

  • Utilizaremos Angular para el desarrollo frontend de nuestro sistema.

  • Aprenderás a interpretar cualquier plantilla HTML comercial para ser integrada en el Framework Angular.

  • Aprenderás a resolver algoritmos complejos en Javascript usando los estándares de programación de EcmaScript y Typescript.

  • Aprenderás a integrar en Angular plugins de Javascript y jQuery creados por terceros.

  • Aprenderás a integrar  en Angular pasarelas de pago de Paypal, Payu y Mercado Pago.

  • Aprenderás a gestionar registro de usuarios a través de redes sociales y métodos convencionales.

  • Finalmente crearás un ecosistema de Marketplace con sección privada de Multivendedores con reporte de ventas para que cualquier persona pueda vender en tu tienda.

¿POR QUÉ USAMOS ANGULAR EN ESTE PROYECTO?

  • Mayor seguridad con código encapsulado para el lado del cliente.

  • Facilita la depuración de errores al escribir el código.

  • Framework para frontend con tecnología backend incorporada.

  • Manipulación del DOM con directivas privadas.

  • Separación de componentes que permite mayor orden para proyectos a gran escala.

  • Arquitectura MVC simplificada.

  • Reusabilidad: La estructura de Angular basada en componentes hace que los componentes sean altamente reutilizables en toda la aplicación.

  • Mejor legibilidad: La coherencia en la codificación hace que la lectura del código sea una tarea fácil para los nuevos desarrolladores. Lo que aumenta su productividad.

  • Facilidad de mantenimiento: Los componentes pueden ser reemplazados con mejores implementaciones. En pocas palabras, permite el mantenimiento y actualización eficiente del código.

  • Alta demanda laboral.

¿POR QUÉ USAMOS BASES DE DATOS GOOGLE FIREBASE?

  • Pruebas directamente desde la Nube sin necesidad de desplegarla ni montarla en un servidor.

  • Servicio de gestión de usuarios con diferentes proveedores: Además de Google, Facebook, Twitter y GitHub.

  • Procesos estandarizados para la autenticación de usuarios.

  • APIRESTful incorporada que facilita la conexión y gestión de datos inmediatos.

  • Usa bases de datos no relacional lo cual permite su fácil crecimiento en proyecto a gran escala.

  • Implementa toda la seguridad que ofrece Google en sus aplicaciones.

  • Uso gratuito y de pago según el crecimiento del proyecto.

¿CÓMO ES EL CURSO?

El curso se divide en varias secciones. En una primera sección haremos la introducción de lo que es un sistema Marketplace y sus características.

Luego trabajaremos en la construcción de la Base de Datos de nuestro sistema llevándola a la tecnología de Firebase.

En las siguientes secciones comenzaremos a construir paso a paso desde cero el sistema Marketplace integrando en el framework Angular la plantilla comercial HTML MARTFURY con la base de datos en Firebase, dedicando el tiempo necesario para la construcción de cada detalle y correcto funcionamiento del sistema.

Recuerda que cuentas con la política de reembolso de Udemy, que en caso de que este curso no cumpla tus expectativas, puedes solicitarla y te darán el 100% de tu dinero de regreso, pero si lo haces, por favor dime en qué fallé, y así seguir mejorando este curso.

Antes de comprarlo, puedes revisar el contenido gratuito que está accesible para ti y así tengas una mejor idea de lo que aquí se hará.


Screenshots

Crea Sistemas Marketplace con Angular y Firebase Database
Crea Sistemas Marketplace con Angular y Firebase Database
Crea Sistemas Marketplace con Angular y Firebase Database
Crea Sistemas Marketplace con Angular y Firebase Database

Content

Introducción

Bienvenida

Material de apoyo e inquietudes

Editor de código

Plugins y extensiones Sublime Text 3

Estructura de un Marketplace

¿Qué es un marketplace?

Arquitectura de un Proyecto marketplace

La página de inicio

La página de categorías / Subcategorías

La página de productos

El Carrito de Compras

Página de pagos

La página de Registro / Ingreso

La Lista de Deseos o Favoritos

Las compras de los usuarios

Convertirse en vendedor

La Tienda del Vendedor

Las ventas del vendedor

Otras páginas importantes del Marketplace

El alcance de este curso

Estructura de la Base de Datos del Marketplace

Arquitectura de la Base de Datos

Las Categorías

Las Sub-Categorías

Los Productos

Los Usuarios y Tiendas (o Vendedores)

Las Órdenes de compra, disputas y ventas

Bases de Datos en Firebase

¿Qué es Firebase?

Convirtiendo archivos Excel a Formato JSON

Importando datos JSON a Realtime DataBase

APIRESTful en Firebase

¿Qué es una API REST?

Formato JSON

POSTMAN

Servicios HTTP: GET, POST, PUT, PATCH, DELETE

Token de Autorización

Reglas para protección de datos

Filtros

Buscador

Límites

Validaciones

Tarea: Agregar un Producto por cada Sub-Categoría existente

Exportar la base de datos en Firebase

Repaso en ECMAScript

¿Qué es ECMAScript?

Nuevas declaraciones de Variables: VAR, LET, CONST

Asignación por Destructuring

IF Ternario

Template Literales (Diferente forma de Concatenar)

Funciones de tipo flecha

Bucle ForEach

Función .map()

Funciones .filter() y .find()

Callbacks

Promises

Async y Await

Datos JSON

Función .fetch() para servicios HTTP

Repaso en TYPESCRIPT

¿Qué es Typescript?

Instalación de NodeJS

Instalación de Typescript

Clases, Propiedades y Constructor

Métodos y Objetos

Iniciando el proyecto Marketplace en Angular

Angular

¿Qué empresas usan Angular?

Crear el proyecto en Angular

Carpeta Assets

Archivo Main.js en App Component

Separar módulos fijos de la plantilla

Crear configuraciones globales

Datos dinámicos para el TOP BANNER

Elegir un Banner aleatoriamente

Preload para los componentes

Errores de Iniciación

Datos dinámicos para el menú de Categorías

Datos dinámicos para la Lista de Títulos

Datos dinámicos para el Menú de Sub-Categorías

Sub-Categorías en la Vista según su clasificación

Datos dinámicos de Categorías para el menú Móvil

Datos dinámicos de Sub-Categorías para el menú Móvil

Datos dinámicos para el Menú Auxiliar del Footer

Página de Inicio (Home)

Nueva Sección - Nuevo Proyecto (Home)

Organizar la distribución de imágenes del proyecto

Aplicar rutas para el Marketplace

Home - Banner Horizontal

Home - Banner Horizontal Dinámico

Home - Banner Horizontal en Vista HTML

Ejecutando plugins en segundo plano de Angular

Visualización corregida en Móvil para Banner Horizontal

Características del Marketplace

Banner de promociones

Ofertas calientes del día

Galería de las ofertas calientes - Parte 1

Galería de las ofertas calientes - Parte 2

Precios dinámicos para las ofertas calientes

Reseñas para productos de ofertas calientes

Stock de productos de ofertas calientes

Top 20 de los productos más vendidos - parte 1

Top 20 de los productos más vendidos - parte 2

Top 20 de los productos más vendidos - parte 3

TOP 6 de categorías más visitadas

Problemática de ejecución de plugins en Angular

Vitrina de productos de la página de Inicio

Vitrina de productos - Categorías

Vitrina de productos - Sub-Categorías

Vitrina de productos - 6 productos por categoría

Vitrina de productos - Detalles de los productos

Vitrina de productos - Deslizador vertical

Páginas de Productos (Categorías, Sub-Categorías, Buscador, Info-Producto)

Nueva Sección - Nuevo Proyecto (Products)

Actualizar Data de Productos

Página de Productos - Breadcrumb

Página de Productos - Productos más vendidos

Página de Productos - Detalles de productos más vendidos

Página de Productos - Productos recomendados

Página de Productos - Vitrina

Página de Productos - Detalles de los productos en vitrina

Página de Productos - Paginación de productos en vitrina parte 1

Página de Productos - Paginación de productos en vitrina parte 2

Página de Productos - Ordenar productos en vitrina parte 1

Página de Productos - Ordenar productos en vitrina parte 2

Página de Productos - Actualizar vistas en la Data de Categorías y Sub-Categoría

Página del Buscador

Función global para el buscador

Página del Buscador - Breadcrumb

Página del Buscador - Vitrina de productos

Ajustes en la URL de los Productos

Página de Info-Producto

Página de Info-Producto - Llamada a la acción

Página de Info-Producto - Breadcrumb

Página de Info-Producto - Columnas

Página de Info-Producto - Información y descripción

Página de Info-Producto - Ejecutando Plugins en 3er Plano

Página de Info-Producto - Tabulador

Página de Info-Producto - Galería

Página de Info-Producto - Vídeo

Pipe para la validación de Url's seguras

Página de Info-Producto - Controlador de cantidades

Página de Info-Producto - Etiquetas o palabras claves

Página de Info-Producto - Compras en conjunto

Página de Info-Producto - La tienda del vendedor

Página de Info-Producto - Las reseñas

Página de Info-Producto - Bloque de estrellas

Página de Info-Producto - Bloque de reseñas

Página de Info-Producto - Columna derecha

Página de Info-Producto - Compras similares

Página de Info-Producto - Productos relacionados

Página de Info-Producto - Actualizar vistas en la Data de Productos

Corrección filtrado de fechas vencidas en las ofertas

Revisión del sistema en pantallas de dispositivos

Esto no termina acá

Cuentas de Usuarios

¿Qué aprenderemos en esta sección?

Pasarelas de Pago

¿Qué aprenderemos en esta sección?

Área de Multi-Vendedores

¿Qué aprenderemos en esta sección?

Marketplace modo producción

¿Qué aprenderemos en esta sección?



Reviews

M
Michael18 November 2020

Es un curso excelente, explicado a detalle, muchas gracias al instructor, es tan detallado que de seguro incluso alguien con pocos o nulos conocimientos de programación lo puede tomar.

P
Pastor17 October 2020

Falta explicar mejor el modelo de datos y relaciones. Tam,bién estaría bien hacer una versión usando Firestore Cloud.

G
Gonzalo23 September 2020

no esta el curso completo te vende la mitad del otro curso que es super fundamental en el proyecto en otro curso, decepcionado la verdad

S
Santiago6 August 2020

Muy buen curso, muy completo, no solo te ayuda a crear un marketplace, si no que te ayuda mucho en angular para crear cualquier tipo de proyectos.

J
Juan15 July 2020

Curso incompleto si hubiera dicho desde un principio que solo era el frontend.. no lo compraba.. lamentablemente no pueden devolverme el dinero. decepcionado completamente

B
Berestrayn23 June 2020

¡Excelente curso, el mejor hasta ahora que he tomado! Es un máster que engloba varios lenguajes de programación y muchas tecnologías actuales que sin ellas no se podrían resolver fácilmente proyectos tan vistos en la web pero por detrás es un sistema complejo de programación. No hay forma de perderse en cada una de las clases, y si hay conceptos que no quedan claros porque el nivel que manejas de programación es escaso, es recomendable tomar cursos introductorios para que lleves de mejor forma este gran curso. Lo recomiendo mucho para gente que quiera poner en práctica lo que ya conoce de la programación web en un proyecto real.

A
Andre22 June 2020

Hola, estás leyendo, mira, tengo prácticamente todos los cursos de profesores, todos son excelentes, esto es sensacional, estoy seguro de que tú, que estás leyendo este testimonio, tendrás mucho éxito en la obtención de este curso.

N
Nataniel18 June 2020

Brutal el curso, no lo he terminado porque es largo pero es sencillamente una maravilla de curso. Felicito al profesor y espero mas cursos como este, ojala alguna aplicacion así con una backend en nodejs y mongo o alguna db relacional

J
Jairo16 June 2020

Excelente Curso las personas deberían comprarlo sin pensarlo con esto aprendes para desarrollar lo que sea, muchas gracias profesor

D
Diego13 June 2020

bueno hasta el momento me parece interesante, pero es muy bueno el profesor de explicar con ejemplos son mas claros.

F
Felipe22 May 2020

automaticamente es garantia ver los cursos del autor, creo que por ahora he comprado minimo cinco y a todos le doy una calificacion de excelente, Gracias por ser tan claro y compartir su conocimiento

M
Max20 May 2020

voy iniciando con el curso, muy ansioso por continuar pero a ojos cerrados califico el curso de juan como uno de los mejores en Udemy. recomendado!

I
Ivan15 May 2020

Me parece interesante pero yo entre pensando que iba a aprender a crear desde 0 un marketplace,pero bueno

M
Mario12 May 2020

excelente curso.. super completo!!! como siempre todos los cursos de juan tiene algo muy especial y lo bueno de todo que terminas aprendiendo.. por parte lo bueno que tiene este profesor, que siempre incorpora las herramientas necesarias, tanto como archivos, código, plantillas, es lo que debe tener un curso!!! excelente 10 puntos..

L
Luis12 May 2020

Impactante, estoy iniciando el curso y a cumplido mis expectativas. Sin duda; un excelente curso. Espero que estés listo para que te explote la cabeza.



Coupons

StatusDateDiscount
Expired9/22/202095% OFF
Expired10/6/202095% OFF
Expired11/17/202095% OFF
Expired2/13/202150% OFF

3001852

Udemy ID

4/14/2020

Course created date

5/14/2020

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram
Android PlayStore
Apple Appstore