Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Life Purpose Meditation Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Angular

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
Rating: 4.3 out of 54.3 (330 ratings)
2,114 students
Created by Juan Fernando Urrego
Last updated 2/2021
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

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.
Curated for the Udemy for Business collection

Course content

16 sections • 402 lectures • 85h 11m total length

  • Preview02:28
  • Material de apoyo e inquietudes
    17:32
  • Editor de código
    19:43
  • Plugins y extensiones Sublime Text 3
    01:07

  • Preview05:59
  • Preview15:09
  • Preview14:46
  • Preview04:01
  • Preview09:40
  • Preview02:38
  • Preview05:29
  • Preview02:34
  • Preview04:39
  • Preview06:46
  • Preview04:14
  • Preview11:46
  • Preview02:20
  • Preview07:38
  • El alcance de este curso
    03:20

  • 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

  • ¿Qué es Firebase?
    11:30
  • Convirtiendo archivos Excel a Formato JSON
    12:50
  • Importando datos JSON a Realtime DataBase
    12:30

  • ¿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

  • ¿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

  • ¿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

  • 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

  • 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

  • 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.

Instructor

Juan Fernando Urrego
Diseñador Visual y Desarrollador Web
Juan Fernando Urrego
  • 4.5 Instructor Rating
  • 35,260 Reviews
  • 193,501 Students
  • 33 Courses

Mi nombre es Juan Fernando Urrego, soy profesional en Diseño Visual, programador y especialista en Administración de la Informática Educativa. Dedicado tiempo completo a la docencia en Desarrollo Web y Diseño Interactivo. Fundador del portal de cursos Tutoriales a tu Alcance. Soy un convencido de que la internet es la oportunidad del conocimiento, la educación y los empleos del futuro.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.