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

Inicio > Tutorial Javascript. Aprende JS paso a paso y gratis. Apuntes de alumno. (Page 8)

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

  1. La apasionante historia del javascript resumida
  2. Que es un programa. Nuestro primer programa
  3. Comentarios
  4. Concepto de acoplamiento en Javascript
  5. Instrucciones básicas para empezar a familiarizarse con Javascript. Window.alert(), Window.prompt(), console.log(), document.write()
  6. La etiqueta noscript
  7. Variables. Sintaxis básica.
  8. Como saber dónde falla tu script cuando no encuentras el error.
  9. Palabras reservadas que no se deben usar para declarar variables
  10. Operaciones y tipo de variables: numéricas, texto, booleanos, listas, objetos
  11. Funciones
  12. Scope de las variables en Javacript
  13. Métodos para arrays, números y strings
  14. Métodos imprescindibles para trabajar con fechas
  15. Cómo escapar carácteres en Javascript
  16. Ejemplo de constructor
  17. Instrucciones iterativas y condicionales.
  18. Diferencias y similitudes entre while y for

  1. Resumen de carácteres extraños {}, [], (), :, ;, ,
  2. El Document Object Model (DOM). Qué és?
  3. Como llamar/identificar a los nodos de un documento web.
  4. Acceder y modificar los nodos de javascript
  5. Insertar nuevos nodos en un documento web
  6. Eliminación de nodos en un documento web.
  7. Sustituir nodos en un documento web
  8. Introducción a las animaciones en Javascript: setInterval, clearInterval, setTimeout
  9. Introducción a los eventos Javascript
  10. Eliminar eventos Javascript .removeEventListener()
  11. Insertar y eliminar sonido en una página web
  12. Eliminar el comportamiento por defecto de un elemento html con .preventDefault()
  13. Validación de formularios web. Desactivar el envío de un formulario.
  14. Formulario que se envía automáticamente al rellenar los campos
  15. Instrucción this de javascript explicada paso a paso
  16. Validar formularios con try catch throw finally
  17. Crear, modificar, eliminar y detectar cookies con Javascript.

Otros contenidos sobre JS del blog

  1. Javascript no es difícil. Lo es el problema a resolver
  2. Las prisas nunca son buenas para aprender a programar
  3. Factores que afectan al tiempo de carga de una página web
  4. Función que crea un color aleatorio RGB o Hexadecimal
  5. Calcular el width y el height disponible en pantalla con onresize()

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 1 – Acoplamiento de un script.
  2. Ejercicio 2 – Corrige los errores. console, window, document
  3. Ejercicio 3 – Corrige los errores de sintaxis. Instrucciones básicas
  4. Ejercicio 4 – ¿Qué declaraciones de variables son erróneas?
  5. Ejercicio 5 – ¿Declaración errónea o correcta? Versión difícil.
  6. Ejercicio 6 – Escribir un mensaje guardado en una variable.
  7. Ejercicio 7 – Ejercicio sobre arrays, arreglos, listas, vectores o como le quieras llamar
  8. Ejercicio 8 – Corrige los errores de sintaxis en un objeto
  9. Ejercicio 9 – Cálculo del perímetro de un rectángulo mediante funciones
  10. Ejercicio 10 – Corrige los errores de sintaxis en unas funciones.
  11. Ejercicio 11 – Sumas con letras.
  12. Ejercicio 12- Diferencia entre x++ y ++x
  13. Ejercicio 13 – Uso de length y acceso a las posiciones de un array.
  14. Ejercicio 14 – Generación de fechas personalizadas.
  15. Ejercicio 15 – ¿Qué hora es? Programación de un reloj muy sencillo
  16. Ejercicio 16 – Programación de una ventana emergente cansina.
  17. Ejercicio 17 – Generación de encabezados html iterativamente
  18. Ejercicio 18 – Diccionario idioma A – idioma B con if y con for
  19. Ejercicio 19 – Traducir un programa resuelto con if a switch
  20. Ejercicio 20 – Función que escribe una tabla de multiplicar
  21. Ejercicio 21 – Programa que escribe las tablas de multiplicar del 1 al número indicado.
  22. Ejercicio 22 – Dibujar una escalera de 10 peldaños.
  23. Ejercicio 23 – Vamos a dormir. Hay 100 ovejas que contar.
  24. Ejercicio 24 – ¿Estamos en fin de semana?
  25. Ejercicio 25 – ¿Qué día de la semana es hoy?

  1. Ejercicio 26. – Generación de un dado de 6 caras.
  2. Ejercicio 27 – Generador de contraseñas aleatorias de n caracteres
  3. Ejercicio 28. – Ejercicios sobre condicionales
  4. Ejercicio 29. – Contar vocales en un texto.
  5. Ejercicio 30. – El juego del ahorcado numérico.
  6. Ejercicio 31 – Análisis de un documento web mediante llamadas al DOM.
  7. Ejercicio 32. Escribir el nombre y apellidos de un usuario en el documento web dentro de una caja html.
  8. Ejercicio 33. Introducir una imagen aleatoria en un documento web al hacer clic en un botón.
  9. Ejercicio 34. Modificar el destino de todos los enlaces de un documento web con javascript puro.
  10. Ejercicio 35. Anular el comportamiento por defecto de todos los enlaces de un documento web con javascript puro.
  11. Ejercicio 36. La lista de recordatorios. Crear y borrar nodos.
  12. Ejercicio 37. El Pokemon corredor.
  13. Ejercicio 38. Programación de un slider sin librerías externas.
  14. Ejercicio 39. Burbujas con frases motivacionales aleatorias.
  15. Ejercicio 40. Programación de un susto emergente.
  16. Ejercicio 41. ¡Música maestro!
  17. Ejercicio 42. Cronómetro.
  18. Ejercicio 43. Salvapantallas de imágenes aleatorias.
  19. Ejercicio 44. Formulario con campos ocultos (compatible con wordpress)
  20. Ejercicio 45. Ventana emergente de control de edad.
  21. Ejercicio 46. Menú vertical con submenú activado por javascript (sin jQuery)
  22. Ejercicio 47. Lista de la compra
  23. Ejercicio 48. Lista de la compra perfeccionada con cookies.
  24. Ejercicio 49. Control de edad a una página web con ventana emergente y recordatorio de usuario mediante cookies.
  25. Ejercicio 50. Venta emergente aviso ley de cookies.
  26. Ejercicio 51. Coche que acelera o frena.
  27. Ejercicio 52. Contenidos según cookies.
  28. Ejercicio 53. El caso del cajetín que cambia de lugar y no se puede cerrar.
  29. Ejercicio 54. Depuración de errores JS.

Últimos contenidos sobre Javascript del blog

Repasamos las distintas formas que existen de asociar eventos javascript a etiquetas html. Ya sea por acoplamiento directo o como evento semántico. Comparamos también con addEventListener()...

08 mayo, 2018 /