Elementos HTML5

• Ejemplos de encabezados
• Ejemplos de párrafos
• Ejemplos de listas
• Ejemplos de énfasis de texto
• Ejemplos de enlaces
• Ejemplos de imágenes
• Ejemplos de tablas
• Ejemplos de formularios
• Ejemplos de cuadros de diálogo
• Ejemplos multimedia

Introducción

• Ejemplos de prioridad de aplicación de estilos
• Especificidad
• Ejemplo de selectores simples
• Ejemplo de selectores combinadores
• Ejemplo de pseudo-clases
• Ejemplo de pseudo-elementos
• Ejemplo de estilos por atributos

Propiedades

• Colores
• Fuentes
• Texto
• Display
• Dimensiones de un elemento (tamaño y relleno)
• Bordes y sombra
• Posicionado de elementos
• Elementos flotantes (float, clear y overflow)
• Control de la opacidad de elementos
• Alineción de elementos

Modelos de caja

• Flexbox

Browser Object Model con JavaScript

• Ejemplos básicos de manejo del BOM

Document Object Model con JavaScript

• Ejemplos básicos de manejo del DOM
• Ejemplos básicos de selección de elementos

Introducción a JavaScript

• Ejemplos básicos de JavaScript

• Problemas

  • Problemas con la ubicación de scripts internos
  • Problemas con la ubicación de scripts externos

• Soluciones

  • Solución script interno
  • Solución con script externo empleando el atributo async
  • Solución con script externo empleando el atributo defer

Características básicas de JavaScript

• Declaración de variables y su ámbito
• Tipos de datos y números
• Uso de las cadenas de texto
• Uso de arrays
• Objetos
• Funciones
• Condicionales
• Bucles
• Promesas

Ejemplos para aplicaciones básicas con JavaScript

• Eventos
• Formularios
• JSON
• BASE64
• Expresiones regulares

AJAX

• Introducción
• Eventos asociados a la petición
• FormData: procesar formularios
• Orígenes cruzados y CORS

Fetch

• Introducción

React

Para analizar cada ejemplo vaya a cada uno de los enlaces, abra el inspector (F12) y revise la consola y los scripts que tienen cada página.

• Elemento básico con React.
• Emplear JSX compilando con Babel.
• Un elemento simple con JSX.
• Un elemento complejo con JSX.
• Un ejemplo de extracción de componentes a partir de los elementos previos.
• Un ejemplo con componentes en ficheros de script externos.
• Un ejemplo con un elemento de formulario controlado.
• Un ejemplo de lista de componentes definidos con funciones.