Curso de Master profesional de Diseño web

MÓDULO I – INTRODUCCIÓN A HTML

- HTML como lenguaje estructurador de documentos

- Terminología de HTML

- Tipos de documentos (DOCTYPE)

- Separación de estructura y diseño

- Introducción a la estructura semántica

- Formación adecuada y validación de documentos HTML

- Comprensión y aplicación de las etiquetas semánticas

- La accesibilidad y universalidad del entorno online

MÓDULO II – ETIQUETAS BÁSICAS DE ESTRUCTURA

- Elementos principales de un documento HTML

- El flujo de HTML: elementos de línea y de bloque

- Párrafos y encabezados

- Listas

- Imágenes

- Enlaces: relativos, absolutos, anclas y mapas de imágenes.

- Direccionamiento relativo y absoluto

- Etiquetado semántico: la naturaleza de cada contenido como factor de etiquetado

MÓDULO III – FORMULARIOS

- Estructura básica de los formularios

- Controles de formulario

- Nuevos inputs y funcionalidades HTML5

- El proceso de envío y recepción de datos

- Las fases de validación de un formulario: tiempo real, nativa, front-end y back-end

- Usabilidad y buenas prácticas

- Pickaday y otros plugins de mejora UX

MÓDULO IV – ENRIQUECIENDO EL DOCUMENTO

- Etiquetas meta avanzadas

- Favicon, Open Graphs, Shortcut icon, Touch icons y Social Medias

- Robots

MÓDULO V – INTRODUCCION A CSS3

- CSS como lenguaje de estilo

- Niveles de aplicación de CSS a un documento HTML

- Sintaxis de CSS: declaración, regla, selector, propiedad y valor.

- Planificación, organización y mantenimiento de CSS

- Unidad básica de medida absoluta: píxel

- Unidades avanzadas de medida relativa y absoluta: %, em, rem, vw, vh

MÓDULO VI – SELECTORES CSS

- Selectores universales, básicos, contextuales, de clase.

- Identificadores únicos

- Selectores descendientes, de atributo, adyacentes, de hermandad

- Pseudoselectores relacionales, de contenido, de posición, de enlaces e inputs y de selección

- Bases para la elección de selectores: rendimiento, reusabilidad, orden y lógica

MÓDULO VII – PROPIEDADES

- Propiedades de documento, texto, bloque, listas, posición

MÓDULO VIII – CARACTERISTICAS AVANZADAS

- Herencia en CSS

- Modelo de caja clásico y de caja flexible (FlexBox)

- Composición: flotación y posicionamiento

- Visualización y posicionamientos especiales

- Tabulación de datos a través de tablas

- Uso de listas como menús y barras de navegación

- Hacks, filtros de compatibilidad y prefijos propietarios

- Adaptación a los tipos de medios: pantallas e impresión

- Propiedades experimentales

- Diseño líquido: columnado, estructuración y cajas flexibles

- Bootstrap Grid System

- Google Fonts

- Iconos vectoriales

MÓDULO IX – RWD - RESPONSIVE WEB DESIGN

- Responsive vs Adaptive

- Hardware pixels

- Principios del diseño líquido

- @media types

- Operadores lógicos @media: and, comma, not, only

- Detección avanzada en media queries

- Usos de @media queries orientados a la densidad de píxel y pantallas de retina

MÓDULO X – DINAMIZACIÓN DEL ENTORNO DIGITAL

- Propiedades y usos de la dinamización digital

- Animaciones básicas y avanzadas CSS3

- Efectos avanzados con :hover

- Principales plugins y librerías de efectos JS

- Introducción a los Gráficos Vectoriales Escalables SVG

- Introducción a la animación SVG web

MÓDULO XI – SEO FRIENDLY SITES

- Introducción a SEO

- Usos adecuados de HTML5 para un mejor posicionamiento

- Usos adecuados de CSS3 para un mejor posicionamiento

- Diseñar para personas

- Análisis de optimización web externa (auditorías)

MÓDULO XII –. INTRODUCCIÓN A JAVASCRIPT

- Primeros pasos con JavaScript

- HTML y JavaScript

- Tipos de ejecución de JavaScript

- Reglas de sintaxis del código

- Case-sensitive / camelCase

- Comentarios

- Instrucciones

- Ordenación de código

- Biblioteca personal de scripts JavaScript

-. Debugging

- Herramientas de depuración de JavaScript

MÓDULO XIII – VARIABLES Y OPERADORES

- Utilización de variables y operadores

- Tipología de variables

- Etapas de las variables

- Alcance de las variables

- Declaración, asignación, alteración y visualización de variables

- Transferencia de valores entre variables y conversión de tipo

- Reglas de nombres y palabras reservadas

- Tipología de operadores

- Operadores aritméticos, comparación, lógicos, asociativos, concatenación, especiales

- Orden de los operadores

MÓDULO XIV – CONDICIONALES

- Estructuras de control

- Instrucción switch, if/else if/else

MÓDULO XV – CONCEPTOS BÁSICOS DE JQUERY

- La biblioteca jQuery

- $(document).ready()

- Selección de elementos

- Recorrer el DOM

- Atributos

- Manipulación de elementos

MÓDULO XVI – 16. EVENTOS

- Introducción

- Vincular eventos a elementos

MÓDULO XVII – EFECTOS

- Introducción

- Efectos incorporados en la biblioteca

- Alteración de CSS a tiempo real

- Efectos personalizados con $.fn.animate

MÓDULO XVIII – AJAX

- Introducción

- Métodos Ajax de jQuery

- Ajax y formularios

MÓDULO XIX – PLUGINS

- Introducción

- Plugins de jQuery más extendidos

- Realización de carruseles y sliders

- Inclusión de full videbo backgrounds y de efectos Scroll Reveal

- Animación y trazado automático de SVG