Este repositorio incluye el material necesario para seguir las clases del curso de introducción al desarrollo web

En este curso se va a realizar un gestor de tareas. Se adjuntan dos carpetas:

• La carpeta boilerplate incluye unas "plantillas" que se irán completando a lo largo del curso.
• La carpeta final incluye el resultado final. Se recomienda no verlas. La solución correcta no es única. Se incluye a modo de referencia

Este documento es solamente un guión de la clase con algunas notas y referencias. No es un libro de texto ni apuntes.

• HTML5
  • Etiquetas estructurales de HTML5. header, footer...
  • Etiquetas de texto en línea. a, strong, em...
  • Etiquetas de texto en bloque. h1-h6, p, blockquote...
• CSS3
  • Organización del código.
  • Selectores.
  • Box-model. Propiedades padding, margin, border y box-sizing.
  • Propiedad position.
  • Otras propiedades.
• JavaScript
  • Introducción. Tipos de variables.
  • Programación funcional. Mutables vs. inmutables.
  • El árbol DOM.
  • Programación orientada a Eventos.
• NPM
  • Instalación de Node.js y NPM.
  • Organización de CSS: SCSS.
  • Organización de JavaScript: Webpack.

• Guía explicando secciones en HTML5
• Ejemplo de página en la que la cabecera está en una posición inusual
• Lista de etiquetas (en inglés)
• Lista de etiquetas (en español)

• a
• h1
• h2
• blockquote
• p
• ul
• li
• input
• button
• span

• Selectores CSS
• Discusión sobre cómo organizar el fichero CSS. Otra.

• Tipografía CSS font-family, font-weight, font-size
• Texto CSS text-decoration, text-align, line-height
• Color en CSS, background
• El modelo de la caja padding, margin, border, box-sizing
• Posiciones CSS: position, width, height, top, left, bottom, right
• box-shadow

• ¿Qué es el árbol DOM?
• El objeto DOM en JavaScript

• Arrays
  • método push
• Objeto document
  • método getElementById
  • método querySelector
  • método createElement
• Objetos element y node
  • propiedad appendChild
  • método getAttribute
  • método setAttribute
  • propiedad textContent
  • propiedad innerHTML
  • propiedad checked
• Objeto event
  • Propiedad key
  • Propiedad target
  • Propiedad currentTarget