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 serás capaz de hacer
Gracias a este curso aprenderás desde los conceptos básicos de JavaScript , hasta lo más avanzado para crear una páginas webs completas desde cero. Una vez terminado el curso serás capaz de crear cualquier tipo de script o página web conectada a una API de datos sin necesidad de ayuda. Aprenderemos desde las bases de JavaScript y ES6 y crearemos poderosas páginas webs que consuman APIs de terceros sin dificultad. ¿QUÉ APRENDEREMOS? Aprenderás a consumir APIS REST con JSON y Fetch API + Async / Await, uno de los temas más importantes como desarrollador JavaScript. JavaScript es el lenguaje más buscado por las empresas hoy en día. Crearemos peticiones HTTP con un Fetch para consumir datos de APIs externas. Veremos qué son las funciones Asíncronas, para qué sirven y como usarlas. Aprenderás programación orientada a objetos con Classes (ES6) y Prototypes (ES5) Veremos qué es el localStorage, lo potente que puede ser para almacenar datos en el navegador. Aprenderemos que es el formato de datos JSON, para que se utiliza y por qué es tan popular. Veremos el uso de Cookies como crear, modificar y borrar cookies en el navegador del cliente. Aprenderemos que es una Variable y una Constante y sus diferencias. Crearemos Objetos desde lo más simples a Objetos complejos. Crearemos sentencias de condiciones IF ELSE o SWITCH. Aprenderemos a crear bucles para recorrer Arrays de una manera rápida y sencilla. Veremos qué son las funciones y crearemos ejemplos prácticos. Veremos qué es una función de tipo flecha y qué diferencia tiene contra una función convencional. Crearemos funciones para retrasar ejecuciones de código. Veremos qué hace la función MAP y para qué se suele utilizar con ejemplos partidos. Veremos las funciones para poder realizar filtro de datos. Aprenderemos a usar funciones para remplazar un texto por otro. Veremos con transformador los tipos de datos para poder manejarlos de diferente forma. Lo mejor de todo, es que este curso no acaba aquí, va a tener continuas actualizaciones para ir mejorando tus conocimientos cada días más y más.
- Aprenderás a consumir APIS REST con JSON y Fetch API + Async / Await, uno de los temas más importantes como desarrollador JavaScript.
- JavaScript es el lenguaje más buscado por las empresas hoy en día.
- Crearemos peticiones HTTP con un Fetch para consumir datos de APIs externas.
- Veremos qué son las funciones Asíncronas, para qué sirven y como usarlas.
- Aprenderás programación orientada a objetos con Classes (ES6) y Prototypes (ES5)
- Veremos qué es el localStorage, lo potente que puede ser para almacenar datos en el navegador.
Temario
UNIDAD 1 - Introducción · 5 leccionesUNIDAD 1 - Introducción
UNIDAD 1 - Introducción
- Introducción
- JavaScript Vanilla o JavaScrip Puro
- ¿Que es el DOM y como navegar por el?
- Por que usar JavaScript sin jQuery
- La importancia de la documentación
UNIDAD 2 - Preparación del entorno y primer contacto · 6 leccionesUNIDAD 2 - Preparación del entorno y primer contacto
UNIDAD 2 - Preparación del entorno y primer contacto
- Instalación del Code Editing
- Instalando Extensiones en Visual Studio Code
- Selección del navegador web
- Primer Código en JavaScript
- Entendiendo la Consola de JavaScript del Navegador
- La importancia del orden del código ya no importa tanto
UNIDAD 3 - Variables en JavaScript y ES6 · 4 leccionesUNIDAD 3 - Variables en JavaScript y ES6
UNIDAD 3 - Variables en JavaScript y ES6
- El tipo de las Variables
- Declaración de Variables VAR vs LET
- Declaración de CONST (Constantes)
- Asignación por Destructuring
UNIDAD 4 - Objetos en JavaScript · 4 leccionesUNIDAD 4 - Objetos en JavaScript
UNIDAD 4 - Objetos en JavaScript
- Declaración de Objectos
- Anotación por Puntos y Corchetes
- Objetos dentro de objetos
- Modificación de objetos y creación de nuevas propiedades
UNIDAD 5 - Arrays, If Else, Switch y Bucles · 7 leccionesUNIDAD 5 - Arrays, If Else, Switch y Bucles
UNIDAD 5 - Arrays, If Else, Switch y Bucles
- Arrays simples
- Array de Objetos
- If Else y If Ternario
- Switch y el control de los datos
- Bucles For
- Bucle Foreach
- Bucle While y do While
UNIDAD 6 - Funciones en JavaScript · 9 leccionesUNIDAD 6 - Funciones en JavaScript
UNIDAD 6 - Funciones en JavaScript
- 1/3 - Funciones estándar
- 2/3 - Funciones estándar
- 3/3 - Funciones estándar
- Funciones de tipo flecha (Arrow Functions)
- Funciones de espera de tiempo
- Función .map()
- Función .filter()
- Convertir variables de Number a String y de String a Number
- Función .replace()
UNIDAD 7 - Profundizando en JavaScript · 4 leccionesUNIDAD 7 - Profundizando en JavaScript
UNIDAD 7 - Profundizando en JavaScript
- ¿Que es un JSON?
- JSON.stringify() y JSON.parse()
- NEW palabra reservada para crear Objetos con tipo.
- Async y Await
UNIDAD 8 - Cookies y LocalStorage · 6 leccionesUNIDAD 8 - Cookies y LocalStorage
UNIDAD 8 - Cookies y LocalStorage
- Cookies - Instalando servidor web con Node JS y http-server
- 1/3 - Creando, Eliminando, Mostrando Cookies y usando Escape y Unescape
- 2/3 - Creando, Eliminando, Mostrando Cookies y usando Escape y Unescape
- 3/3 - Creando, Eliminando, Mostrando Cookies y usando Escape y Unescape
- LocalStorage, Crear, Modificar, Mostrar y Eliminar datos
- LocalStorage con Objetos
UNIDAD 9 - Eventos · 1 leccionesUNIDAD 9 - Eventos
UNIDAD 9 - Eventos
- onSubmit de un formulario
UNIDAD 10 - Peticiones HTTP con Fetch · 1 leccionesUNIDAD 10 - Peticiones HTTP con Fetch
UNIDAD 10 - Peticiones HTTP con Fetch
- Petición GET con Fetch
UNIDAD 11 - PROYECTO: Calculadora · 12 leccionesUNIDAD 11 - PROYECTO: Calculadora
UNIDAD 11 - PROYECTO: Calculadora
- Resultado final de la aplicación
- Creando el HTML de la calculadora
- Creando el CSS de la calculadora
- Capturando el valor del click de los botones y creando la función del filtro
- Cambiando el valor de la screen al presionar algún numero
- Creando la función para guardar la operación selecciona y calculando la suma
- Transformar String en Number para poder calcular el total de la operación
- Limpiando resultado con el botón AC
- Calculando Restas
- Calculando Multiplicaciones y Divisiones
- Calculando Porcentaje y Pasando de Positivo a Negativo un valor
- Fin del Proyecto
UNIDAD 12 - PROYECTO: Carrito de una tienda online · 16 leccionesUNIDAD 12 - PROYECTO: Carrito de una tienda online
UNIDAD 12 - PROYECTO: Carrito de una tienda online
- ¿Qué vamos hacer en este proyecto?
- Creando la estructura del proyecto y añadiendo Bootstrap 4
- Instalando Node JS y http-server para ejecutar el proyecto
- Creando el HTML de la página
- Añadiendo el CSS para darle un estilo mas agradable
- Creando un JSON DB para guardar los productos de la tienda
- Recuperando todos los productos del JSON con un FETCH
- Renderizando todos los productos en nuestra web
- Añadiendo la funcionalidad de abrir el carrito al hacer click en el icono
- Guardando los IDs de los productos seleccionados en el localStorage
- 1/2 - Renderizando los producto seleccionado del localStorage en el carrito
- 2/2 - Renderizando los producto seleccionado del localStorage en el carrito
- Cargando los productos que se habían añadido al carrito al recargar la página
- Eliminando los productos del carrito seleccionados
- Incrementando la cantidad de un producto del carrito
- Decrementando la cantidad de un producto del carrito
UNIDAD 13 - PROYECTO: Página de películas con peticiones a TheMovieDB · 30 leccionesUNIDAD 13 - PROYECTO: Página de películas con peticiones a TheMovieDB
UNIDAD 13 - PROYECTO: Página de películas con peticiones a TheMovieDB
- Resultado final de la aplicación
- Creando una cuenta en The Movie Database (TMBd)
- Creando el proyecto base de Películas
- Añadiendo Bootstrap 4 al Proyecto
- Añadiendo FontAwesome 5 al Proyecto
- Creando las Páginas y el Menu de Navegación
- Petición HTTP para recoger las nuevas películas
- Creando el carrousel de las nuevas películas
- Lista de las 5 películas más populares para la home
- Lista de las 5 películas mejor puntuadas para la home
- Optimizando código de la home
- Recogiendo el ID que pasamos por parámetros de la URL por JavaScript
- Obteniendo los datos de una película por su ID
- Pintando el background de la pagina con la imagen de poster de la película
- Pintando la carátula de la película
- Pintando toda la información de la película
- Obteniendo el trailer de la película
- Creando un Modal para el Trailer del Video
- Pintando el Trailer de la película para poder reproducirlo dentro del Modal
- Estructura de la página de Ultimos Lanzamientos
- Capturando en la página que estamos
- Cargando los últimos lanzamientos de la página correspondientes
- Pintando la lista de películas obtenidas
- Creando la paginación de películas
- Creando la pagina de Películas populares
- Creando la estructura del buscado de películas
- Capturando lo que escribe el usuario en el input por cada dato introducido
- Petición HTTP para buscar películas
- Pintando películas encontradas por el buscado en el html
- Fin del Proyecto
UNIDAD 14 - ¡Mucho más! · 1 leccionesUNIDAD 14 - ¡Mucho más!
UNIDAD 14 - ¡Mucho más!
- Clase extra
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
14 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
Cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
Muestra · verificable por folio y QR
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Agustin Navarro Galdon.
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 14 unidades · 106 lecciones · 60 h
- 12 meses de acceso
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Agustin Navarro Galdon; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.
