- 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
- 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
- Estructuras de decisión
- Estructuras lógicas
- Estructuras de repetición
- Definir funciones
- Llamadas a funciones
- Ámbito de las variables
- 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
- 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
- ¿Qué es la seguridad web?
- Amenazas para un sitio web
- Consejos para mantener un sitio web seguro
- Otros consejos de seguridad web
- Proveedores de alojamiento web seguros
- ¿Qué es OWASP? ¿Y OWASP Development?
- ¿Qué es ASVS?
- Uso del ASVS
- Requisitos de arquitectura, diseño y modelado de amenazas
- Requisitos de verificación de autenticación
- Requisitos de verificación de gestión de sesión
- Requisitos de verificación de control de acceso
- Requisitos de validación, desinfección y verificación de la codificación
- Requisitos de verificación de criptografía almacenados
- Requisitos de manejo de verificaciones y registro de errores
- Requisitos de verificación de protección de datos
- Requisitos de verificación de comunicaciones
- Requisitos de verificación de código malicioso
- Requisitos de verificación de lógica de negocios
- Requisitos de verificación de archivos y recursos
- Requisitos de verificación de API y servicio web
- Requisitos de verificación de configuración
- Requisitos de verificación de Internet de las Cosas
- Glosario de términos
- Aspectos introductorios
- La Guía de Pruebas de OWASP
- El framework de pruebas de OWASP
- Pruebas de seguridad de aplicaciones web
- Reportes de las pruebas
- Aspectos introductorios
- Revisión de código seguro
- Metodología
- Broken Access Control - Control de acceso roto (A01:2021)
- Cryptographic Failures - Fallos criptográficos (A02:2021)
- Injection - Inyección (A03:2021)
- Insecure Design - Diseño Inseguro (A04:2021)
- Security Misconfiguration - Configuración incorrecta de seguridad (A05:2021)
- Vulnerable and Outdated Components - Componentes vulnerables y obsoletos (A06:2021)
- Identification and Authentication Failures - Fallos de Identificación y Autenticación (A07:2021)
- Software and Data Integrity Failures - Fallos de integridad de software y datos (A08:2021)
- Security Logging and Monitoring Failures - Registro de seguridad y fallos de monitoreo (A09:2021)
- Server-Side Request Forgery (SSRF) - Falsificación de solicitud del lado del servidor (A10:2021)
- Gestores de Contenido
- Definición y conceptos de un blog
- Definición y utilización de Wordpress
- WordPresscom y WordPressorg: Similitudes y diferencias
- Primeros pasos
- Estructura de WordPresscom
- Creación de contenidos
- Subida de medios audiovisuales a un post
- Utilización de enlaces
- Diseño, elaboración y estructura
- Configuración de ajustes y usuarios
- Instalación de WordPressorg
- Servidor de WordPressorg
- Creación de espacios web
- Creación y diseño de bases de datos
- Descarga y utilización de WordPressorg
- Configuración del servidor FTP
- Instalación de WordPressorg
- Ajustes de configuración general
- Ajustes de configuración de escritura
- Ajustes de configuración de lectura
- Ajustes de configuración de contenidos
- Ajustes de configuración multimedia
- Ajustes de configuración de privacidad
- Agregación de entradas I
- Agregación de entradas II
- Utilización de multimedia en la entrada I
- Utilización de multimedia en la entrada II
- Configuración del menú multimedia
- Clasificación del contenido en categorías
- Utilización de etiquetas
- Utilización de enlaces
- Utilización de comentarios
- Configuración de páginas
- Revisión del contenido y utilización de papeleras
- Herramientas avanzadas I
- Herramientas avanzadas II
- Tipos de usuarios
- Configuración de los perfiles de usuario
- Creación de avatares
- Instalación y utilización de Temas I
- Instalación y utilización de Temas II
- Utilización de los menús
- Configuración del fondo y las cabeceras
- Definición y aplicación de los widgets
- Edición y estructura de plantillas
- Introducción a los plugins
- Instalación
- Tipos de plugins
- Conceptos básicos sobre el plugin sociable
- Introducción al plugin Flash Gallery
- Conceptos básicos
- Selección de una URL y un título para el blog
- Elaboración y navegación del mapa Web
- Control de contenidos duplicados
- Optimización de recursos gráficos
- Introducción a la tienda virtual
- Tipo de nombres de dominio Como elegir un nombre
- Tipos de Hosting Web Como elegir un Hosting
- Contratación de Dominios y Hosting web
- Instalación de Prestashop
- Personalización del aspecto de Prestashop mediante plantillas
- Introducción al comercio virtual
- Configuración General
- Categorías / Productos
- Módulos de pago
- Módulos de envío
- Clientes y Pedidos
- Configuración de los usuarios
- Copias de seguridad
- Atributos de productos
- Grupo de precios
- Impuestos IVA
- Idiomas y traducciones
- Monedas
- Operaciones con módulos
- Importar datos de productos
- Actualización de la versión
- Exponer adecuadamente los productos en la tienda virtual
- Posicionamiento en Google y optimización SEO
- Pago por clic Google Adword
- Promoción en redes sociales
- Analizar la rentabilidad de las acciones de marketing
