- Introducción
- La usabilidad
- Qué es UI vs UX - interfaz de usuario vs Experiencia de usuario
- Atributos
- Complejidad e importancia de la usabilidad
- Pirámide de prioridades de la usabilidad
- Mejoras de la usabilidad al producto final
- Procesos y herramientas
- Definición de Experiencia de Usuario
- Principios de la Experiencia de Usuario
- El papel del diseñador UX en el proceso de creación
- Etapas del diseño UX
- Técnicas para el diseño UX
- Herramientas UX
- ¿Qué es el Diseño Centrado en el Usuario?
- ¿Para que sirve el Diseño Centrado en el Usuario?
- Las metodologías del Diseño Centrado en el Usuario
- El marketing centrado en el usuario
- Aplicación del Diseño Centrado en el Usuario
- Ejemplos del Diseño Centrado en el Usuario
- Introducción
- Un proceso multidisciplinar
- La usabilidad aplicada
- El ciclo diseño-investigación
- Definición de Interfaz de Usuario - UI
- Elementos de la interfaz de Usuario
- Optimización de las interfaces de Usuario
- Herramientas para el diseño UI
- Diseño basado en las percepciones
- Fundamentos del diseño de interacción
- Moodboards
- Qué es el IxD
- Introducción a Adobe XD
- Instalación y configuraciones principales
- Menú Herramientas
- Generación de Artboards y guía
- Ejercicios
- Formas: creación, modificación, colores, gradiantes y paletas
- Textos: propiedades, línea o área, alineación, color y estilos
- Imágenes y exportación: importanción, modificaciones y exportación de artboards
- Ejercicios
- Organización de capas nombres y grupos
- Bloqueo y fusión
- Tipos de máscaras y aplicación en proyectos
- Ejercicios
- Alineación de elementos, márgenes y distribución de formas
- Funcionalidad de repetición
- Aplicación y configuración de componentes
- Ejercicios
- Creación y aplicación
- Diseño de páginas
- Prototipo
- Adaptación a mobile
- Ejercicios
- Constantes y variables de una interfaz
- Header, footer y menú
- Botones y galerías
- Ejercicios
- Breve historia del diseño
- Comunicación y publicidad
- Teoría de la percepción
- Elementos básicos que intervienen en el diseño
- La composición
- Fases del diseño
- Diseño impreso
- Diseño digital
- Interacción
- Espacio fluido, entorno cambiante
- Cambio de las limitaciones físicas por limitaciones técnicas
- Contexto indefinido Dispositivos
- Tipografías
- Unidades de medida
- Color RGB
- Editar es posible
- Tipografía
- Color
- Formas
- Imágenes
- Contenido audiovisual
- Efectos (Sombras, d, flat y otros)
- Bitmaps Imágenes rasterizadas
- Vectores
- Convertir imágenes de vectorial a bitmap y viceversa
- Rejilla
- Composición
- Elementos
- Espacios vacíos
- Coherencia y consistencia
- Aproximación e investigación inicial
- Bocetos
- Planificación
- El ordenador: hardware y software
- Orígenes del diseño gráfico por ordenador
- Software de diseño gráfico
- Planteamiento inicial
- Métodos de trabajo
- Prototipos conceptuales
- Análisis de requerimientos
- Arquitectura de la información
- Los usuarios
- La accesibilidad
- El contenido
- Métodos para trabajar con el contenido
- Resolución de conflictos
- Qué es un prototipo
- Ventajas y recomendaciones
- Métodos de prototipado
- Mapas de navegación
- La interacción
- Conceptos básicos
- Área de trabajo
- Paneles y menús
- Herramientas de selección
- Herramientas de dibujo y edición
- Herramientas de retoque y transformación
- Capas
- Texto
- Herramientas de dibujo
- Reglas, acciones, filtros y canales
- Transformar imágenes y gráficos web
- Introducción
- Entornos de Desarrollo
- Navegadores
- Introducción HTML
- ¿Cómo creamos documento HTML?
- Características básicas
- Introducción
- Versión HTML
- HTML
- Head
- Body
- Textos en HTML
- Enlaces
- Listas en HTML
- Imágenes y objetos
- Tablas
- Formularios
- Marcos
- Estructuras y layout
- Otras etiquetas
- Audio
- Video
- Animaciones
- ¿Qué es la Metainformación?
- Accesibilidad
- Validación
- Introducción CSS
- Soporte de CSS en navegadores
- Especificación oficial
- Funcionamiento básico de CSS
- ¿Cómo incluir CSS en la Web?
- Estilo básico
- Medios CSS
- Comentarios
- Sintaxis de la definición
- Selectores CSS
- Unidades de medida
- Colores
- Pseudoclases
- Pseudo-elementos
- Otras pseudoclases y pseudoelementos
- Modelo de cajas
- Propiedades de las cajas
- Margen, relleno, bordes y modelo de cajas
- Posicionamiento y visualización
- Posicionamiento
- Visualización
- En qué cosiste
- Visualización: Display
- Contenedores flexibles: flex e inline-flex
- Orientación: flex-box, flex-direction y flex-wrap
- La propiedad order
- Alineación de los elementos flexibles
- Soporte de los navegadores
- Introducción
- Keyframes
- Subpropiedades de animación
- Iteración
- Curvas de animación
- Propiedades animables
- Crear y vincular hojas de estilos
- Estructura
- Propiedades Css
- Selectores
- Posición y tamaño
- Texto
- Imágenes
- Listas, tablas, formularios
- Qué es un preprocesador CSS
- Less
- Sass
- Introducción
- Definición de Diseño Web Responsive
- ¿En qué consiste el diseño responsive?
- Ventajas del diseño responsive
- SEO y diseño responsive
- Introducción
- Programación del lado del cliente
- Programación del lado del Servidor
- ¿Qué utilizaremos?
- ¿Qué necesita saber?
- Nuestro primer ejemplo
- La etiqueta SCRIPT
- Contenido Alternativo
- Variables
- Tipos de Datos
- Operadores
- Cuadros de diálogo
- Introducción
- Estructuras de decisión
- Estructuras lógicas
- Estructuras de repetición
- Definir funciones
- Llamadas a funciones
- Ámbito de las variables
- Introducción
- La jerarquía de objetos
- Propiedades y Eventos
- Métodos
- ¿Qué es un URL?
- El Objeto Location
- Redirigir a otra página
- El Objeto History
- Introducción
- La propiedad Title
- Los colores de la página
- El método write
- El conjunto images
- Formularios HTML
- El conjunto forms
- La propiedad elements
- Validar la información
- ¿Cuándo realizar la validación?
- Tipos de Validación
- El conjunto frames
- El objeto navigator
- El objeto screen
- Introducción
- Obtener el paquete XAMPP
- Instalar el paquete XAMPP
- Apache y MySQL como servicios
- La directiva register_globals
- Ejercicio práctico
- ¿Cómo funcionan las páginas PHP?
- Crear un alias en apache
- La página principal
- Ejercicio práctico
- Las etiquetas PHP
- Variables
- Tipos de datos
- Constantes
- Ejercicio práctico
- Arrays
- Estructuras de repetición
- Estructuras de decisión
- Combinar estructuras
- Arrays Asociativos
- El bucle foreach
- Arrays Multidimensionales
- Ejercicio práctico
- Ejercicio práctico
- Introducción
- Crear Funciones
- Llamar a una función
- Paso de parámetros
- Parámetros por defecto
- Ejercicio práctico
- Ámbito de las variables
- Variables estáticas
- Uso de include y require
- Incluir solo una vez
- Seguridad de los archivos incluidos
- Ejercicio práctico
- Introducción
- Clases
- Propiedades
- Métodos
- Visibilidad
- Crear Objetos
- Destructores
- Ejercicio práctico
- Ejercicio práctico
- Presentación
- Crear subclases
- Crear objetos de las subclases
- Sobrescribir métodos
- El acceso protected
- Ejercicio práctico
- Introducción
- El array $_GET
- El array $_POST
- Recogerlos en una página distinta
- Recogerlos en la misma página
- Entradas requeridas
- Ejercicio práctico
- Ejercicio práctico
- Expresiones regulares
- Limpiando la información
- Comprobando el formulario de origen
- Ejercicio práctico
- Introducción
- Crear cookies
- Caducidad de la cookies
- Dependencia del navegador
- Características de los cookies
- ¿Qué es una sesión?
- El array $_SESSION
- La función od_start() y od_clean()
- Finalizar la sesión
- El identificador de la sesiones
- ¿Dónde se almacena la información?
- Ejercicio práctico
- Ejercicio práctico
- Introducción
- Crear el archivo
- Escribir en el archivo
- Leer de un archivo
- Ejercicio práctico
- Errores
- Excepciones
- Ejercicio práctico
- Ejercicio práctico
- MySql
- Contraseña para el root
- Extensión mysqli
- PHPMyAdmin
- Administración de usuarios
- Ejercicio práctico
- Tipos de tablas en MySQL
- Crear tablas
- Relaciones uno a muchos
- Relaciones muchos a muchos
- SQL
- Acceder a la base de datos
- Establecer la conexión
- Mostrar los datos en una tabla
- Cerrar la conexión
- Ejercicio práctico
- Ejercicio práctico
- Ejercicio práctico
- Ordenar el resultado
- Dividir el resultado en páginas
- Consultas preparadas
- Ejercicio práctico
- La página de login
- La página de registro
- Asegurar la confidencialidad
- Ejercicio práctico
- Introducción
- Modificar listaproductosphp
- La página comprarphp
- Identificar al cliente
- La página carritocompraphp
- Confirmar el pedido
- La página de desconexión
- Migrar el carrito de la compra
- Ejercicio práctico
- Ejercicio práctico
- Introducción
- ¿Qué vamos a hacer?
- Construir la estructura HTML
- Introducción
- Tipos de Formas de Pago
- Contrareembolso
- Transferencia Bancaria
- Domiciliación Bancaria
- Tarjetas Bancarias
- Tarjetas de Comercio
- Paypal
- ¿Qué Formas de Pago Utilizaremos?
- Modificando la Interfaz de Nuestra Tienda
- Modificando nuestra base de datos
- Modificando el Código Anterior
- Implementando el Contrareembolso
- Implementando la transferencia
- Implementando el Paypal
- Archivos para las prácticas de PHP
