$9.99
TREND

JavaScript y ES6: De Cero a Experto creando Proyectos Reales

Aprende JavaScript ES6 el lenguaje prinicpal para Frotend Developer, aprende creando proyecto reales!

104 lectures
15.9 hours
Language - Español
Last updated - May 2020
$9.99
course-thumb
  • 15.9 hours on-demand video
  • 11 external links
  • Lifetime Access
  • Completion certificate
  • Free tutor consultation
  • 30-days money back guarantee

What You’ll Learn

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.

Included Content

  • Introducción
    4 lectures
    27:58
    • Introducción
      12:50
    • JavaScript Vanilla o JavaScrip Puro
      ¿Que es JavaScript Vanilla o JavaScript Puro?
      03:24
    • ¿Que es el DOM y como navegar por el?
      Por que usar JavaScript sin jQuery
      07:05
    • La importancia de la documentación
      Lo más importante de un programador es saber usar la Documentación
      04:39
  • Preparación del entorno y primer contacto
    6 lectures
    01:12:18
    • Instalación del Code Editing
      Elegiremos nuestro editor de código y le instalaremos las extensiones necesarias.
      07:13
    • Instalando Extensiones en Visual Studio Code
      Instalaremos las extensiones en Visual Studio Code para mejorar a la hora de programar JavaScript
      23:35
    • Selección del navegador web
      Que navegador son los mejores para debugear JavaScript y controlar los datos del DOM.
      09:45
    • Primer Código en JavaScript
      Nuestra primera toma de contacto con JavaScript.
      18:24
    • Entendiendo la Consola de JavaScript del Navegador
      Aprenderemos a usar la consola del Navegador y crearemos pequeños scripts.
      06:22
    • La importancia del orden del código ya no importa tanto
      Actualmente el orden del código es más por lectura que por ejecución.
      06:59
  • Variables en JavaScript y ES6
    4 lectures
    30:32
    • El tipo de las Variables
      Qué tipo de variables son los que usa JavaScript.
      06:42
    • Declaración de Variables VAR vs LET
      Veremos la forma tradicional de declarar las variables con VAR y la nueva forma que nos trae el ES6 con LET y las diferencias que tienen.
      09:01
    • Declaración de CONST (Constantes)
      Declararemos constantes y veremos para qué sirven.
      08:12
    • Asignación por Destructuring
      Veremos que es la asignación por destructuring y como no puede facilitar a la hora de escribir código.
      06:37
  • Objetos en JavaScript
    4 lectures
    19:43
    • Declaración de Objectos
      ¿Que es un objeto y como podemos usarlos en JavaScript?
      05:22
    • Anotación por Puntos y Corchetes
      Que diferencia hay al entrar a los datos de un Objeto con punto o corchetes.
      05:06
    • Objetos dentro de objetos
      Podemos anidar objetos dentro de objetos
      06:18
    • Modificación de objetos y creación de nuevas propiedades
      Modificando las propiedades de un objeto y creando nuevas cuando el objeto ya está creado.
      02:57
  • Arrays, If Else, Switch y Bucles
    7 lectures
    01:17:17
    • Arrays simples
      Veremos como declarar y usar los array simples en javascript.
      19:49
    • Array de Objetos
      Veremos como podemos gestionar y guarda objetos dentro de arrays.
      13:50
    • If Else y If Ternario
      Veremos el sistema de condiciones IF ELSE y los TERNARIOS.
      10:27
    • Switch y el control de los datos
      Veremos los Swtich y como podemos condicionar la ejecución del código.
      06:34
    • Bucles For
      Veremos como podemos crear bucles con el FOR.
      10:34
    • Bucle Foreach
      Veremos como manejar y crear el sistema de bucles Foreach.
      06:48
    • Bucle While y do While
      Veremos como podemos crear bucles usando el While y el Do While.
      09:15
  • Funciones en JavaScript
    9 lectures
    01:25:50
    • 1/3 – Funciones estándar
      10:07
    • 2/3 – Funciones estándar
      10:36
    • 3/3 – Funciones estándar
      10:47
    • Funciones de tipo flecha (Arrow Functions)
      08:26
    • Funciones de espera de tiempo
      05:48
    • Función .map()
      12:09
    • Función .filter()
      11:00
    • Convertir variables de Number a String y de String a Number
      09:18
    • Función .replace()
      07:39
  • Profundizando en JavaScript
    4 lectures
    36:21
    • ¿Que es un JSON?
      06:40
    • JSON.stringify() y JSON.parse()
      09:20
    • NEW palabra reservada para crear Objetos con tipo.
      10:11
    • Async y Await
      10:10
  • Cookies y LocalStorage
    6 lectures
    56:25
    • Cookies – Instalando servidor web con Node JS y http-server
      06:50
    • 1/3 – Creando, Eliminando, Mostrando Cookies y usando Escape y Unescape
      08:53
    • 2/3 – Creando, Eliminando, Mostrando Cookies y usando Escape y Unescape
      09:14
    • 3/3 – Creando, Eliminando, Mostrando Cookies y usando Escape y Unescape
      13:16
    • LocalStorage, Crear, Modificar, Mostrar y Eliminar datos
      09:06
    • LocalStorage con Objetos
      09:06
  • Eventos
    1 lecture
    04:38
    • onSubmit de un formulario
      04:38
  • Peticiones HTTP con Fetch
    1 lecture
    17:32
    • Petición GET con Fetch
      17:32
  • PROYECTO: Calculadora
    12 lectures
    01:49:29
    • Resultado final de la aplicación
      02: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
      09: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:01
    • Transformar String en Number para poder calcular el total de la operación
      10:56
    • Limpiando resultado con el botón AC
      05:51
    • Calculando Restas
      03:26
    • Calculando Multiplicaciones y Divisiones
      02:24
    • Calculando Porcentaje y Pasando de Positivo a Negativo un valor
      03:38
    • Fin del Proyecto
      00:54
  • PROYECTO: Carrito de una tienda online
    16 lectures
    02:15:23
    • ¿Qué vamos hacer en este proyecto?
      02:26
    • Creando la estructura del proyecto y añadiendo Bootstrap 4
      10:27
    • Instalando Node JS y http-server para ejecutar el proyecto
      05:06
    • Creando el HTML de la página
      09:07
    • Añadiendo el CSS para darle un estilo mas agradable
      14:46
    • Creando un JSON DB para guardar los productos de la tienda
      05:35
    • Recuperando todos los productos del JSON con un FETCH
      08:35
    • Renderizando todos los productos en nuestra web
      11:18
    • Añadiendo la funcionalidad de abrir el carrito al hacer click en el icono
      07:34
    • Guardando los IDs de los productos seleccionados en el localStorage
      11:18
    • 1/2 – Renderizando los producto seleccionado del localStorage en el carrito
      09:28
    • 2/2 – Renderizando los producto seleccionado del localStorage en el carrito
      11:14
    • Cargando los productos que se habían añadido al carrito al recargar la página
      05:21
    • Eliminando los productos del carrito seleccionados
      12:13
    • Incrementando la cantidad de un producto del carrito
      05:25
    • Decrementando la cantidad de un producto del carrito
      05:30
  • PROYECTO: Página de películas con peticiones a TheMovieDB
    30 lectures
    04:39:09
    • Resultado final de la aplicación
      05:22
    • Creando una cuenta en The Movie Database (TMBd)
      03:02
    • Creando el proyecto base de Películas
      04:46
    • Añadiendo Bootstrap 4 al Proyecto
      07:17
    • Añadiendo FontAwesome 5 al Proyecto
      05:09
    • Creando las Páginas y el Menu de Navegación
      12:30
    • Petición HTTP para recoger las nuevas películas
      10:25
    • 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:44
    • Optimizando código de la home
      07:00
    • Recogiendo el ID que pasamos por parámetros de la URL por JavaScript
      09:31
    • Obteniendo los datos de una película por su ID
      06: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
      08:38
    • Pintando toda la información de la película
      17:18
    • Obteniendo el trailer de la película
      05:15
    • Creando un Modal para el Trailer del Video
      07:45
    • Pintando el Trailer de la película para poder reproducirlo dentro del Modal
      13:34
    • Estructura de la página de Ultimos Lanzamientos
      04:42
    • Capturando en la página que estamos
      06:51
    • Cargando los últimos lanzamientos de la página correspondientes
      07:38
    • 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
      07:33
    • Creando la estructura del buscado de películas
      02:35
    • Capturando lo que escribe el usuario en el input por cada dato introducido
      07:49
    • Petición HTTP para buscar películas
      05:55
    • Pintando películas encontradas por el buscado en el html
      14:45
    • Fin del Proyecto
      00:49

Description

Aprende desde cero los conceptos básicos de JavaScript, hasta lo más avanzado para poder crear páginas webs completas desde cero.

Cuando termines el curso serás capaz de crear cualquier tipo de web dinámica usando JavaScript conectada a una API u otro servicio web.

Aprenderemos desde cero JavaScript y ES6 y crearemos poderosas páginas webs completamente dinámicas que consuman APIs de terceros o nuestras sin ninguna dificultad.


¿QUE 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 reemplazar un texto por otro.

  • Veremos con transformador los tipos de datos para poder manejarlos de diferente forma.

Show more

User Reviews

No reviews

About the tutor

avatar Agustin Navarro Galdon Frontend Developer
  • 5 Stars Tutor Rating
  • 210 students
  • 2 courses