Tutorial Javascript. Aprende JS paso a paso y gratis. Apuntes de alumno.

En este tutorial Javascript encontraréis los resúmenes de clase de la asignatura de JS del curso de confección y publicación de páginas web IFCD0110.

Los apuntes están pensados para todos los niveles. Usarlos a modo de repaso de los conocimientos adquiridos en clase.

Si estás estudiando en fuentes alternativas pueden ser un buen complemento para tu aprendizaje.

Javascript es un lenguaje de script apasionante que nos permite dotar una página web  de dinamismo.

Es una gran herramienta para introducirse en el mundo de la programación.

Aprender JS te ayudará a romper el hielo.

Inicialmente, sobre todo si nunca antes habéis programado, veréis como os cuesta asimilar los conceptos. Es necesario equivocarse para poder aprender.

Pero con un poco de esfuerzo recogeréis frutos y cada vez os plantearéis retos más ambiciosos.

Temáticas JS de este tutorial

  1. Primero hay que aprender la sintaxis y el vocabulario del lenguaje.
  2. A continuación hay que familiarizarse con el código y aprender la lógica de programación.
  3. Más adelante se interactuará con el DOM y el BOM.
  4. Podréis entonces empezar a plantear animaciones.
  5. Y después llegará el momento de reciclar todo lo aprendido mediante el uso de una librería de javascript llamada jQuery.

Algunos consejos antes de lanzarse a aprender Javascript

Lo bonito de javascript es que cuando le pillas el tranquillo después quieres más.

Ser pacientes y no tiréis la toalla. El simple hecho de haber llegado a esta compendio de publicaciones significa que ya tenéis una inquietud.

Palabras como jquery, json, angular es posible que ahora queden muy lejanas pero si llegáis hasta al final de este tutorial muy probablemente veréis como les vais perdiendo el respeto.

En este índice encontraréis el conjunto de entradas ordenadas que resumen los conceptos necesarios para aprender este lenguaje desde la base.

Las iré desarrollando a medida que vaya impartiendo más formaciones y las iré complementando con vídeos explicativos y ejercicios.

Estas publicaciones están pensadas para mis alumnos y para aquellos que queráis aprender web.

Aunque todo requiere un tiempo así que estar atentos.

Esta sección poco a poco se irá transformando en un completo tutorial gratuito sobre Javascript.

Índice de contenidos de la guía

Ejercicios Javascript

La siguiente colección de ejercicios y prácticas está ordenada siguiendo el orden de conceptos de este tutorial.

Todos los ejercicios están concebidos para usar javascript puro. Aquí no encontrarás jquery. Para ello te remito al tutorial jquery.

  1. Ejercicio 21 – Análisis de un documento web mediante llamadas al DOM.
  2. Ejercicio 22 – Escribir el nombre y apellidos de un usuario en el documento web dentro de una caja html.
  3. Ejercicio 23 – Introducir una imagen aleatoria en un documento web al hacer clic en un botón.
  4. Ejercicio 24. Modificar el destino de todos los enlaces de un documento web con javascript puro.
  5. Ejercicio 25. La lista de recordatorios. Crear y borrar nodos.
  6. Ejercicio 26. El Pokemon corredor.
  7. Ejercicio 27. Programación de un susto emergente.
  8. Ejercicio 27. ¡Música maestro!
  9. Ejercicio 28. Cronómetro.
  10. Ejercicio 29. Salvapantallas de imágenes aleatorias.
  11. Ejercicio 30. Formulario con campos ocultos (compatible con wordpress)
  12. Ejercicio 31. Ventana emergente pasado un tiempo en la web.
  13. Ejercicio 32. Lista de la compra perfeccionada con cookies.
  14. Ejercicio 33. Coche que acelera o frena.
  15. Ejercicio 34. Formulario para mayores de edad.
  16. Ejercicio 35. El caso del cajetín que cambia de lugar y no se puede cerrar.
  17. Ejercicio 36. Depuración de errores JS.

Últimos contenidos sobre Javascript del blog

Javascript es un lenguaje basado en métodos. Existen muchos métodos predefinidos que afectan a arrays, strings, números y casi cualquier variable de tipo objeto. Veamos un resumen de los más importantes en esta entrada....

En esta entrada vamos a hablar sobre el ámbito (scope) de las variables en javascript. Voy a suponer que ya sabes declarar y usar funciones y que  también tienes claro el concepto de variable y su sintaxis en js. Si lo tienes oxidado lee primero las entradas de JS anteriores....

Una función es una estructura de código que ejecuta y transforma unos inputs de entrada en un output de salida en forma de dato o acción. Hemos trabajado con funciones toda nuestra vida. Las aprendimos de bien pequeños en el colegio. Y por lo tanto ahora no os debería asustar. Sois buenos conocidos....

En programación se dice que una variable es un recurso de memoria del ordenador reservado para alojar una información. En Javascript existen 5 tipos de variables: textos, números, booleanos, objetos y funciones. Las listas y las fechas son un tipo especial de objeto....

Javascript es un lenguaje. Tiene una sintaxis y una gramática básicas que hay que aprender. Vemos cuales son estas normas para el caso de las variables en JS y dónde debes hacer hincapié en no equivocarte. Verás también ejemplos de lo que es correcto o incorrecto....

El javascript es un lenguaje que se olvida a una velocidad de vértigo si no se practica. Es importante tener unos buenos apuntes ;) Hoy presento instrucciones básicas que sirven para empezar con scripts sencillos. window.prompt( ), console.log( ), window.alert( ), document.write( ) y lo enlazamos con las sesiones previas. Encontraréis todas las entradas relacionadas accediendo a la categoría "javascript" en el lateral de la página....

En entradas anteriores hemos visto el origen de javascript como una de las aportaciones de Netscape a la web y como un lenguaje muy útil para aprender a programar. Este lenguaje de script nos permite modificar la estructura, el contenido o los estilos de las etiquetas html de un documento web. Existen varios métodos para acoplar el javascript en un proyecto web....

¿Qué es programar? Programar es indicar a una máquina que siga un conjunto ordenado de instrucciones. Es una acción cotidiana que realizamos sin apercibirnos cuando seguimos una receta de cocina. Y siempre seguimos una misma estructura básica....

Javascript es un lenguaje de programación de lado cliente que ha cambiado Internet tal y como lo conocemos a día de hoy. Junto con el html y el css es uno de los 3 pilares del diseño web. Es un requerimiento indispensable para cualquier diseñador web que quiera hacer mejores webs o cualquier programador web que aspira a otros lenguajes de programación. Su historia es apasionante....