Skip to content

juangualberto/tutorial-html5js

Repository files navigation

\pagebreak

Tutorial de introducción a HTML5, CSS3 y al pensamiento computacional con JavaScript

Introducción

Este curso ha sido realizado para ayudar a nuestros alumnos durante los meses de confinamiento por la pandemia del COVID-19. Primavera del 2020.

Licencia de Creative Commons
Este obra está bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 4.0 Internacional.

Para seguir el curso te animamos a visitar este canal de Youtube donde podrás de seguir estas explicaciones.

Si estás viendo una copia en formato PDF o ePub del libro, recuerda que siempre puedes acceder a la última versión en el repositorio de Github.

Suponemos que tienes ciertas nociones de programación (sea por haber participado en alguna iniciativa como Codeweek o La hora del código o con alguna herramienta visual como Scratch).

Cómo usar el curso

Para cada entrega (semana) vamos creando una rama nueva, de tal manera que si quieres seguir el proyecto viendo los vídeos, sólo necesitarás cambiar a la rama de la semana del vídeo.

Resumen del curso

  1. Semana 1: HTML5 - Sintaxis básica y tablas.
    • Ejercicio: Plantilla de una página Web con hiperenlaces.
  2. Semana 2: HTML5 - El modelo de cajas.
    • Ejercicio: Esqueleto de una página Web.
  3. Semana 3: CSS3 - Con un poco de estilo. Menús.
    • Ejercicio horario de clase.
  4. Semana 4: JavaScript - ¡Hola Mundo!
    • Ejercicio: mostrar por consola las tablas de multiplicar.
  5. Semana 5: JavaScript - Variables, clases, métodos y funciones.
    • Ejercicio: Adivina en qué número pienso.
  6. Semana 6: JavaScript - El árbol DOM.
    • Ejercicio: Modificar el contenido de nuestra página al pulsar botón.
  7. Semana 7: JavaScript - Pensamiento computacional. Algoritmos.
    • Ejercicio: La letra del DNI.
  8. Semana 8: JavaScript - Almacenando datos.
    • Ejercicio: Guardando información en LocalStorage.

Objetivo

Al terminar el curso, habrás aprendido cómo funciona HTML5, CSS3 y algo de JavaScript y habrás generado un juego como éste:

Buscaminas jugando Buscaminas perdedor

Presentación del curso

Presentación del curso

About

Tutorial de introducción a HTML5, CSS3 y al pensamiento computacional con JavaScript

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published