Crea Sistemas Marketplace con Angular y Firebase Database
4.5 (201 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,427 students enrolled

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.5 (201 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,427 students enrolled
Last updated 7/2020
Spanish
Spanish [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 70.5 hours on-demand video
  • 3 articles
  • 15 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll 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.
Course content
Expand all 335 lectures 70:16:53
+ Introducción
4 lectures 40:50
Material de apoyo e inquietudes
17:32
Editor de código
19:43
Plugins y extensiones Sublime Text 3
01:07
+ Estructura de la Base de Datos del Marketplace
6 lectures 01:01:05
Arquitectura de la Base de Datos
18:55
Las Categorías
11:02
Las Sub-Categorías
02:32
Los Productos
17:07
Los Usuarios y Tiendas (o Vendedores)
02:12
Las Órdenes de compra, disputas y ventas
09:17
+ Bases de Datos en Firebase
3 lectures 36:50
¿Qué es Firebase?
11:30
Convirtiendo archivos Excel a Formato JSON
12:50
Importando datos JSON a Realtime DataBase
12:30
+ APIRESTful en Firebase
12 lectures 02:00:25
¿Qué es una API REST?
14:28
Formato JSON
08:41
POSTMAN
10:04
Servicios HTTP: GET, POST, PUT, PATCH, DELETE
09:58
Token de Autorización
07:28
Reglas para protección de datos
12:42
Filtros
11:31
Buscador
08:55
Límites
06:16
Validaciones
11:27
Tarea: Agregar un Producto por cada Sub-Categoría existente
10:02
Exportar la base de datos en Firebase
08:53
+ Repaso en ECMAScript
14 lectures 02:03:42
¿Qué es ECMAScript?
02:45
Nuevas declaraciones de Variables: VAR, LET, CONST
14:28
Asignación por Destructuring
05:42
IF Ternario
05:17
Template Literales (Diferente forma de Concatenar)
04:22
Funciones de tipo flecha
06:52
Bucle ForEach
10:23
Función .map()
08:19
Funciones .filter() y .find()
08:16
Callbacks
10:48
Promises
14:32
Async y Await
09:38
Datos JSON
10:03
Función .fetch() para servicios HTTP
12:17
+ Repaso en TYPESCRIPT
5 lectures 48:05
¿Qué es Typescript?
05:16
Instalación de NodeJS
11:10
Instalación de Typescript
07:51
Clases, Propiedades y Constructor
14:12
Métodos y Objetos
09:36
+ Iniciando el proyecto Marketplace en Angular
18 lectures 03:36:17
Angular
08:55
¿Qué empresas usan Angular?
03:14
Crear el proyecto en Angular
08:18
Carpeta Assets
11:23
Archivo Main.js en App Component
09:49
Separar módulos fijos de la plantilla
13:42
Crear configuraciones globales
16:34
Datos dinámicos para el TOP BANNER
15:30
Elegir un Banner aleatoriamente
17:51
Preload para los componentes
06:34
Errores de Iniciación
05:17
Datos dinámicos para el menú de Categorías
12:27
Datos dinámicos para la Lista de Títulos
09:43
Datos dinámicos para el Menú de Sub-Categorías
21:07
Sub-Categorías en la Vista según su clasificación
11:02
Datos dinámicos de Categorías para el menú Móvil
15:08
Datos dinámicos de Sub-Categorías para el menú Móvil
18:07
Datos dinámicos para el Menú Auxiliar del Footer
11:36
+ Página de Inicio (Home)
27 lectures 06:35:48
Nueva Sección - Nuevo Proyecto (Home)
10:11
Organizar la distribución de imágenes del proyecto
12:50
Aplicar rutas para el Marketplace
13:48
Home - Banner Horizontal
08:24
Home - Banner Horizontal Dinámico
17:19
Home - Banner Horizontal en Vista HTML
14:50
Ejecutando plugins en segundo plano de Angular
16:51
Visualización corregida en Móvil para Banner Horizontal
04:35
Características del Marketplace
01:41
Banner de promociones
11:38
Ofertas calientes del día
20:58
Galería de las ofertas calientes - Parte 1
14:48
Galería de las ofertas calientes - Parte 2
21:42
Precios dinámicos para las ofertas calientes
18:37
Reseñas para productos de ofertas calientes
23:17
Stock de productos de ofertas calientes
05:37
Top 20 de los productos más vendidos - parte 1
21:25
Top 20 de los productos más vendidos - parte 2
18:15
Top 20 de los productos más vendidos - parte 3
17:15
TOP 6 de categorías más visitadas
13:33
Problemática de ejecución de plugins en Angular
20:04
Vitrina de productos de la página de Inicio
06:08
Vitrina de productos - Categorías
05:14
Vitrina de productos - Sub-Categorías
16:42
Vitrina de productos - 6 productos por categoría
15:25
Vitrina de productos - Detalles de los productos
19:47
Vitrina de productos - Deslizador vertical
24:54
+ Páginas de Productos (Categorías, Sub-Categorías, Buscador, Info-Producto)
41 lectures 09:14:54
Nueva Sección - Nuevo Proyecto (Products)
08:14
Actualizar Data de Productos
21:03
Página de Productos - Breadcrumb
18:52
Página de Productos - Productos más vendidos
21:03
Página de Productos - Detalles de productos más vendidos
23:19
Página de Productos - Productos recomendados
16:30
Página de Productos - Vitrina
17:35
Página de Productos - Detalles de los productos en vitrina
09:14
Página de Productos - Paginación de productos en vitrina parte 1
11:41
Página de Productos - Paginación de productos en vitrina parte 2
22:26
Página de Productos - Ordenar productos en vitrina parte 1
16:56
Página de Productos - Ordenar productos en vitrina parte 2
09:38
Página de Productos - Actualizar vistas en la Data de Categorías y Sub-Categoría
18:19
Página del Buscador
10:35
Función global para el buscador
10:44
Página del Buscador - Breadcrumb
06:37
Página del Buscador - Vitrina de productos
21:09
Ajustes en la URL de los Productos
10:33
Página de Info-Producto
06:48
Página de Info-Producto - Llamada a la acción
15:20
Página de Info-Producto - Breadcrumb
02:51
Página de Info-Producto - Columnas
11:58
Página de Info-Producto - Información y descripción
19:07
Página de Info-Producto - Ejecutando Plugins en 3er Plano
19:03
Página de Info-Producto - Tabulador
04:39
Página de Info-Producto - Galería
10:07
Página de Info-Producto - Vídeo
07:23
Pipe para la validación de Url's seguras
07:04
Página de Info-Producto - Controlador de cantidades
10:27
Página de Info-Producto - Etiquetas o palabras claves
05:02
Página de Info-Producto - Compras en conjunto
24:46
Página de Info-Producto - La tienda del vendedor
17:02
Página de Info-Producto - Las reseñas
22:08
Página de Info-Producto - Bloque de estrellas
20:01
Página de Info-Producto - Bloque de reseñas
15:50
Página de Info-Producto - Columna derecha
13:22
Página de Info-Producto - Compras similares
08:01
Página de Info-Producto - Productos relacionados
05:21
Página de Info-Producto - Actualizar vistas en la Data de Productos
17:39
Corrección filtrado de fechas vencidas en las ofertas
07:09
Revisión del sistema en pantallas de dispositivos
09:18
Requirements
  • Tener principios en HTML5 y CSS3, curso gratuito que puede realizar en UDEMY: "Aprende HTML5 y CSS3 desde cero". No es indispensable pero sería bueno para la construcción del Proyecto tener bases en Javascript, jQuery y Maquetación con Bootstrap 4.
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á.

Who this course is for:
  • Emprendedores desarrolladores que deseen comenzar su propio negocio.
  • Cualquier persona interesada en aprender programación.
  • Personas que quieran aprender Angular.
  • Personas que quieran aprender Firebase.