Autoplay
Autocompletar
Lección previa
Completar y continuar
JavaScript y ES6: Lo último en JS con Proyectos Reales
Introducción
Introducción (12:49)
JavaScript Vanilla o JavaScrip Puro (3:24)
¿Que es el DOM y como navegar por el? (7:05)
Por que usar JavaScript sin jQuery (3:35)
La importancia de la documentación (4:38)
Preparación del entorno y primer contacto
Instalación del Code Editing (7:12)
Instalando Extensiones en Visual Studio Code (23:35)
Selección del navegador web (9:45)
Primer Código en JavaScript (18:24)
Entendiendo la Consola de JavaScript del Navegador (6:21)
La importancia del orden del código ya no importa tanto (6:59)
Variables en JavaScript y ES6
El tipo de las Variables (6:42)
Declaración de Variables VAR vs LET (9:01)
Declaración de CONST (Constantes) (8:11)
Asignación por Destructuring (6:36)
Objetos en JavaScript
Declaración de Objectos (5:21)
Anotación por Puntos y Corchetes (5:06)
Objetos dentro de objetos (6:17)
Modificación de objetos y creación de nuevas propiedades (2:56)
Arrays, If Else, Switch y Bucles
Arrays simples (19:48)
Array de Objetos (13:49)
If Else y If Ternario (10:26)
Switch y el control de los datos (6:34)
Bucles For (10:34)
Bucle Foreach (6:48)
Bucle While y do While (9:15)
Funciones en JavaScript
1/3 - Funciones estándar (10:06)
2/3 - Funciones estándar (10:35)
3/3 - Funciones estándar (10:46)
Funciones de tipo flecha (Arrow Functions) (8:26)
Funciones de espera de tiempo (5:48)
Función .map() (12:09)
Función .filter() (11:00)
Convertir variables de Number a String y de String a Number (9:17)
Función .replace() (7:39)
Profundizando en JavaScript
¿Que es un JSON? (6:40)
JSON.stringify() y JSON.parse() (9:19)
NEW palabra reservada para crear Objetos con tipo. (10:11)
Async y Await (10:10)
Cookies y LocalStorage
Cookies - Instalando servidor web con Node JS y http-server (7:02)
1/3 - Creando, Eliminando, Mostrando Cookies y usando Escape y Unescape (8:53)
2/3 - Creando, Eliminando, Mostrando Cookies y usando Escape y Unescape (9:13)
3/3 - Creando, Eliminando, Mostrando Cookies y usando Escape y Unescape (13:15)
LocalStorage, Crear, Modificar, Mostrar y Eliminar datos (9:06)
LocalStorage con Objetos (10:13)
Eventos
onSubmit de un formulario (4:37)
Peticiones HTTP con Fetch
Petición GET con Fetch (17:31)
PROYECTO: Calculadora
Resultado final de la aplicación (2:37)
Creando el HTML de la calculadora (13:55)
Creando el CSS de la calculadora (22:13)
Capturando el valor del click de los botones y creando la función del filtro (9:58)
Cambiando el valor de la screen al presionar algún numero (16:36)
Creando la función para guardar la operación selecciona y calculando la suma (17:00)
Transformar String en Number para poder calcular el total de la operación (10:56)
Limpiando resultado con el botón AC (5:51)
Calculando Restas (3:25)
Calculando Multiplicaciones y Divisiones (2:23)
Calculando Porcentaje y Pasando de Positivo a Negativo un valor (3:38)
Fin del Proyecto (0:53)
PROYECTO: Carrito de una tienda online
¿Qué vamos hacer en este proyecto? (2:26)
Creando la estructura del proyecto y añadiendo Bootstrap 4 (10:27)
Instalando Node JS y http-server para ejecutar el proyecto (5:05)
Creando el HTML de la página (9:06)
Añadiendo el CSS para darle un estilo mas agradable (14:46)
Creando un JSON DB para guardar los productos de la tienda (5:34)
Recuperando todos los productos del JSON con un FETCH (8:35)
Renderizando todos los productos en nuestra web (11:17)
Añadiendo la funcionalidad de abrir el carrito al hacer click en el icono (7:33)
Guardando los IDs de los productos seleccionados en el localStorage (11:17)
1/2 - Renderizando los producto seleccionado del localStorage en el carrito (9:28)
2/2 - Renderizando los producto seleccionado del localStorage en el carrito (11:13)
Cargando los productos que se habían añadido al carrito al recargar la página (5:21)
Eliminando los productos del carrito seleccionados (12:13)
Incrementando la cantidad de un producto del carrito (5:25)
Decrementando la cantidad de un producto del carrito (5:30)
PROYECTO: Página de películas con peticiones a TheMovieDB
Resultado final de la aplicación (5:21)
Creando una cuenta en The Movie Database (TMBd) (3:02)
Creando el proyecto base de Películas (4:46)
Añadiendo Bootstrap 4 al Proyecto (7:17)
Añadiendo FontAwesome 5 al Proyecto (5:08)
Creando las Páginas y el Menu de Navegación (12:29)
Petición HTTP para recoger las nuevas películas (10:24)
Creando el carrousel de las nuevas películas (22:23)
Lista de las 5 películas más populares para la home (18:07)
Lista de las 5 películas mejor puntuadas para la home (13:43)
Optimizando código de la home (6:59)
Recogiendo el ID que pasamos por parámetros de la URL por JavaScript (9:31)
Obteniendo los datos de una película por su ID (6:47)
Pintando el background de la pagina con la imagen de poster de la película (11:50)
Pintando la carátula de la película (8:37)
Pintando toda la información de la película (17:18)
Obteniendo el trailer de la película (5:15)
Creando un Modal para el Trailer del Video (7:45)
Pintando el Trailer de la película para poder reproducirlo dentro del Modal (13:34)
Estructura de la página de Ultimos Lanzamientos (4:42)
Capturando en la página que estamos (6:51)
Cargando los últimos lanzamientos de la página correspondientes (7:37)
Pintando la lista de películas obtenidas (12:42)
Creando la paginación de películas (17:27)
Creando la pagina de Películas populares (7:33)
Creando la estructura del buscado de películas (2:34)
Capturando lo que escribe el usuario en el input por cada dato introducido (7:49)
Petición HTTP para buscar películas (5:54)
Pintando películas encontradas por el buscado en el html (14:44)
Fin del Proyecto (0:49)
Añadiendo Bootstrap 4 al Proyecto
Contenido bloqueado
Si ya estás inscrito,
deberás iniciar sesión
.
Inscríbase en el curso para desbloquear