Aplicaciones real-time con Meteor y Vue

Curso de Meteor con Vue, Vuetify, MongoDB, Firebase, GCP, Docker y más

4.75 (66 reviews)
Udemy
platform
Español
language
Web Development
category
instructor
8,910
students
25 hours
content
Sep 2021
last update
$64.99
regular price

What you will learn

Integración de Vue y Vuetify con Meteor JS

Autenticación con Accounts de Meteor

CRUD de usuarios

Gestionar datos con MongoDB

Control de acceso basado en roles (RBAC)

Aplicación de Chat

Despliegue de aplicación web en Google Cloud Platform con Docker

Asignar dominio y SSL a tu aplicación web

Convertir web app en aplicaciones móviles para Android y iOS

Convertir web app en aplicación de escritorio para Mac, Windows y Linux

Subir imágenes a Cloud Storage de Firebase

Envío de correos en formato HTML

Description

¿Te gustaría empezar a desarrollar aplicaciones real-time?

Aqui te dejamos 4 razones por las que te conviene usar Meteor JS para tu siguiente proyecto:

  1. Es real-time. Es un framework completamente real-time, ya que el protocolo de comunicación que utiliza entre cliente y servidor está basado en WebSockets (wss://). Esto hace que las aplicaciones que se construyan sean más atractivas y interactivas que las tradicionales.

  2. Es multiplataforma. Puedes desarrollar tu aplicaciones en diferentes entornos de ejecución, ya sea Web, Móviles o de Escritorio. Así mismo, lo puedes usar en desarrollos en consola con Node JS para sistemas embebidos y aportar en áreas como Internet of Things (IoT). Y recuerda, todas estas aplicaciones pueden ser real-time!.

  3. Compatibilidad. Es compatible con los frameworks de front-end más populares, como son React, Vue y Angular. Esto significa que puedes usarlos dentro del mismo stack de Meteor, como si fuera su motor de plantillas por defecto, esto te permitirá desarrollar con mayor velocidad.

  4. Un solo lenguaje. Utilizas JavaScript tanto de lado del cliente como del lado del servidor, lo que permite elevar tu expertís en uno de los lenguajes mas demandados y aprovechar dichos conocimientos para programar aplicaciones en diferentes ambientes de ejecución. Así mismo, otra opción por la que puedes optar es utilizar TypeScript, ya que es completamente compatible en todo el stack.


    Conviertete en un especialista en este tipo de aplicaciones con el curso de "Aplicaciones real-time con Meteor y Vue".

Content

Instalación y primeros pasos

Introducción
Instalando Node JS en Windows
Instalando Node JS en Mac
Instalando Meteor en Windows
Instalando Meteor en Mac
Instalando MongoDB en Windows
Instalando MongoDB en Mac
Crear proyecto de Meteor
Estructura de directorios básica
Primeros pasos con Meteor
¿Quieres comenzar con back-end o con front-end?

Integrando Vue y Vuetify

Integración de Vue con Meteor
Integrando Vuetify
Íconos de Vuetify

Crear componentes genéricos con Vuetify

Alert Message parte 1
Alert Message parte 2
Loader
Modal Remove
Componentes genéricos con Vuetify

Enrutamiento

Routing - Teoría
Integrando Vue Router

Creando vistas y layouts con Vuetify

Creando layout para autenticación
Creando vista de login
Creando vista de "olvidé mi contraseña"
Creando vista de "restablecer contraseña"
Creando vista de "establecer contraseña"
Creando layout de la SPA
Actualizando Vuetify
Agregando vista del Header
Creando componente de User Logged
Agregando Footer
Agregando vista de Home
Vista de configurar cuenta parte 1
Vista de configurar cuenta parte 2
Vista de configurar cuenta parte 3
Vista de listar usuarios parte 1
Vista de listar usuarios parte 2 - Internacionalización
Vista de listar usuarios parte 3 - Filtrado por columna
Vista de crear usuario
Vista de editar usuario
Vista de eliminar usuario
Vista de listar perfiles
RBAC
Roles estáticos
Roles dinámicos
Vistas de crear y editar perfil
Optimización de enrutamiento para CRUD de usuarios
Listas de permisos de perfiles
Vista de eliminar perfil
Globalizando componentes genéricos
Terminando ajustes en el front-end
Resumen del Front-end
Vistas y Layouts con Vuetify

Introducción al Back-End con Meteor JS

Actualizando Meteor
Equivalencias SQL y NO SQL
Diagrama Entidad-Relación
Instalar cliente de Mongo
Conectar aplicación base de datos externa
Introducción a Meteor Methods
Instalando Meteorman
Conociendo Meteor Methods
Validated Methods
Validando parámetros de métodos
Back-end con Meteor JS

Endpoints del CRUD de usuarios

Endpoint de Crear usuario parte 1
Endpoint de Crear usuario parte 2
Estandarizar respuestas de endpoints
Endpoint de Actualizar usuario
El archivo de servicio
Endpoint de eliminar usuario
Endpoint de listar usuarios
Otra forma de crear publicaciones
Practicando consultas con MongoDB
Publicaciones de Meteor

Endpoints del CRUD de perfiles

Creando permisos del sistema parte 1
Creando permisos del sistema parte 2
El archivo de configuración de Meteor
Creando perfiles estáticos
Endpoint de crear perfil
Probando perfiles en usuarios
Endpoint de actualizar perfil
Validando nombre de perfil como única
Ìndices en MongoDB
Endpoint de eliminar perfil
Endpoint de listar perfiles
Agregando permisos de perfiles
Back-end con Meteor y Mongo

Autenticación desde Back-end

Probando autenticación desde back-end
Creando middleware de AuthGuard
Validar intentos de inicio de sesión
Agregando middlewares a Validated Methods
Creando middleware para publicaciones
Complementando endpoint de eliminar usuario
Autenticación desde Back-end

Autenticación con Meteor y Vue

Login con Meteor y Vue
Logout con Meteor y Vue
Persistiendo datos de sesión en Vuex
Modo History en Vue Router
Guardia de enrutamiento para autenticación
Cerrar sesión de otros clientes
Autenticación con Meteor y Vue

CRUD de usuarios con Meteor y Vue

Creando usuario con Meteor y Vue
Consumiendo publicaciones con Vue
Listar usuarios con Meteor y Vue
Eliminar usuario con Meteor y Vue
Actualizar usuario con Meteor y Vue
Probando operaciones CRUD de usuarios
Comunicación entre Meteor y Vue

CRUD de perfiles con Meteor y Vue

Búsqueda en listas de perfiles
Listar permisos del sistema
Crear perfil con Meteor y Vue
Listando perfiles con Meteor y Vue
Eliminar perfil con Meteor y Vue
Actualizar perfil con Meteor y Vue

Opciones del sistema

Endpoint de opciones del sistema
Probando opciones del sistema
Accounts y Roles

Puntos de control de acceso

Control de acceso en enrutamiento
Introducción de control de acceso en componentes UI
Creando directiva v-can
Agregando v-can a componentes UI
Roles y RBAC

Configurar cuenta con Meteor y Vue

Actualizando información personal
Actualizar contraseña de usuario logueado
Accounts

Envío de correos en formato HTML

Introducción al envío de correos
Reglas a seguir en correos con HTML
Configurar correo de Gmail con emisor
Configurar plantilla de correo de cuenta creada
Enviando correo de cuenta creada
Enviar correo para restablecer contraseña
Creando vista de Verificar correo
Enviar correo para verificar cuenta de correo
Envío de correos en formato HTML

Subir archivos a Firebase

Introducción a Cloud Storage con Firebase
Configurar Cloud Storage en Firebase
Activar Cloud Storage en Meteor
Subir archivos tipo buffer a Cloud Storage
Subir archivos de base 64 a Cloud Storage
Cargar imagen de usuario con preview
Subir imagen con Meteor y Vue a Firebase
Actualizar imagen en Cloud Storage
Eliminar carpetas en Cloud Storage
Listar imágenes de los usuarios
Actualizar imagen de usuario logueado
Cloud Storage de Firebase

Monitoreo de conectividad de los usuarios

Configurar User Presence
Mostrando estatus de conectividad
User Presence

Chat

Crear opción del sistema para Chat
Lista de contactos del Chat
Definiendo modelo del mensaje
Endpoint para insertar mensajes de chat
Endpoint de listar mensajes de chat
Consumir endpoint de chat
Ajustando hora correcta de los mensajes
Controlando scroll de mensajes
Marcar mensajes como leìdos
Mostrar fecha y hora de mensajes
Agregar índices a tabla de mensajes
Consultas en Mongo

Despliegue en Google Cloud Platform con Docker

Herramientas de despliegue
Subir imágenes estáticas a Firebase
Subir código a GitHub
Generar backup de base de datos
Dockerizando aplicación
Crear máquina virtual en GCP
Instalar docker y docker compose
Desplegando aplicación
AVISO sobre compra de dominio
Asignar dominio a máquina virtual
Asignar certificado SSL a servidor
Redirigir de HTTP a HTTPS
Generar backups automáticos
Eliminar imágenes huérfanas de docker
Despliegue en GCP con Docker

Aplicaciones móviles con Meteor y Vue

Instalar prerequisitos para Android en Mac
Instalar prerrequisitos para iOS en Mac
Instalar prerequisitos para Android en Windows
Correr aplicación Android en dispositivo físico
Correr aplicación Android en emulador
Correr aplicación iOS en iPhone
Correr aplicación iOS en emulador
Cambiar ícono y splash screen de la app móvil
Debuggear aplicación en iOS
Debuggear aplicación en Android
Aplicaciones móviles con Meteor y Vue

Aplicación de escritorio con Meteor y Vue

Transformando a aplicación de escritorio
Características de aplicación de escritorio
Generar instaladores para Mac, Windows y Linux
Transformando a aplicación de escritorio

Screenshots

Aplicaciones real-time con Meteor y Vue - Screenshot_01Aplicaciones real-time con Meteor y Vue - Screenshot_02Aplicaciones real-time con Meteor y Vue - Screenshot_03Aplicaciones real-time con Meteor y Vue - Screenshot_04

Reviews

Francisco
December 14, 2022
¡Excelente curso Iván! Adecuada distribución de los materiales y explicaciones magistrales. Sería ideal si lo pudieras actualizar a las versiones actuales de todas las tecnologías usadas. Fuerte abrazo profesor.
Valeria
September 21, 2022
Muy buena, aunque algunos pasos no se puden replicar bajo windows de la misma manera que con otro SO Mac que funcionan mejor.
Charles
March 13, 2021
Excelente curso. A la espera de que realicen otro curso con más profundidad basado en un Point of Sales.
Josep
February 24, 2021
es un curso completo y fácil de entender. Posiblemente el mejor curso de Meteor en castellano. Felicidades
Irving
February 3, 2021
El curso es bastante completo, y lo mejor es que el único curso de meteorjs en udemy que esta totalmente en español.
Jose
February 2, 2021
El curso se llevaba de manera clara y escalonada, lo que permite entender a fondo los temas que se tratan en cada modulo, el profesor demuestra dominio de los temas.
Guillermo
February 2, 2021
Los videos son de calidad. Muy buenas explicaciones y contenido super útil! De los mejores cursos de Meteor que he visto en internet!
Ovsdrak
February 1, 2021
Me gusta que te dice varios trucos (shortcuts, plugins) para escribir código más rápido y buenas prácticas. También que la parte del front no se detiene tanto a explicar las cosas triviales, y aun así le agarra rápido uno. Lo recomiendo para aquellos que ya saben React o Angular, aquí aprenden bien rápido Vue, y lo mejor es que los componentes quedan bien arquitectónicos para reutilizarlos en varios proyectos. Del back puedo decir que no pensé que fuera tan fácil aprender Meteor, o al menos la manera en que lo explica, se ve que las API real-time van a sustituir a a las API Rest en un futuro no muy lejano.

Coupons

DateDiscountStatus
5/7/2021100% OFF
expired

Charts

Price

Aplicaciones real-time con Meteor y Vue - Price chart

Rating

Aplicaciones real-time con Meteor y Vue - Ratings chart

Enrollment distribution

Aplicaciones real-time con Meteor y Vue - Distribution chart
2785952
udemy ID
1/29/2020
course created date
2/5/2021
course indexed date
Bot
course submited by