Curso de Programación en JavaScript

Curso gratis · Principiante · 9 unidades

Aprende JavaScript desde las variables y las funciones hasta el DOM, los eventos, el código asíncrono y las API web, y organiza el código con módulos y herramientas modernas. Después podrás crear funcionalidades interactivas de front-end sin un framework.

Por Studeli

Empieza por la unidad 1

¿Es este curso de JavaScript para ti?

Para quién es

Empieza aquí si sabes crear páginas con HTML y CSS y quieres hacerlas interactivas, aunque nunca hayas programado.

Lo que necesitas antes

Lo que aprenderás en 9 unidades

Cada unidad incluye las nueve herramientas de estudio

  • Guía de Estudio
  • Resumen
  • Lecciones Interactivas
  • Preguntas de Práctica
  • Flashcards
  • Explícalo
  • Términos Clave
  • Hoja de Repaso
  • Mapa Conceptual
  1. Escribe JavaScript con variables, tipos, operadores y condiciones, y ejecútalo y depúralo en la consola del navegador.

    6 objetivos de aprendizaje
    1. 1.Ejecuta JavaScript en una página web
    2. 2.Almacena valores en variables con let y const
    3. 3.Trabaja con números, cadenas de caracteres y booleanos
    4. 4.Convierte entre tipos y predice la conversión implícita
    5. 5.Toma decisiones con comparaciones y condiciones
    6. 6.Encuentra y corrige errores con la consola y el depurador
  2. Repite tareas con bucles y procesa listas de datos con métodos de arrays como map, filter, find y reduce.

    5 objetivos de aprendizaje
    1. 1.Repite código con bucles
    2. 2.Almacena y modifica listas de datos en arrays
    3. 3.Recorre arrays con bucles
    4. 4.Procesa arrays con métodos que reciben funciones de devolución de llamada
    5. 5.Ordena, copia y combina arrays
  3. Escribe declaraciones de función y funciones flecha, explica el ámbito y los cierres, y pasa funciones a otras funciones como funciones de devolución de llamada.

    5 objetivos de aprendizaje
    1. 1.Define y llama a funciones de tres formas
    2. 2.Pasa valores a funciones y obtén resultados
    3. 3.Explica dónde se puede usar una variable
    4. 4.Usa cierres para dar a las funciones su propia memoria
    5. 5.Pasa funciones a otras funciones
  4. Modela datos con objetos, usa la desestructuración y la propagación, explica la palabra clave this y convierte datos a JSON y de JSON a valores.

    5 objetivos de aprendizaje
    1. 1.Modela datos con objetos
    2. 2.Da comportamiento a los objetos con métodos y this
    3. 3.Extrae y combina datos con desestructuración, propagación y resto
    4. 4.Almacena colecciones con Map y Set
    5. 5.Convierte datos a JSON y de JSON a valores
  5. Selecciona, modifica, crea y elimina elementos de la página con la API del DOM para que la página se actualice sin recargarse.

    6 objetivos de aprendizaje
    1. 1.Comprende cómo una página web se convierte en un árbol DOM
    2. 2.Selecciona los elementos con los que quieres trabajar
    3. 3.Modifica el texto y los atributos de los elementos
    4. 4.Modifica el aspecto de los elementos
    5. 5.Crea, inserta y elimina elementos
    6. 6.Renderiza listas y tablas a partir de datos
  6. Responde a clics, pulsaciones de teclas y datos de entrada de formularios con detectores de eventos, y valida los formularios antes del envío.

    5 objetivos de aprendizaje
    1. 1.Responde a eventos con detectores de eventos
    2. 2.Sigue los eventos en su recorrido por la página
    3. 3.Maneja la entrada del teclado y del puntero
    4. 4.Maneja formularios y valida los datos de entrada antes del envío
    5. 5.Construye controles personalizados que todos puedan usar
  7. Explica el bucle de eventos y escribe código asíncrono con funciones de devolución de llamada, promesas y funciones asíncronas, incluido el manejo de errores.

    6 objetivos de aprendizaje
    1. 1.Explica cómo ejecuta JavaScript el código asíncrono
    2. 2.Escribe y gestiona código basado en funciones de devolución de llamada
    3. 3.Crea y usa promesas
    4. 4.Escribe código asíncrono con async y await
    5. 5.Maneja errores en código asíncrono
    6. 6.Ejecuta tareas asíncronas en paralelo
  8. Carga y envía datos con fetch y API web con JSON, muestra los resultados en una página y almacena pequeñas cantidades de datos en el navegador.

    5 objetivos de aprendizaje
    1. 1.Solicita y envía datos con fetch
    2. 2.Muestra datos de una API en una página
    3. 3.Trabaja de forma segura con API de otros orígenes
    4. 4.Almacena datos en el navegador
    5. 5.Usa funciones del dispositivo mediante las API del navegador
  9. Organiza el código con módulos de ECMAScript y clases, instala paquetes con npm y usa herramientas de desarrollo como linters, empaquetadores y ejecutores de pruebas.

    5 objetivos de aprendizaje
    1. 1.Modela objetos con clases y prototipos
    2. 2.Organiza el código en módulos de ECMAScript
    3. 3.Gestiona un proyecto y sus paquetes con npm
    4. 4.Comprueba, prueba y compila código con herramientas de desarrollo
    5. 5.Sitúa TypeScript y los marcos de trabajo en la cadena de herramientas de JavaScript

Qué estudiar después

Más cursos de Programación
Antes de este curso: Fundamentos de desarrollo web (Principiante)

Empieza aquí si quieres crear tus propias páginas web desde cero y nunca has escrito HTML ni CSS.

Crea tus propios Materiales de Estudio

Convierte tus notas, diapositivas y documentos en Guías de Estudio, Preguntas de Práctica, Flashcards y 6 herramientas más.

Comenzar