Curso Babel: HTML, CSS y JS

Curso Frontend en Babel, 2018

HTML, CSS y JS

Entorno

• Navegador
• Editor de código
• Git
• Node.JS / npm
• Servidor Web local (e.g. http-server)
• npm, Grunt, Gulp, Webpack… (ver. módulo Frontend Avanzado)

Ejemplos desarrollados

• Web1: conceptos básicos
• Holmes: estructura semántica
• Posiciones: float v inline-block
• Rusia: uso de imagenes como fondos
• Ediciones Boracay: layout básico, RWD

JavaScript (JS)

Core de JS

• tipos
• objetos_simples
• funciones
• callbacks
• arrays
• objetos
• clases
• async

JS en la Web

• Elementos básicos e Interacciones con el BOM:

  • Funcion Autoejecutada
    • Evento carga inicial
    • clase Main()
  • Manejadores de Evento: Botones
  • Métodos del BOM
    • Alert
    • Prompt: recogida de información
    • Open-window
    • Redimensiones
    • Location

• Elementos básicos de formulario e Interacciones con el DOM

  • Input -> doble binding
  • Lista de tareas - Acceso al DOM; API QuerySelector - Manipulación API InnerHTML

Ejercicio propuesto: Quiz (Lista de reyes / Paises y Capitales ...)

• Eventos visibilidad y clases. Manajadores múltiples

  • Mostrar más info
  • FAQs (hecho en JQuery)

• Interface Web: formularios

  • Select Múltiple
  • Formulario completo. Validación

• Gestión de imágenes. Slider

• Datos Asíncronos. AJAX mediante fetch y promesas

  • Paises
  • Libros
  • Usurios: API REST