Autoplay
Autocompletar
Lección previa
Completar y continuar
Máster en JavaScript: ECMAScript, Angular 9+, React, NodeJS
Bienvenida al Curso
Bienvenida (7:16)
Material de apoyo e inquietudes (14:38)
Contáctame
Editor de código (19:40)
Plugins y extensiones Sublime Text 3
Fundamentos de JavaScript
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
¿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
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
¿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
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
¿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
¿Qué es Typescript? *[ZIP para descargar] (5:14)
Instalación de NodeJS (11:08)
Instalando Typescript (7:49)
Clases, Propiedades y Constructor (14:10)
Métodos y Objetos (9:34)
ANGULAR 9
¿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
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)
¿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
¿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
¿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)
Las Variables
Completar y continuar