En este curso aprenderás desde cero JavaScript (JS), el único lenguaje de programación que pueden entender los navegadores Web, además de ser uno de los más importantes en el desarrollo de apps móviles, servidores y telecontrol.
Aprenderás a programar y usar JavaScript (JS) con el último estándar ECMAScript y todas sus funcionalidades nuevas que te posibilitarán desarrollar tu front-end Web de una manera eficiente y actual.
Al finalizar este curso serás capaz de usar JavaScript con todas sus nuevas funcionalidades y estándares, que te permitirán emprender una carrera actual como desarrollador Web Front-end. Aprenderás desde cero, pero también abarcaremos nuevos conceptos JS como Rest/Spread, Maps y Sets, Callbacks y Promises, herramientas nuevas de desarrollo JS y ¡mucho más!
-
Conociendo JavaScript
- ¡JavaScript, el lenguaje de programación más usado!
- 1.1. Herramientas Iniciales Para El Desarrollo Del Curso
- ¡Descargar Google Chrome!
- 1.2. Instalando Visual Studio Code
- 1.3. Instalando NodeJS
- 1.4. Mi Primer Programa Js
- Recurso Extra: ¿Qué es un “Hola Mundo”?
- 1.5. Ejecutando JS En El Navegador (Parte 1)
- 1.6. Ejecutando JS En El Navegador (Parte 2)
- ¿Tienes alguna dificultad?
- 1.7. Tipos De Datos Primitivos En JS
- 1.8. String
- 1.9. Number
- 1.10. Boolean
- ¡ Generemos una gran comunidad !
- 1.11. Variables En JavaScript
- 1.12. Practicando Con Variables En JS (Parte 1)
- 1.13. Practicando Con Variables En JS (Parte 2)
- 1.14. Constantes En Javascript
- 1.15. Practicando Con Constantes En JS
- 1.16. Introducción A Funciones En JS
- 1.17. Introducción A Funciones Con Parámetros En JS
- 1.18. Variables Globales Y Locales
- 1.19. Practicando Con Funciones Y Tipos De Datos Primitivos
- 1.20. Usando Return En Las Funciones
- 1.21. Estructuras Selectiva If
- 1.22. Practicando Con IF/Else (Parte 1)
- 1.23. Practicando Con IF/ELSE (Parte 2)
- 1.24. Descubriendo Que JS Es Débilmente Tipado
- 1.25. Operadores De Comparación
- 1.26. Operadores Lógicos (Parte 1)
- 1.27. Operadores Lógicos (Parte 2)
- 1.28. Estructuras Selectiva Switch
- 1.29. Practicando Con Switch (Parte 1)
- 1.30. Practicando Con Switch (Parte 2)
- Todo el mundo debería saber programar
- 1.31. Explicación De La Práctica # 1
- Práctica # 1 – Curso JS
-
CONOCIENDO JAVASCRIPT (PARTE 2)
- Sesión 2
- 2.1. Tipos De Datos Compuestos En JavaScript
- 2.2. Creación, Acceso Y Modificación De Objetos En JavaScript (Parte 1)
- 2.3. Creación, Acceso Y Modificación De Objetos En JavaScript (Parte 2)
- 2.4. Creación, Acceso Y Modificación De Objetos En JavaScript (Parte 3)
- 2.5. Practicando Con Objetos En JavaScript
- 2.6. Arrays En JavaScript
- 2.7. Creación, Acceso Y Modificación De Arrays En JavaScript
- 2.8. Practicando Con Arrays En JavaScript
- 2.9. Propiedades Y Métodos De Los Arrays
- 2.10. Propiedad Length De Los Arrays
- 2.11. Métodos Unshift Y Push De Los Arrays
- 2.12. Métodos Pop Y Shift De Los Arrays
- 2.13. Método Slice De Los Arrays
- 2.14. Métodos Concat Y Split De Los Arrays
- 2.15. Métodos Join, Reverse Y Sort De Los Arrays
- 2.16. ¡Aprendamos A Aprender!
- 2.17. Introducción A Estructuras Repetitivas En Javascript
- 2.18. Entendamos La Estructura Repetitiva While
- 2.19. Practiquemos Con La Estructura Repetitiva While
- 2.20. Entendamos La Estructura Repetitiva Do While
- 2.21. Practiquemos Con La Estructura Repetitiva Do While
- 2.22. Operadores De Asignación De Compuestos Útiles
- 2.23. Entendamos La Estructura Repetitiva For
- 2.24. Practiquemos Con La Estructura Repetitiva Fo
- 2.25. Estructuras Repetitivas Útiles Para El Manejo De Objetos Y Arrays
- 2.26. Practiquemos Con La Estructura Repetitiva For In
- 2.27. Practiquemos Con La Estructura Repetitiva For Of
- 2.28. Practiquemos Con La Estructura Repetitiva ForEach
- 2.29. Funciones Anónimas Y Su Aplicación En forEach
- 2.30. Funciones Anónimas Y Su Uso En Js
- 2.31. Arrow Functions
- 2.32. ¡Practiquemos Todo Lo Aprendido! (Parte 1)
- 2.33. ¡Practiquemos Todo Lo Aprendido! (Parte 2)
- 2.34. ¡Practiquemos Todo Lo Aprendido! (Parte 3)
- 2.35. ¡Practiquemos Todo Lo Aprendido! (Parte 4)
- 2.36. Explicación De La Práctica # 2
- Práctica # 2 – Curso JS
-
El DOM
- Sesión 3
- Material Adicional: Documentación de HTML
- 3.1. Introducción Al DOM
- 3.2. ¡Creemos Un Documento HTML!
- 3.3. Conociendo Al DOM (Parte 1)
- 3.4. Conociendo Al DOM (Parte 2)
- 3.5. Seleccionando Elementos Por El Nombre De La Etiqueta (Parte 1)
- 3.6. Seleccionando Elementos Por El Nombre De La Etiqueta (Parte 2)
- 3.7. Seleccionando Elementos Por El Nombre De La Etiqueta (Parte 3)
- 3.8. Seleccionando Un Elemento Por El ID (Parte 1)
- 3.9. Seleccionando Un Elemento Por El ID (Parte 2)
- 3.10. Sub-Consultas En El DOM
- 3.11. Usando querySelector En El DOM (Parte 1)
- 3.12.Usando querySelector En El DOM (Parte 2)
- 3.13. Usando querySelector En El DOM (Parte 3)
- 3.14. Usando querySelector En El DOM (Parte 4)
- Material Adicional: ¡Recordemos usar selectores!
- 3.15. Usando querySelectorAll En El DOM
- 3.16. Usando La Propiedad Style En El DOM (Parte 1)
- Material Adicional: La Propiedad Style y las Propiedades CSS
- 3.17. Usando La Propiedad Style En El DOM (Parte 2)
- 3.18. Usando La Propiedad ClassName
- 3.19.Usando La Propiedad ClassList
- 3.20. Usando La Propiedad ClassList (Parte 2)
- 3.21. Práctica # 3
- Práctica # 3 – JS
-
¡Dominemos el DOM!
- Study Jam 1
- Sesión 4
- 4.1. Añadir / Eliminar Nodos Del DOM
- 4.2. Creando Un Elemento Con JS
- 4.3. Añadiendo Un Nodo Con JS – AppendChild
- 4.4. ¡Practiquemos Crear Y Añadir Nodos En El DOM Con JS! (Parte 1)
- 4.5. ¡Practiquemos Crear Y Añadir Nodos En El DOM Con JS! (Parte 2)
- 4.6. Clonando Un Nodo Con JS
- 4.7. Añadiendo Un Nodo Con JS – InsertBefore
- 4.8. Eliminando Un Nodo Con JS – RemoveChild
- 4.9. Eliminando Un Nodo Con JS – Remove
- 4.10. Reemplazando Un Nodo Con JS
- 4.11. Introducción A Los Eventos En JS
- 4.12. Trabajo Básico Con Eventos (Parte 1)
- 4.13. Trabajo Básico Con Eventos (Parte 2)
- Material Adicional: Eventos del DOM
- 4.14. Trabajo Básico Con Eventos (Parte 3)
- 4.15. El Parámetro Event
- 4.16. ¡Juguemos Con El Parámetro Event!
- 4.17. Ejemplo: Eliminando Un EventListener (Parte 1)
- 4.18. Ejemplo: Eliminando Un EventlListener (Parte 2)
- 4.19. Ejemplo: Eliminando Un EventListener (Parte 3)
- 4.20. Ejemplo: Eliminando Un EventListener (Parte 4)
- 4.21. Doble Disparo De Evento En El DOM (Parte 1)
- 4.22. Doble Disparo De Evento En El DOM (Parte 2)
- 4.23. Deteniendo Eventos Por Defecto Del DOM
- 4.24. Introducción A Los Formularios (Parte 1)
- Material Adicional: Atributo Type de los Inputs
- 4.25. Introducción A Los Formularios (Parte 2)
- 4.26. Introducción A Los Formularios (Parte 3)
- 4.27. Introducción A Los Formularios (Parte 4)
- Práctica # 4
-
APLIQUEMOS TODO LO APRENDIDO
- 5.1. Web Storage – Almacenamiento De Datos En El Navegador
- 5.2. Introducción Al LocalStorage
- 5.3. Ejercicio Con El LocalStorage – Creando Un Formulario
- 5.4. Ejercicio Con El LocalStorage – Verificando El Soporte Del Storage En El Navegador
- 5.5. Ejercicio Con El LocalStorage – Guardando Datos En El LocalStorage
- 5.6. Ejercicio Con El LocalStorage – Leyendo Datos Del LocalStorage
- 5.7. Ejercicio Con El LocalStorage – Mostrando Los Datos Del LocalSorage En Nuestra Página Web
- 5.8. Ejercicio con el LocalStorage – Añadiendo Estilo a Nuestra Página Web
- 5.9. Ejercicio Con El LocalStorage – Añadiendo Un Botón Para Limpiar Datos Del LocalStorage
- 5.10. Ejercicio Con El LocalStorage – Consideraciones Adicionales Del LocalStorage
- 5.11. Introducción Al SessionStorage
- Sesión 5 JavaScript
- Material Adicional: Material necesario para el siguiente ejercicio
- 5.12. Ejercicio Con El SessionStorage – Creando Un Juego De Adivinanzas
- 5.13. Ejercicio Con El SessionStorage – Utilizando Radio Buttons En Un Formulario
- 5.14. Ejercicio Con El SessionStorage – Utilizando El Evento DOMContentLoaded
- 5.15. Ejercicio Con El SessionStorage – Mostrar El Número De Intentos Del Juego
- 5.16. Ejercicio Con El SessionStorage – Añadiendo Lógica Al Juego (Parte 1)
- 5.17. Ejercicio Con El SessionStorage – Añadiendo Lógica Al Juego (Parte 2)
- 5.18. Ejercicio Con El SessionStorage – Añadiendo Lógica Al Juego (Parte3)
- 5.19. Ejercicio Con El SessionStorage – Añadiendo CSS A Mi Juego
- 5.20. Ejercicio Con El SessionStorage – Usando SetTimeout
- 5.21. Ejercicio Con El SessionStorage – Añadiendo Lógica Al Juego (Parte 4)
- 5.22. Ejercicio Con El SessionStorage – Añadiendo Lógica Al Juego (Parte 5)
- 5.23. Ejercicio Con El SessionStorage – Ordenando Nuestro Código JS
- Material Adicional: localStorage y sessionStorage
- Práctica # 5
- Reto Extra – ¡Apliquemos todo lo aprendido!
-
¡PRACTIQUEMOS!
- Study Jam 2
- 6.1. Hagamos un Slide con HTML, CSS y JS
- Material Adicional: Material necesario para construir mi carrusel
- 6.2. Consideraciones Preliminares De Mi Slide
- 6.3. Añadiendo Estilos A Los Botones Previo/Siguiente De Mi Slide
- 6.4. Añadiendo Estilos A Los Botones Inferiores De Mi Slide
- 6.5. Creando Una Función JS Para Mi Slide (Parte 1)
- 6.6. Creando Una Función JS Para Mi Slide (Parte 2)
- 6.7. Creando Una Función JS Para Mi Slide (Parte 3)
- 6.8. Añadiendo Estilos Al Texto Dentro De Mi Slide
- 6.9. Añadiendo Funcionalidad A Los Botones Previo/Siguiente De Mi Slide
- 6.10. Añadiendo Funcionalidad A Los Botones Inferiores De Mi Slide
- 6.11. Programación Orientada A Objetos En Javascript
- 6.12. Introducción A La Programación Orientada A Objetos En JS
- 6.13. Utilizando Una Función Constructora Para Instanciar Objetos En JS (Parte 1)
- 6.14. Utilizando Una Función Constructora Para Instanciar Objetos En JS (Parte2)
- 6.15. Otras Formas De Instanciar Objetos En JS
- 6.16. Utilizando La Declaración Class Para Instanciar Objetos En JS
- 6.17. Ejercicio Registro De Usuarios – ¡Practiquemos El Uso De Clases Y Todo Lo Aprendido Hasta Ahora
- 6.18. Ejercicio Registro De Usuarios – Añadiendo Funcionalidad Al Botón Registrarse
- 6.19. Ejercicio Registro De Usuarios – Creando El Formulario De Registro De Usuarios
- 6.20. Ejercicio Registro De Usuarios – Creando La Clase Usuario
- 6.21. Ejercicio Registro De Usuarios – Añadiendo La Funcionalidad De Registrar Un Nuevo Usuario
- 6.22. Ejercicio Registro De Usuarios – Guardando Un Nuevo Usuario En El LocalStorage
- 6.23. Ejercicio Registro De Usuarios – Principios De Validación De Formularios
- 6.24. Ejercicio Registro De Usuarios – Verificando Usuarios Repetidos
- 6.25. Ejercicio Registro De Usuarios – Añadiendo Detalles Al Proyecto
- Material Adicional: Archivos del Ejercicio – Registro Usuarios
- Práctica # 6
- Reto Extra – ¡Desarrollemos una calculadora en la Web!
- Sesión 6
