JavaScript y ES6: Lo último en JS con Proyectos Reales
Master en JavaScript ES6 el lenguaje mas popular, con proyector reales que te puedes encontrar en el día a día.
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
Introducción
Disponible en
días
días
después de inscribirte
Preparación del entorno y primer contacto
Disponible en
días
días
después de inscribirte
Variables en JavaScript y ES6
Disponible en
días
días
después de inscribirte
Objetos en JavaScript
Disponible en
días
días
después de inscribirte
Arrays, If Else, Switch y Bucles
Disponible en
días
días
después de inscribirte
Funciones en JavaScript
Disponible en
días
días
después de inscribirte
- 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
Disponible en
días
días
después de inscribirte
Cookies y LocalStorage
Disponible en
días
días
después de inscribirte
- 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
Disponible en
días
días
después de inscribirte
Peticiones HTTP con Fetch
Disponible en
días
días
después de inscribirte
PROYECTO: Calculadora
Disponible en
días
días
después de inscribirte
- 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
Disponible en
días
días
después de inscribirte
- ¿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
Disponible en
días
días
después de inscribirte
- 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)