Máster en JavaScript: ECMAScript, Angular 9+, React, NodeJS
Aprende JavaScript moderno con ECMAScript, TypeScript, Angular 9+, React, NodeJS, MongoDB (MEAN Stack y MERN Stack)
Lo que aprenderás
Este curso cuenta con:
Soporte del instructor
Videos en Full HD
Certificado de Finalización
Garantía de Reembolso
Contenido del Curso
Bienvenida al Curso
Disponible en
días
días
después de inscribirte
Fundamentos de JavaScript
Disponible en
días
días
después de inscribirte
-
Qué es JavaScript *[ZIP para descargar]
(17:34)
-
Las Variables
(19:11)
-
Interactuando con el DOM
(6:37)
-
Las Funciones
(16:12)
-
Condiciones y Cambios
(12:04)
-
Ciclos
(14:32)
-
Los Eventos
(14:54)
-
Intervalos y retardos de tiempo
(11:53)
-
Números aleatorios
(10:37)
-
Concatenar Variables
(5:06)
-
Los Operadores
(7:05)
-
Documento JavaScript *[Presentación para descargar]
-
Examen para validar los conocimientos básicos de Javascript
Programación Orientada a Objetos
Disponible en
días
días
después de inscribirte
-
¿Qué es la POO? *[ZIP para descargar]
(4:14)
-
Las Clases
(16:28)
-
Objetos, Propiedades y Métodos
(12:21)
-
Ejercicios para desarrollar lógica de programación
(15:04)
-
Resolviendo problemas lógicos - caso 2
(17:25)
-
Ejercicios de lógica
-
Maquetando la calculadora
(10:20)
-
Acceder a los botones con el evento click
(16:42)
-
Escribir los dígitos en la calculadora
(13:32)
-
Hacer operaciones matemáticas
(13:01)
-
Agregando eventos de teclado
(20:29)
-
Ajustes en la calculadora
Recursos Interactivos con JavaScript y POO
Disponible en
días
días
después de inscribirte
-
Creando un Slideshow desde cero *[ZIP para descargar]
(17:58)
-
Maquetando el Slideshow
(14:44)
-
Paginación del Slide
(17:45)
-
Animación del Slide
(12:25)
-
Avanzar y Retroceder el Slide
(8:06)
-
Automatizando el Slide
(17:50)
-
Creando una galería
(5:36)
-
Efecto lightbox
(13:54)
-
Mostrar Imagen
(17:50)
-
Animación Galería
(13:29)
-
Movimiento Mouse
(14:19)
-
Mover imágenes con el Mouse - parte 1
(15:39)
-
Mover imágenes con el Mouse - parte 2
(11:05)
-
Adicionar imágenes al efecto Mouse
(3:01)
-
Movimiento Scroll
(16:04)
-
Efecto Parallax con el Scroll
(16:20)
-
Vincular los botones con el Scroll
(18:46)
-
Navegar entre los botones
(7:18)
-
Validando un formulario
(13:03)
-
Agregando estilos al formulario
(12:56)
-
Evento Focus
(13:18)
-
Evento Blur
(2:46)
-
Evento Change
(9:42)
-
Expresiones Regulares
(9:08)
-
Atributo OnSubmit
(16:13)
-
Botonera oculta para dispositivos
(15:28)
-
Ajustes en la botonera móvil
(12:19)
HTML CANVAS
Disponible en
días
días
después de inscribirte
-
¿Qué es HTML5 CANVAS? *[ZIP para descargar]
(2:26)
-
Preparando nuestro lienzo - Parte 1
(15:10)
-
Preparando nuestro lienzo - Parte 2
(10:47)
-
Dibujando figuras geométricas - parte 1
(13:13)
-
Dibujando figuras geométricas - parte 2
(10:45)
-
Dibujando figuras geométricas - parte 3
(16:26)
-
Creando nuestro primer dibujo en CANVAS - Parte 1
(12:50)
-
Creando nuestro primer dibujo en CANVAS - Parte 2
(6:51)
-
Utilizando gráficos Mapa de Bits en CANVAS - Parte 1
(8:43)
-
Utilizando gráficos Mapa de Bits en CANVAS - Parte 2
(14:16)
-
Utilizando línea de tiempo en CANVAS - Parte 1
(15:07)
-
Utilizando línea de tiempo en CANVAS - Parte 2
(7:33)
-
Utilizando línea de tiempo en CANVAS - Parte 3
(2:45)
-
POO en CANVAS
(13:59)
-
Eventos de teclado en CANVAS
(20:53)
-
Colisiones - Parte 1
(17:45)
-
Colisiones - Parte 2
(10:37)
-
Colisiones - Parte 3
(12:03)
-
Creando nuestro primer juego en CANVAS
(17:17)
-
Crea juegos de Plataforma tipo Mario Bros en CANVAS
(2:39)
Librerías y Plugins de JavaScript
Disponible en
días
días
después de inscribirte
-
Diferencia entre: Librería, Framework y Plugin *[ZIP para descargar]
(9:36)
-
jQuery
(11:31)
-
Bootstrap 4
(14:44)
-
Carousel o JDSlider
(22:01)
-
Galería de imágenes (Pinterest Grid y Ekko Lightbox)
(17:49)
-
Mouse Parallax Effect
(15:44)
-
77.Navegación ScrollEfecto con Scroll (jQuery Easing y Scroll Up)
(20:04)
-
Super Scrollorama y Sticky JS
(17:20)
-
Validación de formularios con Bootstrap 4 (Pattern HTML5 - plugin iCheck)
(22:12)
-
Más Plugins...
(6:29)
ECMAScript
Disponible en
días
días
después de inscribirte
-
¿Qué es ECMAScript? *[ZIP para descargar]
(2:43)
-
Nuevas declaraciones de Variables: VAR, LET, CONST
(14:26)
-
Asignación por Destructuring
(5:40)
-
IF Ternario
(5:15)
-
Template Literales (Diferente forma de Concatenar)
(4:20)
-
Funciones de tipo flecha
(6:50)
-
Bucle ForEach
(10:21)
-
Función .map()
(8:17)
-
Funciones .filter() y .find()
(8:14)
-
Callbacks
(10:46)
-
Promises
(14:30)
-
Async y Await
(9:36)
-
Datos JSON
(10:01)
-
Función .fetch() para servicios HTTP
(12:15)
TypeScript
Disponible en
días
días
después de inscribirte
ANGULAR 9
Disponible en
días
días
después de inscribirte
-
¿Qué es Angular? *[ZIP para descargar]
(3:24)
-
Recursos previos para trabajar Angular
(6:36)
-
Crear un proyecto de Angular
(7:55)
-
Estructura de un proyecto de Angular
(2:57)
-
Los Módulos
(7:15)
-
Los Componentes
(6:49)
-
Las Vistas
(13:08)
-
jQuery y Angular
(14:25)
-
Creando Componentes y Vistas en Angular
(14:33)
-
Personalizando cada Componente con CSS y JS
(8:35)
-
Las Rutas
(14:28)
-
Creando la página de Artículos
(10:28)
-
Datos dinámicos en Angular
(12:04)
-
Servicios HTTP
(15:28)
-
Ejercicio con los Servicios de Galería y Artículos
(8:16)
-
Directivas
(16:57)
-
Ejercicio: Directivas de Galería y Artículos
(9:12)
-
Parámetros en la URL
(15:57)
-
Url's Amigables
(4:00)
-
Formulario Login
(13:11)
-
Formularios en Angular
(7:04)
-
Directiva NGModel (Two Way Data Binding)
(4:24)
-
Validar formulario con Angular
(10:18)
-
Procesar Login
(13:50)
API RESTful con NODEJS y MONGODB
Disponible en
días
días
después de inscribirte
-
Hola Mundo con NodeJS *[ZIP para descargar]
(3:17)
-
NPM (Node Package Manager)
(1:26)
-
NODEMON
(4:16)
-
Package JSON
(4:39)
-
¿Qué es una API RESTful?
(14:26)
-
STATUS
(2:17)
-
POSTMAN
(4:53)
-
Puerto HTTP en NodeJS para construir API RESTful
(8:16)
-
EXPRESS JS
(8:01)
-
MONGODB
(2:02)
-
Instalación de MONGODB
(9:02)
-
Conectando la Base de Datos con MONGOOSE
(6:23)
-
Peticiones Básicas HTTP (GET, POST, PUT, DELETE)
(19:12)
-
Organizando el Patrón MVC en NodeJS
(14:46)
-
Peticiones GET para Slide, Galería y Artículos
(13:01)
-
Enumerar la cantidad de registros
(3:34)
-
Creando un nuevo Slide
(9:03)
-
Subir archivos con NodeJS
(12:25)
-
Guardar archivos en el Servidor
(8:51)
-
Actualizar el Slide
(14:12)
-
Sincronizar tareas con Promesas
(17:02)
-
Eliminar archivos antiguos del Servidor
(6:11)
-
MONGOOSE DEPRECATIONS
(3:30)
-
Eliminar Registro de Slide
(5:42)
-
Tarea: Agregar nuevos Slide a la Base de Datos
(1:57)
-
Organizar entorno de trabajo en POSTMAN
(6:27)
-
CRUD para Galería
(14:49)
-
Tarea: Agregar nueva Galería a la Base de Datos
(2:03)
-
CRUD para Artículos
(20:19)
-
Tarea: Agregar nuevos Artículos a la Base de Datos
(1:42)
-
Administradores de la Base de Datos
(13:59)
-
Encriptar contraseña con BCRYPT
(5:03)
-
Evitar mostrar el campo Password en la DATA
(5:04)
-
Completar el CRUD de Administradores
(13:27)
-
Crear TOKEN de Autorización a través de LOGIN
(12:12)
-
Proteger Rutas mediante uso de TOKEN
(10:47)
-
Variable global para la Firma Secreta del TOKEN
(1:37)
MEAN STACK (MONGODB + EXPRESS + ANGULAR + NODEJS)
Disponible en
días
días
después de inscribirte
-
¿Qué es MEAN STACK? *[ZIP para descargar]
(2:06)
-
Iniciar ANGULAR y NODEJS de forma simultánea
(4:32)
-
CORS (Control de Acceso HTTP)
(4:12)
-
Hacer peticiones GET a la API REST
(6:37)
-
Habilitar permisos en la API para mostrar archivos
(11:46)
-
Tarea: Traer los datos de la Galería y Artículos
(13:50)
-
Página de Artículos con datos dinámicos
(9:58)
-
Crear el CRUD de usuarios en NODEJS
(11:05)
-
Crear un nuevo usuario desde ANGULAR
(4:49)
-
Aplicando la directiva NGModel
(3:07)
-
Servicios HTTP de tipo POST en ANGULAR
(12:16)
-
Visualizar respuestas de la API
(7:59)
-
Hacer LOGIN con ANGULAR y NODEJS
(13:20)
-
Validaciones de Lado Servidor
(16:29)
-
New Lecture
React JS
Disponible en
días
días
después de inscribirte
-
¿Qué es React? *[ZIP para descargar]
(2:32)
-
Creando una Aplicación con React
(3:47)
-
Estructura de un Componente en React
(3:27)
-
Creando Componentes en React
(4:16)
-
Instalando Bootstrap 4 en React
(5:39)
-
Creando una pequeña plantilla con React y Bootstrap 4
(15:04)
-
Instalando JS Prettier
(15:49)
-
PROPS
(5:02)
-
HOOKS
(14:26)
-
Corrigiendo conflicto de Bootstrap con React
(1:41)
MERN STACK
Disponible en
días
días
después de inscribirte
-
¿Qué es MERN Stack? *[ZIP para descargar]
(7:00)
-
Plantilla AdminLte con REACT
(15:04)
-
Agregar Bootstrap 4 y jQuery a REACT
(7:55)
-
Componente Header
(11:04)
-
Componente Sidebar
(9:08)
-
Componente Content
(6:41)
-
Componente Footer
(3:59)
-
Agregar Rutas en REACT
(10:06)
-
Página Error 404
(2:42)
-
Página del Login
(6:56)
-
HOOK para iniciar sesión
(12:02)
-
Conectando la API para el Login
(18:54)
-
Decodificando el TOKEN para iniciar sesión
(16:30)
-
Validar fecha de espiración del TOKEN
(10:08)
-
Validaciones extras al TOKEN
(3:54)
-
Cerrar sesión de Administrador
(2:34)
-
Organizando las vistas de cada Gestor
(19:55)
-
jQuery DataTable en REACT
(17:44)
-
DataTable dinámico en REACT
(14:24)
-
TAREA: DataTable dinámico para Gestores
(14:30)
-
Petición GET para Administradores
(15:39)
-
Formulario para crear Administradores
(15:22)
-
Validar formulario en REACT
(10:18)
-
Servicio POST para crear Administradores
(9:02)
-
Formulario para editar Administradores
(11:32)
-
Servicio PUT para editar Administradores
(9:01)
-
Servicio DELETE para borrar Administradores
(6:38)
-
Sweet Alert 2 en REACT
(9:30)
-
Evitar borrar único Administrador
(5:39)
-
Petición GET para los Slide
(11:31)
-
Formulario para crear Slide
(16:37)
-
Validar formulario del Slide
(14:27)
-
Notie Alert en REACT
(11:35)
-
Servicio POST para crear Slide
(8:45)
-
Limpiar formulario antes de ser enviado
(3:12)
-
Formulario para editar Slide
(15:08)
-
Servicio PUT para editar Slide
(11:27)
-
Servicio DELETE para borrar Slide
(6:23)
-
Petición GET para la Galería
(4:29)
-
Formulario para Múltiples Fotos
(6:51)
-
Validar formulario Galería
(8:47)
-
Servicio POST para crear Galería
(6:00)
-
Servicio DELETE para borrar Galería
(3:13)
-
Petición GET para los Artículos
(8:53)
-
Formulario para crear Artículos
(12:57)
-
Validar formulario Artículos
(15:05)
-
Servicio POST para crear Artículo
(11:03)
-
Plugin Summernote en REACT
(12:25)
-
Formulario para editar Artículos
(15:44)
-
Servicio PUT para editar Artículos
(17:25)
-
Servicio DELETE para borrar Artículos
(3:46)
-
Petición GET para los Usuarios
(3:54)