Descripción
-
Tipología
Master oficial
-
Metodología
Online
-
Horas lectivas
1500h
-
Duración
12 Meses
-
Inicio
Fechas disponibles
Descripció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.
Información importante
Precio a usuarios Emagister:
Sedes y fechas disponibles
Online
comienzo
Fechas disponibles
Inscripciones abiertas
Opiniones
¿Tomaste este curso? Comparte tu opinión
Materias
- jQuery
- CSS
- Páginas web
- Programación web
- HTML
Temario
MÓDULO 1. USABILIDAD
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN
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
UNIDAD DIDÁCTICA 2. EXPERIENCIA DE USUARIO -UX
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
UNIDAD DIDÁCTICA 3. DISEÑO CENTRADO EN EL USUARIO
¿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
UNIDAD DIDÁCTICA 4. FORMAS DE ENFOCAR LA USABILIDAD
Introducción
Un proceso multidisciplinar
La usabilidad aplicada
El ciclo diseño-investigación
UNIDAD DIDÁCTICA 5. INTERFAZ DE USUARIO -UI
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
MÓDULO 2. DISEÑO WEB Y USABILIDAD
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN AL DISEÑO WEB
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
UNIDAD DIDÁCTICA 2. ELEMENTOS BÁSICOS PARA EL DISEÑO WEB
Tipografía
Color
Iconos
Formas
Imágenes
Contenido audiovisual
Efectos (sombras, D, flat y otros)
UNIDAD DIDÁCTICA 3. LAYOUT
¿Qué es el Layuot?
Rejilla
Composición
Elementos
Espacios vacíos
Coherencia y consistencia
UNIDAD DIDÁCTICA 4. PROCESO
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
UNIDAD DIDÁCTICA 5. DIRECTRICES Y TENDENCIAS DIGITALES
Guías de estilo
Ventajas y Desventajas
Apple IOS Human Interface Guidelines
Google Material Design
Tendencias del diseño UX/UI
UNIDAD DIDÁCTICA 6. DISEÑO EN DISPOSITIVOS
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
UNIDAD DIDÁCTICA 7. LENGUAJE HTML
Textos en HTML
Enlaces
Listas en HTML
Imágenes y Objetos
Tablas
Formularios
Marcos
Estructuras y layout
Otras etiquetas
UNIDAD DIDÁCTICA 8. WIREFRAMES Y PROTOTIPOS
¿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
MÓDULO 3. DISEÑO UI CON ADOBE XD
UNIDAD DIDÁCTICA 1. PRIMEROS PASOS EN ADOBE XD
Introducción a Adobe XD
Instalación y configuraciones principales
Menú Herramientas
Generación de Artboards y guía
Ejercicios
UNIDAD DIDÁCTICA 2. HERRAMIENTAS BÁSICAS
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
UNIDAD DIDÁCTICA 3. ORGANIZACIÓN DE ELEMENTOS I
Organización de capas nombres y grupos
Bloqueo y fusión
Tipos de máscaras y aplicación en proyectos
Ejercicios
UNIDAD DIDÁCTICA 4. ORGANIZACIÓN DE ELEMENTOS II
Alineación de elementos, márgenes y distribución de formas
Funcionalidad de repetición
Aplicación y configuración de componentes
Ejercicios
UNIDAD DIDÁCTICA 5. CUADRÍCULAS
Creación y aplicación
Diseño de páginas
Prototipo
Adaptación a mobile
Ejercicios
UNIDAD DIDÁCTICA 6. INTERFACES
Constantes y variables de una interfaz
Header, footer y menú
Botones y galerías
Ejercicios
MÓDULO 4. GIT
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A GIT
¿Qué es el control de versiones?
¿Qué es GIT?
¿Por qué GIT?
Instalación de GIT
GitHub y su relación con GIT
UNIDAD DIDÁCTICA 2. MANEJO DE REPOSITORIOS EN GIT
Flujo de trabajo en GIT (Workflow)
Principales comandos Git Bash
Crear un repositorio
Cambios de archivos
Deshacer cambios
Sincronizar repositorios
Reescribir historial
UNIDAD DIDÁCTICA 3. RAMAS EN GIT
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)
UNIDAD DIDÁCTICA 4. COMANDOS GIT
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
UNIDAD DIDÁCTICA 5. BUENAS PRÁCTICAS EN GIT
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
MÓDULO 5. PROGRAMACIÓN FRONTEND CON JAVASCRIPT Y JQUERY
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LAS PÁGINAS WEB
Introducción
Programación del lado del cliente
Programación del lado del Servidor
¿Qué utilizaremos?
¿Qué necesita saber?
Nuestro primer ejemplo
UNIDAD DIDÁCTICA 2. INTRODUCCIÓN A JAVASCRIPT
La etiqueta SCRIPT
Contenido Alternativo
Variables
Tipos de Datos
Operadores
Cuadros de diálogo
UNIDAD DIDÁCTICA 3. CONCEPTOS BÁSICOS DE PROGRAMACIÓN
Introducción
Estructuras de decisión
Estructuras lógicas
Estructuras de repetición
Definir funciones
Llamadas a funciones
Ámbito de las variables
UNIDAD DIDÁCTICA 4. OBJETOS EN JAVASCRIPT
Introducción
La jerarquía de objetos
Propiedades y Eventos
Métodos
UNIDAD DIDÁCTICA 5. LOS OBJETOS LOCATION E HISTORY
¿Qué es un URL?
El Objeto Location
Redirigir a otra página
El Objeto History
UNIDAD DIDÁCTICA 6. EL OBJETO DOCUMENT
Introducción
La propiedad Title
Los colores de la página
El método write
El conjunto images
UNIDAD DIDÁCTICA 7. EL OBJETO FORM
Formularios HTML
El conjunto forms
La propiedad elements
Validar la información
¿Cuándo realizar la validación?
Tipos de Validación
UNIDAD DIDÁCTICA 8. LOS OBJETOS FRAME, NAVIGATOR Y SCREEN
El conjunto frames
El objeto navigator
El objeto screen
UNIDAD DIDÁCTICA 9. INICIACIÓN A LAS PÁGINAS WEBS CON JQUERY
Introducción
Presentación
¿Cómo iniciar Jquery?
¿Dónde podemos documentarnos?
Herramientas necesarias
UNIDAD DIDÁCTICA 10. CONCEPTOS BÁSICOS DE JQUERY
Introducción
Obteniendo JQuery
El núcleo de jQuery
Cargar Jquery desde Google
Novedades
UNIDAD DIDÁCTICA 11. SELECTORES
Introducción
Selectores básicos en jQuery
Selectores de jerarquía
Filtros en Jquery
UNIDAD DIDÁCTICA 12. EVENTOS
Introducción
Evento de carga de Página
Eventos en Jquery
El objeto Event
Todavía más Eventos de Jquery
UNIDAD DIDÁCTICA 13. ATRIBUTOS EN 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()
UNIDAD DIDÁCTICA 14. CSS EN JQUERY
Introducción
Acceso a propiedades con css()
Modificar propiedades css con css(nombre_propiedad_css, valor)
UNIDAD DIDÁCTICA 15. AJAX EN JQUERY
Introducción
Conceptos Claves
Cargar un Archivo
El método GET o POST
Cargar un Script
El método AJAX de jQuery
UNIDAD DIDÁCTICA 16. FORMULARIOS
Introducción
Formularios
UNIDAD DIDÁCTICA 17. EFECTOS EN JQUERY
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
UNIDAD DIDÁCTICA 18. JQUERY UI
Introducción
Instalación
Usando jQuery UI en nuestra página web
Plugin draggable
Componente Dialog
Componente Button
UNIDAD DIDÁCTICA 19. PLUG-IN EN JQUERY
Plugins
Desarrollar Plug-ins
Añadir nuevos métodos abreviados
Parámetros del método
Otras funciones para plug-ins
Compartir un Plug-in
MÓDULO 6. PROGRAMACIÓN EN ASP.NET
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN AL DESARROLLO DE APLICACIONES WEB Y REQUISITOS DE ASP.NET
Introducción
ASP.Net 4.5
Java (JSP, Servlets)
PHP
DHTML
Requisitos del ASP.NET (.NET Framework)
CLS y CTS
IL (MSIL)
UNIDAD DIDÁCTICA 2. CONCEPTOS DE PROGRAMACIÓN ORIENTADA A OBJETOS
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
UNIDAD DIDÁCTICA 3. CREANDO UNA PÁGINA BÁSICA
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
UNIDAD DIDÁCTICA 4. CONCEPTOS DE WEB FORMS
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)
UNIDAD DIDÁCTICA 5. CONFIGURACIÓN DE IIS
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
MÓDULO 7. DESARROLLO WEB SEGURO
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LA SEGURIDAD WEB
¿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
UNIDAD DIDÁCTICA 2. OWASP DEVELOPMENT
¿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
UNIDAD DIDÁCTICA 3. OWASP TESTING GUIDE
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
UNIDAD DIDÁCTICA 4. OWASP CODE REVIEW
Aspectos introductorios
Revisión de código seguro
Metodología
UNIDAD DIDÁCTICA 5. OWASP TOP TEN
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)
MÓDULO 8. ANALÍTICA WEB
UNIDAD DIDÁCTICA 1. ANALÍTICA WEB Y SEO
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
UNIDAD DIDÁCTICA 2. ANALÍTICA WEB Y SEM
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
UNIDAD DIDÁCTICA 3. INTRODUCCIÓN AL ANÁLISIS Y MÉTRICA WEB
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
UNIDAD DIDÁCTICA 4. OPTIMIZACIÓN DE SITIOS WEB
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
UNIDAD DIDÁCTICA 6. HERRAMIENTAS DE ANALÍTICA WEB
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
UNIDAD DIDÁCTICA 7. GOOGLE ANALYTICS
¿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)
UNIDAD DIDÁCTICA 8. FUNCIONES BÁSICAS DE GOOGLE ANALYTICS
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
UNIDAD DIDÁCTICA 9. INFORMES
Informes de audiencia
Informes de adquisición
Informes de comportamiento
UNIDAD DIDÁCTICA 10. GOOGLE ANALYTICS 4
¿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
UNIDAD DIDÁCTICA 11. ANALÍTICA WEB Y MÉTRICAS EN REDES SOCIALES
Análisis del tráfico en redes sociales
Fijar objetivos en redes sociales
Facebook
Twitter
Youtube
Instagram
LinkedIn
Blogs
Reputación online
UNIDAD DIDÁCTICA 12. MOBILE ANALYTICS Y MEJORA DEL DISEÑO
¿Qué es Mobile Analytics?
Métricas
Google analytics para analítica móvil
Otras herramientas de analítica móvil
UNIDAD DIDÁCTICA 13. INTRODUCCIÓN A ADOBE ANALYTICS
¿Qué es Adobe Analytics?
¿Qué podemos hacer con Adobe Analytics?
Principales diferencias respecto a Google Analytics
Conceptos Clave
Implementación de Adobe Analytics