Curso de JavaScript desde cero

Aprende JavaScript totalmente desde cero

Lleva el desarrollo web a otro nivel


Sobre el curso de JavaScript

Te doy la bienvenida a este nuevo curso de JavaScript, el cuál va a ser muy largo, ya te lo aviso por si quieres echarte atrás.
Si no tienes miedo a aprender y quieres dedicarte al desarrollo web, este curso seguro que es para tí.
El curso va a estar dividido por niveles, los cuales empiezan con el nivel 1 con JavaScript vanilla, es decir JavaScript puro y duro desde cero.

Cuando acabes con los primeros niveles de JavaScript vanilla tengo pensado añadir varios niveles más con frameworks y bibliotecas. El curso tendrá también algunos proyectos y cientos de ejercicios para que vayas practicando con cada capítulo.


Requisitos del curso:

  • Tener un PC o un dispositivo móvil con el que programar y poder probar los resultados.
  • Tener al menos un navegador para probar los resultados.
  • Instalar los programas que te iré indicando a lo largo del curso.
  • html y css (tienes cursos de html y css aquí por si no has aprendido todavía).

Este curso está pensado para que puedas empezar continuar aprendiendo sobre el desarrollo web. Está pensado para seguir los cursos anteriores de hmtl y css. Esto no quiere decir que si ya sabes de html o css tengas que hacerlos.

Cualquier duda que te surja sobre el curso, déjame un comentario.


Aquí tienes la lista de reproducción del curso en mi canal de YouTube. Podrás seguirlo tanto en vídeo cómo escrito.

  • Duración total del curso (vídeos): 9 horas, 50 minutos y 33 segundos.
  • Número de capítulos: 56.
  • Media de duración de los capítulos (vídeos): 9 minutos y 13 segundos.

Temario del curso

Capítulo Título Categoría Nivel
1 Introducción a JavaScript Introducción 1 - JavaScript Vanilla básico
2 Ubicación del código JavaScript, case sensitive y espacios en blanco. Sintaxis 1 - JavaScript Vanilla básico
3 ¿Qué son las variables en JavaScript? Variables 1 - JavaScript Vanilla básico
4 Palabras reservadas y clave - Identificadores y la consola Palabras del lenguaje, normas y consola 1 - JavaScript Vanilla básico
5 Diferencia entre var y let - console.log y convenciones de nombrado de identificadores Palabras del lenguaje, normas y consola 1 - JavaScript Vanilla básico
6 Tipos de datos primitivos y especiales Tipos de datos 1 - JavaScript Vanilla básico
7 Los comentarios en JavaScript Comentarios 1 - JavaScript Vanilla básico
8 Los strings 1 - El escape de caracteres y document.write() Strings 1 - JavaScript Vanilla básico
9 Los strings 2 - El método charAt() Strings 1 - JavaScript Vanilla básico
10 Los tipos de números en JavaScript y operadores aritméticos básicos Numbers y matemáticas 1 - JavaScript Vanilla básico
11 Introducción a los arrays en JavaScript Arrays 1 - JavaScript Vanilla básico
12 Concatenar strings Strings 1 - JavaScript Vanilla básico
13 Convertir strings a number y viceversa Strings, numbers y conversiones 1 - JavaScript Vanilla básico
14 Los operadores de incremento y decremento, exponenciación, módulo y asignación Operadores 1 - JavaScript Vanilla básico
15 Los operadores de comparación Operadores 1 - JavaScript Vanilla básico
16 El condicional if else Condicionales 1 - JavaScript Vanilla básico
17 La entrada de datos con prompt Entrada de datos 1 - JavaScript Vanilla básico
18 Múltiples condicionales if - Anidación Condicionales y videojuegos 1 - JavaScript Vanilla básico
19 Los operadores lógicos Operadores y condicionales 1 - JavaScript Vanilla básico
20 Añadiendo else if al condicional if else Condicionales 1 - JavaScript Vanilla básico
21 El condicional switch Condicionales 1 - JavaScript Vanilla básico
22 El bucle for Bucles 1 - JavaScript Vanilla básico
23 El bucle while Bucles 1 - JavaScript Vanilla básico
24 Uso de break y continue en bucles - Bucles infinitos - Decremento en bucles - Condicionales en bucles Bucles 1 - JavaScript Vanilla básico
25 El bucle do while Bucles 1 - JavaScript Vanilla básico
26 Bucles - Proyecto 1 Bucles, proyectos 1 - JavaScript Vanilla básico
27 Las funciones Funciones 1 - JavaScript Vanilla básico
28 El alcance o scope de las variables - Diferencias var y let Variables 1 - JavaScript Vanilla básico
29 Como crear una calculadora - Proyecto 2 Funciones, condicionales, proyectos 1 - JavaScript Vanilla básico
30 Las constantes Constantes 1 - JavaScript Vanilla básico
31 Introducción a los eventos Eventos 2 - JavaScript Vanilla medio
32 Introducción a los objetos Objetos 2 - JavaScript Vanilla medio
33 Crear métodos en objetos, utilizar sus propiedades y ¿Qué es this? Objetos 2 - JavaScript Vanilla medio
34 Notaciones en los objetos y espacios de nombre (namespaces) Objetos 2 - JavaScript Vanilla medio
35 Como añadir y modificar propiedades de los objetos Objetos 2 - JavaScript Vanilla medio
36 Como eliminar y almacenar propiedades y métodos de los objetos Objetos 2 - JavaScript Vanilla medio
37 ¿Qué es la programación orientada a objetos? Programación orientada a objetos 2 - JavaScript Vanilla medio
38 ¿Cómo se crea una función constructora de objetos? Programación orientada a objetos, funciones constructoras 2 - JavaScript Vanilla medio
39 Acceso y modificaciones en objetos instanciados Programación orientada a objetos, funciones constructoras 2 - JavaScript Vanilla medio
40 ¿Cómo se añaden métodos a las funciones constructoras? - El uso de create() y Object() Programación orientada a objetos, funciones constructoras 2 - JavaScript Vanilla medio
41 ¿Qué son las clases? Programación orientada a objetos, funciones constructoras, clases 2 - JavaScript Vanilla medio
42 Como utilizar el método de String charCodeAt y la propiedad length Strings 2 - JavaScript Vanilla medio
43 Dividir string en caracteres y Proyecto 3 - Conversor de texto a Unicode Strings, proyectos 2 - JavaScript Vanilla medio
44 El método slice() de String Strings 2 - JavaScript Vanilla medio
45 Introducción a las fechas en JavaScript Fechas 2 - JavaScript Vanilla medio
46 Métodos de Date() Fechas 2 - JavaScript Vanilla medio
47 Fechas en español con JavaScript Fechas 2 - JavaScript Vanilla medio
48 Introducción al DOM y al BOM DOM y BOM 3 - JavaScript Vanilla DOM/BOM
49 El árbol del DOM DOM 3 - JavaScript Vanilla DOM/BOM
50 El manejo de elementos del DOM por ID y las herramientas de desarrollo DOM 3 - JavaScript Vanilla DOM/BOM
51 ¿Cómo moverte entre los elementos del documento? Elemento siguiente, anterior... DOM 3 - JavaScript Vanilla DOM/BOM
52 ¿Cómo obtener el valor de las etiquetas HTML? DOM 3 - JavaScript Vanilla DOM/BOM
53 ¿Cómo obtener valores de tablas con JavaScript? DOM, tablas 3 - JavaScript Vanilla DOM/BOM
54 Funciones para iterar tablas - Proyecto 4 DOM, tablas, proyectos 3 - JavaScript Vanilla DOM/BOM
55 Modificando elementos del DOM DOM, Eventos 3 - JavaScript Vanilla DOM/BOM
56 Los eventos del ratón (mouse) DOM, Eventos 3 - JavaScript Vanilla DOM/BOM
1S Soluciones para los ejercicios de JavaScript - Página 1 Ejercicios 1 - JavaScript Vanilla básico
2S Soluciones para los ejercicios de JavaScript - Página 2 Ejercicios 1 - JavaScript Vanilla básico
3S Soluciones para los ejercicios de JavaScript - Página 3 Ejercicios 1 - JavaScript Vanilla básico
4S Soluciones para los ejercicios de JavaScript - Página 4 Ejercicios 2 - JavaScript Vanilla medio
5S Soluciones para los ejercicios de JavaScript - Página 5 Ejercicios 2 - JavaScript Vanilla medio
6S Soluciones para los ejercicios de JavaScript - Página 6 Ejercicios 3 - JavaScript Vanilla DOM/BOM

Comentarios

Si te quedan dudas sobre el temario, sobre JavaScript o cualquier otra cosa relacionada o simplemente quieres agradecer, aquí tienes tu sitio para dejar tu granito de arena. Gracias por tus comentarios y por darle vida a este sitio web.

Capítulos del curso

curso de JavaScript

Introducción a JavaScript

Capítulo 1

Una pequeña introducción al curso.

curso de JavaScript

Primeras normas de sintaxis y ubicación del código

Capítulo 2

Empezamos fuerte en este segundo capítulo viendo donde escribir código JavaScript, algunas normas sintácticas y alguna cosa más.

curso de JavaScript

¿Qué son las variables en JavaScript?

Capítulo 3

En este tercer capítulo, dejamos atrás las introducciones para ir de lleno con el código. En este caso empezamos por lo más básico de todo lenguaje, las variables, siempre presentes.

curso de JavaScript

Palabras reservadas y clave - Identificadores y la consola

Capítulo 4

Vamos a ver varias cosas en este capítulo, los identificadores, las palabras reservadas y las palabras clave (keywords) del lenguaje y la consola de JavaScript.

curso de JavaScript

Diferencia entre var y let - console.log y convenciones de nombrado de identificadores

Capítulo 5

En este quinto capítulo te voy a explicar el motivo por el cual tenemos dos formas de declarar variables en JavaScript, var y let. Además, aprovecho para enseñarte también las convenciones para escribir nombres de identificadores.

curso de JavaScript

Tipos de datos primitivos y especiales

Capítulo 6

En este sexto capítulo vas a ver los tipos de datos en JavaScript, algo totalmente imprescindible para saber tratarlos y evitar errores. También verás el tipado de JavaScript.

curso de JavaScript

Los comentarios en JavaScript

Capítulo 7

En este séptimo capítulo vas a ver para que son los comentarios y cuales son las formas de crearlos. Un tema muy simple pero importante.

curso de JavaScript

El escape de caracteres y document.write

Capítulo 8

Vamos a ver unas cuantas cosas sobre los strings y document.write()

curso de JavaScript

El método charAt()

Capítulo 9

Ya es hora de empezar a utilizar métodos con los strings.

curso de JavaScript

Los tipos de números en JavaScript y operadores aritméticos básicos

Capítulo 10

Dejamos un poco los strings para ir a por los tipos de datos numéricos.

curso de JavaScript

Introducción a los arrays en JavaScript

Capítulo 11

Este capítulo número 11 lo voy a dedicar a explicar un poquito por encima lo que son los arrays. Un tema que ya empieza a poner mucho más interesante el curso, ya que dan para hacer muchas cosas.

curso de JavaScript

Concatenar strings

Capítulo 12

Voy a tratar un tema crucial como es la concatenación.

curso de JavaScript

Convertir strings a number y viceversa

Capítulo 13

En este capítulo aprenderás a convertir un string con un valor numérico a tipo de dato number y un number a string.

curso de JavaScript

Los operadores de incremento y decremento, exponenciación, módulo y asignación

Capítulo 14

Capítulo 14 bastante cargadito, ya que voy a enseñarte los operadores de incremento y decremento, exponenciación, módulo y asignación.

curso de JavaScript

Los operadores de comparación

Capítulo 15

En este capítulo te voy a enseñar los operadores de comparación, algo que necesitarás saber antes de ponerte con los condicionales.

curso de JavaScript

El condicional if else

Capítulo 16

Estamos en un punto necesario para cualquier lenguaje de programación, los condicionales. Estos nos permiten crear programas capaces de tomar decisiones de todo tipo.

curso de JavaScript

La entrada de datos con prompt

Capítulo 17

Me voy a desviar por un capítulo de los condicionales para enseñarte algo que vamos a utilizar en ellos, y no solo en ellos.

curso de JavaScript

Múltiples condicionales if

Capítulo 18

Seguimos con el condicional if else. En este punto vamos un poco más allá gracias a la anidación, ya que podremos crear condiciones más complejas.

curso de JavaScript

Los operadores lógicos

Capítulo 19

Gracias a los operadores lógicos puedes ir encadenando más de una condición en los condicionales.

curso de JavaScript

Añadiendo else if al condicional if else

Capítulo 20

Seguimos con los condicionales. Hasta ahora has visto como hacer expresiones simples con un operador y dos valores y expresiones compuestas con varios operadores y valores.

curso de JavaScript

El condicional switch

Capítulo 21

El condicional if else es muy útil cuando nuestras condiciones son pocas y necesitamos poner trozos de código considerables. En cambio, hay veces en las que queremos poner muchas condiciones y poco código. En estas situaciones suele ser mejor el condicional switch que veremos a continuación.

curso de JavaScript

El bucle for

Capítulo 22

Por fin llegamos a otro de los temas interesantes de la programación, los bucles. En concreto, en este capítulo te voy a mostrar como escribir y como funciona el bucle for.

curso de JavaScript

El bucle while

Capítulo 23

En este capítulo vas a ver el bucle while, otro de los tipos de bucles de JavaScript.

curso de JavaScript

Uso de break y continue en bucles - Bucles infinitos - Decremento en bucles - Condicionales en bucles

Capítulo 24

En los bucles también puedes utilizar condicionales, esto te permitirá que ocurran cosas diferentes en determinadas iteraciones, de este modo podemos añadir mayor complejidad a los bucles.

curso de JavaScript

El bucle do while

Capítulo 25

Terminamos de ver los bucles con el bucle do while.

curso de JavaScript

Bucles - Proyecto resuelto #1

Capítulo 26

Llegados a este punto en el curso es hora de hacer un pequeño ejercicio práctico algo más complejo, no mucho, no te asustes.

curso de JavaScript

Las funciones

Capítulo 27

Comenzamos con nuevo tema muy útil, imprescindible e interesante, las funciones.

curso de JavaScript

El alcance o scope de las variables - Diferencias var y let

Capítulo 28

JavaScript es un lenguaje algo peculiar a la hora de definir los alcances de las variables, y no lo digo en el mal sentido.

curso de JavaScript

Como crear una calculadora - Proyecto resuelto #2

Capítulo 29

Hasta ahora hemos visto funciones muy sencillas y sin ningún objetivo. Ha llegado el momento de añadir un poco de dificultad y de realizar algo un poco más útil, una calculadora.

curso de JavaScript

Las constantes

Capítulo 30

Terminamos el curso básico con las constantes de JavaScript. Por supuesto, esto no termina aquí, en el siguiente capítulo empieza el curso de nivel medio.

curso de JavaScript

Introducción a los eventos

Capítulo 31

Dejamos atrás la parte básica del curso para dar paso al nivel medio. Nivel que voy a inaugurar con una Introducción a los eventos de JavaScript.

curso de JavaScript

Introducción a los objetos

Capítulo 32

Seguimos avanzando viendo otro tema totalmente nuevo, los objetos de JavaScript. Algo que hemos estado utilizando en verdad durante todo el curso pero en el cual no hemos indagado en su interior todavía.

curso de JavaScript

Crear métodos en objetos, utilizar sus propiedades y ¿Qué es this?

Capítulo 33

Seguimos con los objetos. En este capítulo vas a ver como crear métodos en los objetos y como utilizar sus propiedades. Además, te explico para que sirve this en los objetos de JavaScript.

curso de JavaScript

Notaciones en los objetos y espacios de nombre (namespaces)

Capítulo 34

En este capítulo te muestro tipos de notaciones para acceder a los elementos de los objetos y los espacios de nombre.

curso de JavaScript

¿Cómo añadir y modificar propiedades de los objetos?

Capítulo 35

Ahora que ya sabes llamar a propiedades y métodos de los objetos, ha llegado el momento de que aprendas a añadirles y modificarles sus propiedades.

curso de JavaScript

¿Cómo eliminar y almacenar propiedades y métodos de los objetos?

Capítulo 36

En este capítulo te voy a enseñar a eliminar las propiedades y los métodos de un objeto. También te muestro como almacenar sus valores en variables por si no lo habías pensado.

curso de JavaScript

¿Qué es la programación orientada a objetos?

Capítulo 37

Hasta ahora, has visto como crear objetos literales y como trabajar con ellos. Ha llegado el momento de que aprendas la teoría de la programación orientada a objetos para poder utilizar todas las ventajas de ellos.

curso de JavaScript

¿Cómo se crea una función constructora de objetos?

Capítulo 38

JavaScript no funciona del todo igual con las clases que otros lenguajes de programación. Este lenguaje emplea funciones especiales conocidas como constructoras para crear objetos.

curso de JavaScript

Acceso y modificaciones en objetos instanciados

Capítulo 39

Seguimos con las funciones constructoras en este capítulo.

curso de JavaScript

¿Cómo se añaden métodos a las funciones constructoras? - El uso de create() y Object()

Capítulo 40

En este capítulo vas a ver como añadir métodos a las funciones constructoras, el uso del método create() y como funciona el constructor Object().

curso de JavaScript

¿Qué son las clases?

Capítulo 41

Último capítulo de momento sobre la programación orientada a objetos, en el que vas a ver lo que son las clases de JavaScript y si realmente son clases estrictamente hablando.

curso de JavaScript

¿Cómo utilizar el método de String charCodeAt y la propiedad length?

Capítulo 42

Cambiamos totalmente de tema para descansar un poco de la programación orientada a objetos. Volvemos a los strings.

curso de JavaScript

Dividir string en caracteres y Proyecto #3 - Conversor de texto a Unicode

Capítulo 43

En este capítulo vas a ver como dividir un string por sus caracteres o por un patrón diferente con el método split().

curso de JavaScript

El método slice() de String

Capítulo 44

En este capítulo seguimos con el manejo de los strings. En esta ocasión aprenderás a utilizar el método slice().

curso de JavaScript

Introducción a las fechas de JavaScript

Capítulo 45

Comenzamos tema nuevo, las fechas en JavaScript.

curso de JavaScript

Métodos de Date()

Capítulo 46

En este capítulo vas a ver el uso práctico de algunos métodos con Date().

curso de JavaScript

Fechas en español con JavaScript

Capítulo 47

Las fechas que nos muestra JavaScript no son muy bonitas, nos aparecen datos que no queremos. Una forma de sacar una fecha en un formato mejor presentado es mediante el uso del método toLocaleString().

curso de JavaScript

Introducción al DOM y BOM

Capítulo 48

Comenzamos la tercera parte del curso, la del manejo del navegador, documentos, etc.

curso de JavaScript

El árbol del DOM

Capítulo 49

Seguimos avanzando con el manejo del DOM. En este capítulo te voy a mostrar como funciona el árbol del DOM.

curso de JavaScript

El manejo de elementos del DOM por ID y las herramientas de desarrollo

Capítulo 50

Seguimos viendo más cosas sobre el DOM. Empecemos con las herramientas de desarrolladores.

curso de JavaScript

¿Cómo moverte entre los elementos del documento? Elemento siguiente, anterior...

Capítulo 51

Una vez más, continuamos con el manejo del DOM.

curso de JavaScript

¿Cómo obtener el valor de las etiquetas HTML?

Capítulo 52

Hasta ahora, has visto como indicar un nodo por su ID con getElementById. Veamos en este capítulo una nueva forma de acceder a los elementos del DOM.

curso de JavaScript

¿Cómo obtener valores de tablas con JavaScript?

Capítulo 53

En esta ocasión, te voy a enseñar a utilizar las tablas con el DOM. Te enseñaré a analizar las tablas html y a obtener sus datos de manera individual o de manera masiva con bucles.

curso de JavaScript

Funciones para iterar tablas - Proyecto #4

Capítulo 54

En JavaScript, tenemos unas propiedades muy útiles para trabajar con tablas. Se trata de rows y cells.

curso de JavaScript

Modificando elementos del DOM

Capítulo 55

Hasta ahora hemos visto como acceder a los elementos del DOM. ¿Qué tal si ahora pasamos a generarlos desde JavaScript?

curso de JavaScript

Los eventos del ratón (mouse)

Capítulo 56

En este capítulo te mostraré como funcionan los eventos con el ratón (mouse) y de pantallas táctiles.

curso de React

Siguiente nivel en el curso - REACT

Seguimos con el curso en la parte de REACT.

Ejercicios resueltos de JavaScript

Ejercicios JavaScript

Ejercicios 1

Capítulos 1 - 10

Página de soluciones de ejercicios de JavaScript desde el capítulo 1 al 10 del curso.

Ejercicios JavaScript

Ejercicios 2

Capítulos 11 - 20

Página de soluciones de ejercicios de JavaScript desde el capítulo 11 al 20 del curso.

Ejercicios JavaScript

Ejercicios 3

Capítulos 21-30

Página de soluciones de ejercicios de JavaScript desde el capítulo 21 al 30 del curso.

Ejercicios JavaScript

Ejercicios 4

Capítulos 31-40

Página de soluciones de ejercicios de JavaScript desde el capítulo 31 al 40 del curso.

Ejercicios JavaScript

Ejercicios 5

Capítulos 41-50

Página de soluciones de ejercicios de JavaScript desde el capítulo 41 al 50 del curso.

Ejercicios JavaScript

Ejercicios 6

Capítulos 51-56

Página de soluciones de ejercicios de JavaScript desde el capítulo 51 al 56 del curso.

Para seguir aprendiendo

Curso de Máster en Python

Curso Máster en Python

Nivel PF8

El curso más grande de la red. En este curso, trato todo tipo de temas de Python. Os enseño lo más básico y profundizamos en cientos de temas para que te conviertas en profesional de Python. El curso cuenta con miles de ejercicios, proyectos prácticos y mucho más.

Curso de SQL de cero a avanzado

Curso Máster en SQL

Nivel PF3

Os traigo un curso totalmente gratuito y completo para que aprendáis a manejar SQL y lo apliquéis a los diferentes tipos que hay, como MySQL, PostgreSQL, MariaDB, SQLite…