- Presentación
- Temario
- Claustro
- Metodología
- Titulación
Descripción
Los usuarios españoles de páginas webs, sobre todo de la administración pública, no paraban de criticar el mal funcionamiento de páginas como la web de la compañía ferroviaria Renfe, que hasta el momento no había sido capaz de adaptarse al usuario. Estos hechos, han provocado el aumento de la demanda de personal con formación en este ámbito. Ahora puedes formar parte de ellos con el Curso en Diseño y Desarrollo Web.
¿A quién va dirigido?
Objetivos
- Entender los conceptos de usabilidad y experiencia de usuario
- Diseñar y gestionar web orientadas a mejorar la usabilidad y experiencia de usuario
- Crear sitios web interactivos
- Valorar las necesidades de los proyectos web y adecuarlos a la mejora de la usabilidad y experiencia de usuario
- Aplicar el desarrollo orientado a objetos mediante JavaScript, PHP y Jquery
Salidas Profesionales
Temario
- 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
¿Con quién vas a aprender? Conoce al claustro
Bibiana Moreno Leyva
CEO de EducaLMS, proyecto de innovación educativa. Técnica superior en Desarrollo de Aplicaciones Informáticas. Cuenta con más de seis años de experiencia profesional en la coordinación de análisis de aplicaciones multiplataforma y cinco años en desarrollo de aplicaciones web con distintas infraestructuras.
Rafael Marín
Ingeniero técnico en Informática de Sistemas por la Universidad de Granada (UGR), con un Curso Superior en Ciberseguridad, Business Intelligence y Big Data. Apasionado de la informática y de las nuevas tecnologías, cuenta con 10 años de experiencia y vocación en el ámbito TIC y la programación de software. Experto en Desarrollo web, Programación de aplicaciones, Análisis de datos, Big Data, Ciberseguridad y Diseño y experiencia de usuario (UX/UI).
Daniel Rodriguez
Licenciado en Ingeniería Técnica en Informática de Sistemas. Cuenta con más de 10 años de experiencia en el desarrollo y soporte de la aplicación corporativa integral de gestión de matrículas y expedientes académicos, tutorización, facturación, logística, seguimiento del alumnado, así como gestión de grupos y convocatorias de formación.
Experto en desarrollado en aplicaciones web, servicios web, APIs e informes de Crystal Reports, dominando base de datos y lenguajes como Transact-SQL. Realiza las funciones propias de un FullStack Developer, siendo especialista en ASP.NET, jQuery, CSS (Bootstrap, Sass) y web services. Además, cuenta con gran experiencia en desarrollo de proyectos en equipo, resolución de problemas y formación de personas de prácticas en la incorporación a un puesto de trabajo.
Daniel Cabrera
Licenciado en Ciencias Físicas y con Máster en Implantación, Gestión y Auditoría de Sistemas de Seguridad de Información ISO 27001-27002.
Administrador de sistemas durante más de 15 años, gestor de plataformas de alta capacidad, escalabilidad y rendimiento. Siempre a la última en todo lo relacionado con tecnologías Cloud, DevOps, SER, etc.
Isaías Aranda Cano
Grado Superior en Administración de Sistemas Informáticos. Especialista en ciberseguridad y en el diseño, implementación y gestión de servicios en la nube (Google, AWS, Azure,). Certificado en ITIL V3.
Más de 15 años de experiencia implementando y gestionando tecnologías en alta disponibilidad Open Source.
Juan Antonio Cortés Ibáñez
Graduado en Ingeniería Informática por la UGR con Máster Universitario Oficial en Ciencia de Datos e Ingeniería de Computadores por la UGR. Doctorando en Tecnologías de la Información por la UGR. Cuenta con amplia experiencia como Científico de datos en el Repsol Technology Lab y en el sector de la docencia.
Metodología
EDUCA LXP se basa en 6 pilares
Titulación
INESEM Business School se ocupa también de la gestión de la Apostilla de la Haya, previa demanda del estudiante. Este sello garantiza la autenticidad de la firma del título en los 113 países suscritos al Convenio de la Haya sin necesidad de otra autenticación. El coste de esta gestión es de 65 euros. Si deseas más información contacta con nosotros en el 958 050 205 y resolveremos todas tus dudas.
Explora nuestras Áreas Formativas
Construye tu carrera profesional
Descubre nuestro amplio Catálogo Formativo, incluye programas de Cursos Superior, Expertos, Master Profesionales y Master Universitarios en las diferentes Áreas Formativas para impulsar tu carrera profesional.
Curso Experto en Diseño y Desarrollo Web