Presentación
Crear un sitio web conlleva diferentes pasos a seguir, desde un análisis de usabilidad, prototipado o manejo de versiones hasta la propia programación y un posterior seguimiento. Gracias a este Master en Diseño y Programación Web 2.0 con ASP.NET aprenderás a construir un sitio web profesional. Establecerás los criterios de usabilidad y diseño y construirás prototipos gracias a AdobeXD. Posteriormente, gracias a este trabajo, programarás el sitio web controlando el Frontend con Javascript y el backend gracias a ASP.NET. Por último, verás aspectos de seguridad web y harás analíticas web con Google Analytics 4. Contarás con un equipo de profesionales especializados en la materia. Además, gracias a las prácticas garantizadas, podrás acceder a un mercado laboral en plena expansión.
Para qué te prepara
Gracias a este Master en Diseño y Programación Web 2.0 con ASP.NET aprenderás a construir un sitio web profesional. Establecerás los criterios de usabilidad y diseño y construirás prototipos gracias a AdobeXD. Posteriormente, gracias a este trabajo, programarás el sitio web controlando el Frontend con Javascript y el backend gracias a ASP.NET. Por último, verás aspectos de seguridad web y harás analíticas web con Google Analytics 4.
Objetivos
- Llevar a cabo un análisis de la usabilidad y experiencia de usuario y crear diseños basados en dichos análisis.
- Prototipar los elementos del diseño web creado gracias a la herramienta Adobe XD.
- Utilizar GIT como herramienta para llevar a cabo el control de versiones de nuestro desarrollo.
- Aprender a dar dinamismo en el frontend a nuestro sitio web gracias a lenguajes como Javascript y Jquery.
- Programar el backend de nuestro sitio web mediante ASP.NET.
- Tener en cuenta las recomendaciones de OWASP para llevar a cabo un diseño y desarrollo web seguro.
- Elaborar analíticas web profesionales gracias a Google Analytics 4, Google Tag Manager y Google Data Studio.
A quién va dirigido
Este Master en Diseño y Programación Web 2.0 con ASP.NET está orientado a desarrolladores o estudiantes informáticos que busquen especializarse en algunos de los lenguajes de programación web más utilizados y deseen aprender todos los pasos necesarios y software asociado para la creación de un proyecto web profesional.
Salidas Profesionales
El desarrollo de páginas web es de los perfiles profesionales en informática más demandados y por lo tanto, la realización de este Master en Diseño y Programación Web 2.0 con ASP.NET te abrirá la puerta de multitud de puestos. Más en concreto, optarás a puestos como Desarrollador web, Experto en analítica web con GA4, Diseñador UX/UI o Programador ASP.NET.
El desarrollo de páginas web es de los perfiles profesionales en informática más demandados y por lo tanto, la realización de este Master en Diseño y Programación Web 2.0 con ASP.NET te abrirá la puerta de multitud de puestos. Más en concreto, optarás a puestos como Desarrollador web, Experto en analítica web con GA4, Diseñador UX/UI o Programador ASP.NET.
Metodología
Aprendizaje 100% online
Campus virtual
Equipo docente especializado
Centro del estudiante
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
- 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 digital
- Tipografía
- Color
- Iconos
- Formas
- Imágenes
- Contenido audiovisual
- Efectos (sombras, D, flat y otros)
- ¿Qué es el Layuot?
- Rejilla
- Composición
- Elementos
- Espacios vacíos
- Coherencia y consistencia
- Introducción al proceso de diseño web
- Aproximación e Investigación inicial
- Idear
- Bocetos
- Arquitectura de la información
- Card Storing
- User flow o diagrama de flujo de usuario
- Wireframing
- Prototipado
- Planificación
- Guías de estilo
- Ventajas y Desventajas
- Apple IOS Human Interface Guidelines
- Google Material Design
- Tendencias del diseño UX/UI
- Especificaciones para móviles
- Sitios, sitios par amóviles y apps
- Diseñar para pantallas pequeñas
- El tiempo de respuesta y carga
- Tablets y E-Readers
- Textos en HTML
- Enlaces
- Listas en HTML
- Imágenes y Objetos
- Tablas
- Formularios
- Marcos
- Estructuras y layout
- Otras etiquetas
- ¿Qué son los wireframes?
- Objetivos del wireframe
- Relación con la UI
- Clasificación de los wireframes
- Arquitectura de la información
- Wireframe para una app
- 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
- ¿Qué es el control de versiones?
- ¿Qué es GIT?
- ¿Por qué GIT?
- Instalación de GIT
- GitHub y su relación con GIT
- Flujo de trabajo en GIT (Workflow)
- Principales comandos Git Bash
- Crear un repositorio
- Cambios de archivos
- Deshacer cambios
- Sincronizar repositorios
- Reescribir historial
- Usar ramas en GIT
- Cambiar ramas (Git checkout)
- Ramas remotas (Remote Branches)
- Flujo de trabajo (Workflow)
- Integración de ramas
- Borrado de ramas
- Etiquetas (Tags)
- Solicitudes de extracción (Pull requests)
- Comandos GIT en Git Bash
- Comandos GIT para configurar y crear repositorios
- Comandos GIT para preparar y confirmar cambios
- Comandos GIT para trabajar con repositorios remotos (como GitHub)
- Comandos GIT para deshacer cambios y etiquetas
- Trabajar con GIT
- Confirma con regularidad (commit)
- Escriba mensajes de confirmación útiles
- Utilice ramas (Branch)
- Actualice su repositorio antes de enviar cambios (Pull y Push)
- Divide el trabajo en repositorios
- 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
- Presentación
- ¿Cómo iniciar Jquery?
- ¿Dónde podemos documentarnos?
- Herramientas necesarias
- Introducción
- Obteniendo JQuery
- El núcleo de jQuery
- Cargar Jquery desde Google
- Novedades
- Introducción
- Selectores básicos en jQuery
- Selectores de jerarquía
- Filtros en Jquery
- Introducción
- Evento de carga de Página
- Eventos en Jquery
- El objeto Event
- Todavía más Eventos de Jquery
- Introducción
- Operaciones sobre clases
- Leer Atributos
- Modificar Atributos
- Modificar varios valores de atributos a la vez
- Añadir atributos con Attr
- Eliminar un atributos con removeAttr()
- Introducción
- Acceso a propiedades con css()
- Modificar propiedades css con css(nombre_propiedad_css, valor)
- Introducción
- Conceptos Claves
- Cargar un Archivo
- El método GET o POST
- Cargar un Script
- El método AJAX de jQuery
- Introducción
- Formularios
- Introducción
- Los efectos show() y hide()
- Efectos de fundido
- Creación de una animación
- Envío de funciones callback
- Cola de efectos
- Efectos con desplazamientos
- Introducción
- Instalación
- Usando jQuery UI en nuestra página web
- Plugin draggable
- Componente Dialog
- Componente Button
- Plugins
- Desarrollar Plug-ins
- Añadir nuevos métodos abreviados
- Parámetros del método
- Otras funciones para plug-ins
- Compartir un Plug-in
- Introducción
- ASP.Net 4.5
- Java (JSP, Servlets)
- PHP
- DHTML
- Requisitos del ASP.NET (.NET Framework)
- CLS y CTS
- IL (MSIL)
- Objetos
- Encapsulación y abstracción
- Mensajes, clases y herencia
- Métodos
- Polimorfismo
- Sobrecarga
- Modelos de objetos
- Relaciones entre clases
- Ventajas e inconvenientes de la POO
- Comentando el ejemplo
- Sintaxis de C#
- Declaración de variables
- Sentencias condicionales
- Bucles
- Operadores
- Manejadores de eventos
- Tratamiento de errores
- Definición e instanciación de clases
- Modificadores
- Especial mención al uso de VBScript y JScript
- La clase page
- Eventos
- Propiedades
- Métodos
- Web Forms
- Introducción a los controles de servidor de ASP.NET
- Introducción a los controles HTML y ejemplos
- Introducción a los controles Web
- Los controles datalist y datagrid
- Directivas de páginas (@page, @import, @implements y @assembly)
- Introducción
- Herramienta de administración de servicios de Internet
- Configuración de IIS
- La aplicación Web
- Eventos del servidor
- Gestión del estado de la aplicación ASP.NET
- Ficheros de configuración
- Configuración general
- Configuración de la página
- Configuración de la sesión
- Módulos y manejadores httpSeguridad en ASP.NET
- ¿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)
- Introducción al SEO
- Historia de los motores de búsqueda
- Componentes de un motor de búsqueda
- Organización de resultados en un motor de búsqueda
- La importancia del contenido
- El concepto de autoridad en Internet
- Campaña SEO
- Introducción al SEM
- Principales conceptos en SEM
- Sistema de pujas y Calidad del anuncio
- Creación de una campaña
- Creación de anuncios con calidad
- Indicadores clave de rendimiento en SEM
- Conceptos básicos
- Métricas
- Visitas
- Visitantes
- Páginas
- Promedio de tiempo en una página web
- Promedio de tiempo en un sitio web
- Tasa de rebote
- Tasa de salida
- Tasa de conversión
- Usabilidad
- Mapas de calor
- Grabaciones de sesiones de usuario
- Ordenación de tarjetas
- Test A/B
- Test multivariante
- KPI, indicadores clave de rendimiento
- Cambios a realizar para optimizar una página web
- UNIDAQD DIDÁCTICA 5. POSICIONAMIENTO ORGÁNICO, SEO
- Importancia del SEO
- Funcionamiento de los buscadores
- Google: algoritmos y actualizaciones
- Cómo salir de una penalización en Google
- Estrategia SEO
- Listado de herramientas
- Herramientas de analítica web
- Herramientas de análisis de logs
- Herramientas de medición mediante tags
- Herramientas para medir el rendimiento de nuestro sitio web
- Herramientas para recoger información de diseño o usabilidad web
- Herramientas que analizan nuestra actividad en redes sociales
- Herramientas de inteligencia competitiva
- ¿Qué es Google Analytics?
- Introducción a la analítica web
- ¿Como funciona Google Analytics?
- Cookies
- Introducción a JavaScript
- Principios de Google Analytics
- ¿Qué es el porcentaje de rebote?
- Página de destino
- Conversiones
- Objetivos
- Eventos
- Porcentaje de abandono
- Visita/usuario único
- Iniciar sesión en Google Analytics
- Incorporar código de de seguimiento de Google Analytics en el sitio web
- Verificar que Google Analytics recibe datos
- Cambiar configuraciones de la cuenta de Google Analytics
- Gestión de usuarios
- Eliminar cuenta de Google Analytics
- Cambiar configuraciones de la interfaz de Google Analytics (Idioma)
- Introducción a las funciones de Analytics
- Nociones básicas de Google Analytics
- Añadir anotaciones en gráficos
- Comparación de periodos
- Exportar Informes
- Añadir métricas a un gráfico
- Crear, editar y eliminar segmentos
- Crear un nuevo panel
- Añadir un Widget al Panel
- Tiempo real
- Tipos de informes de Google Analytics: diagramas animados, gráfico por hora, día, semana, mes, etc?
- Configuración del envío automático de informes
- Audiencia
- Enlazar cuenta de Google AdWords con Google Analytics
- AdWords
- Informes de audiencia
- Informes de adquisición
- Informes de comportamiento
- ¿Qué es Google Analytics 4?
- Diferencias con respecto a Universal Analytics
- Implementación de Google Analytics 4
- Las herramientas de análisis de Google Analytics 4
- Los espacios de identidad
- Ventajas de Google Analytics 4
- Desventajas de Google Analytics 4
- Análisis del tráfico en redes sociales
- Fijar objetivos en redes sociales
- Youtube
- Blogs
- Reputación online
- ¿Qué es Mobile Analytics?
- Métricas
- Google analytics para analítica móvil
- Otras herramientas de analítica móvil
- ¿Qué es Adobe Analytics?
- ¿Qué podemos hacer con Adobe Analytics?
- Principales diferencias respecto a Google Analytics
- Conceptos Clave
- Implementación de Adobe Analytics
Titulación
Doble Titulación: - Titulación de Máster en Desarrollo y Programación Web Avanzada con ASP.NET con 1500 horas expedida por EDUCA BUSINESS SCHOOL como Escuela de Negocios Acreditada para la Impartición de Formación Superior de Postgrado, con Validez Profesional a Nivel Internacional - Titulación Universitaria en Analítica Web con 5 Créditos Universitarios ECTS
Entidades colaboradoras
