En la era digital actual, un dominio profundo del diseño web y las interfaces es fundamental. Nuestro Master en Diseño de Interface y Front-End con HTML, CSS3 y JQuery surge como una respuesta a la demanda creciente de profesionales especializados capaces de construir experiencias de usuario atractivas y funcionales. Este programa abarca desde la programación con JavaScript y PHP, hasta el uso de JQuery, proporcionando una base sólida en las prácticas contemporáneas del desarrollo web.
Nos adentramos también en UML y Patrones de Diseño de Software, elementos cruciales para la planificación y ejecución eficaz de proyectos. El curso se sumerge en las más avanzadas técnicas de HTML5 y CSS3, permitiendo la creación de sitios web innovadores y adaptativos.
El énfasis en fundamentos de diseño Front-End y aplicaciones prácticas a través de Photoshop e Illustrator fortalece la comprensión del estudiantado en la estética web. Adicionalmente, la gestión de plataformas educativas como Moodle se incluye para ampliar las habilidades en la administración de contenidos online.
Elegir nuestro Master significa acceder a una formación integral que aporta conocimientos actualizados, indispensables para ejercer un rol protagónico en la industria del desarrollo web. Un curso diseñado para marcar la diferencia en tu carrera profesional, desde la comodidad de tu entorno y con flexibilidad horaria. Prepárate para ser líder en la creación de interfaces y experiencias digitales memorables.
Este Master está dirigido a desarrolladores, diseñadores web y profesionales IT que busquen profundizar en HTML5, CSS3 y JQuery. Ideal para quienes deseen dominar la creación de interfaces y Front-End, manejar PHP y JavaScript, adentrarse en UML y patrones de diseño y optimizar plataformas con Moodle. Imprescindible para perfeccionar habilidades en diseño web avanzado y herramientas como Photoshop e Illustrator. Transforma tu carrera con un enfoque práctico y actual.
Objetivos
– Dominar JSX y PHP para web dinámica.
– Aplicar UML y patrones en diseño.
– Crear interfaces con JQuery.
– Diseño web con HTML5/CSS3.
– Entender diseño front-end básico.
– Realizar proyectos de interfaz.
– Usar Photoshop/Illustrator web.
– Gestionar cursos en Moodle.
Salidas Profesionales
Tras completar el Máster en Diseño de Interface y Front-End, te abre las puertas a roles como desarrollador web, especialista en JavaScript y PHP, diseñador de UX/UI con habilidades en HTML5, CSS3 y jQuery. Domina patrones de diseño UML y gestiona plataformas educativas con Moodle. Aprovecha tu profundo conocimiento práctico de Photoshop e Illustrator para destacar en diseño gráfico y digital. Prepárate para liderar proyectos web y crear interfaces atractivas y funcionales que mejoren la experiencia del usuario.
La especialización de los elementos: la noción de estereotipo en UML
Modelado de Requisitos: Diagrama de los casos de uso
- Casos de uso
- Actor
- Escenario
- Representación textual de los casos de uso
Modelado de la dinámica
- Diagrama de secuencia
- Diagrama de comunicación
- Marcos de interacción
Modelado de objetos
- Conocer los objetos del sistema por descomposición
- Representación de clases
- Las asociaciones entre objetos
- Relación de generalización/especialización entre clases
- Diagrama de objetos o instancias
- Diagrama de estructura compuesta
Introducción
Empaquetado y diagrama de empaquetado
Asociaciones entre empaquetados
Modelado de objetos
- La noción de estado
- El cambio de estado
- Elaboración del diagrama de estados-transiciones
- El diagrama de timing
Modelado de las actividades
- Las actividades y los encadenamientos de actividades
- Las particiones o calles
- Las actividades compuestas
- El diagrama de vista de conjunto de las interacciones
Modelado de la arquitectura del sistema
- El diagrama de componentes
- El diagrama de despliegue
Introducción
Los perfiles
Estereotipos
Tagged values
Introducción
Instalación
Interface
Crear un Proyecto
Guardar un proyecto
Diagrama de clases
- Crear Y editar un diagrama de clases
- Crear y editar elementos
- Agregar atributos y operaciones
- Crear generalización
- Crear asociación
Análisis textual
- Crear diagrama de análisis textual
- Determinar clases y elementos
- Crear clases candidatas
Diagrama de componentes
- Crear un componente
- Crear una interface
Introducción
Presentación
¿Cómo iniciar Jquery?
¿Dónde podemos documentarnos?
Herramientas necesarias
Introducción
Sintaxis Básica
Operadores
Control de flujo
Arrays y Objetos
Funciones
Introducción
Obteniendo JQuery 1.9.1
El nucleo de jQuery
Cargar Jquery desde Google
Novedades de Jquery 1.9
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
MÓDULO 2. CURSO PRÁCTICO JQUERY
Introducción
Editor de texto
Navegadores
Introducción HTML
¿Cómo creamos documento HTML?
Características básicas
Textos en HTML
Enlaces
Listas en HTML
Imágenes y objetos
Tablas
Formularios
Estructuras y layout
Otras etiquetas importantes
¿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
Modelo de cajas
Propiedades de las cajas
Margen, relleno, bordes y modelo de cajas
Posicionamiento y visualización
Posicionamiento
Visualización
Introducción a layout
¿Cómo centrar una página horizontalmente?
¿Cómo centrar una página verticalmente?
Estructura y layout
Altura/anchuras máximas y mínimas
Estilos avanzados
Textos en CSS
Enlaces
Imágenes
Listas
Tablas
Formulario
Versión para imprimir
Personalizar el cursor
Hacks y filtros
Prioridad en las declaraciones
Validar CSS
Recomendaciones Generales
Recursos útiles
¿Qué es Firebug?
¿Como se instala?
¿Como usamos Firebug?
¿Qué es HTML5?
¿Cuáles son las mejoras?
Etiquetas Obsoletas
Etiquetas modificadas
Lista de etiquetas HTML5
Atributos eliminados
Otros cambios
Estructura HTML5
Nueva estructuración del body
Otros elementos nuevos de estructuración
Introducción a atributos globales
Nuevos atributos
Introducción a los nuevos eventos.
Elemento bdi
Elemento command
Elemento data
Elementos details
Elemento mark
Elemento meter
Elemento progress
Elemento ruby
Elemento time
Elemento wbr
Nuevos elementos para los Formularios
Cambios en el atributo type (input)
Nuevos atributos para form
Nuevos atributos para fieldset
Nuevos atributos para input
Nuevos atributos para textarea
Introducción a los elementos multimedia
Etiqueta source
Etiqueta track
Elemento video
Elemento audio
Elemento embed
Elemento canvas
Introducción a MathML
Introducción a SVG
Introducción a Drag and Drop
Validador HTML5
Introducción
Unidades, colores y fuentes
Nuevos Selectores y pseudo-clases
Propiedades para la animación
Nuevas propiedades para los fondos
Nuevas propiedades para Bordes
Propiedades de las cajas
Propiedades de las cajas flexibles
Propiedades del color
Propiedades para las Fuentes
Propiedades para los hiperenlaces
Propiedades de las multi-columnas
Propiedades para texto
Propiedad 2D/3D Transform
Propiedades para las transiciones
Propiedades para la interfaz de usuario
Validación CSS3
Definición para front-end
Que son Frameworks, librerías, plugins, widgets
Uso de herramientas de creación de código
Instalar el servidor Apache WAMP
Qué es responsive
Fundamentos del front-end
Estructura de HTML
Diferencia de HTML y HTML5
Estructura del HTML
CSS y CSS3
Que son Wireframes, mockups y prototipos
Diseño fluido
En que se diferencia CSS y CSS3
Que son Wireframes, mockups y prototipos
Diseño fluido
Frameworks CSS
Frameworks JavaScript
Desarrollo a Bootstrap
Diseñando para Bootstrap
Personalizando el diseño con jQueryMobile
Presentación a Bootstrap
Diseñar para Bootstrap
Personalizando el HTML y el CSS
Usar la rejilla de Bootstrap
Formularios con Bootstrap
Funcionalidad de curso de diseño de interfaz
Archivos base de Ejemplo práctico de diseño de interfaz
Interfaz y novedades de Sketch 2 y Sketch 3
Trabajar con Sketch
Colores y tipografía en Sketch
Añadir imágenes
Qué es un UI Kit
Crear un menú web
Completamos para menú web
Sistemas de paginación en Sketch (Ejemplos)
Formulario en nuestra interfaz
Botones sociales en nuestro para interfaces
Notificaciones para nuestro kit de interfaz
Botones básicos con Sketch y bloques de contenido
Simulando un FAQ con Sketch
Presentación de perfil en nuestro kit de interfaz
Tag cloud o nube de etiquetas
Cita de autor en nuestro kit
Mini player musical: fondo, barra y botones
Finalización
Soluciones previas
Contenidos
Distribuir espacios y definir comportamiento
Partes de contenido
Creación de menú
Zona de proyectos
Zona de trabajos que utiliza
Zona y parte de cliente
Visualización y presentación del trabajo
Recapitular para continuar
Máscaras Flex
Contenidos para Flex y posibles posibilidades
Resumiendo
Textos y imágenes
Cambiar tamaños y zonas restringidas
Reconstrucción
Terminación y finalización del proyecto
Historia de Moodle
Definición y características de la plataforma de Elearning Moodle
Teoría del constructivismo social aplicada a Moodle
Módulos principales en Moodle
Instalación en local
Instalación en servidor
Registro en MoodleCloud
Ajustes de la página principal
Interfaz de la plataforma
Menú de administración
Repositorios y gestión de ficheros
Gestión de bloques y filtros
Configuración de la contraseña
Cambio de idioma
Modo edición
Temas
Iconos
Formatos de curso
Partes de la homepage
Categorías y subcategorías
Matriculación de usuarios
Gestión de grupos
Gestión de roles y permisos
Uso de tags
Subida, eliminación y reinicio de un curso
MÓDULO 2. RECURSOS EN MOODLE
Foro
Chat
Consulta
Retroalimentación
Encuesta
Correo
Archivos multimedia
Libros
Enlaces
Portafolios
Contenido IMS
SCORM
Cómo se crea un contenido SCORM
Cómo se prueba un contenido SCORM
Datos SCORM de seguimiento
Creación de contenido con eXelearning y su integración en Moodle
Creación de ejercicios de autoevaluación con HotPotatoes, herramientas e-learning y su integración en Moodle
Tarea
Taller
Base de datos
Glosario
Lección
Cuestionario
Wiki
Banco de preguntas
Categorías de preguntas
Exportación e importación de preguntas
Tipos de preguntas
Bitácora
Informes
Estadísticas
Calendario
Insignias
MÓDULO 3. ADMINISTRACIÓN DE MOODLE
Gestión de usuarios
Libro de calificaciones
Copias de seguridad
Finalización de actividad y de curso
Darse de alta en un servidor
Importar la base de datos a un servidor remoto
Conexión de la web con la base de datos
Subir archivos web mediante FTP
Mobile app
Para todos los usuarios
Para profesores
Para administradores
Titulación
Doble Titulación: – Titulación de Máster en Front-End Web Development y Diseño de Interfaz 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 Gestión de Plataformas Elearning con Moodle con 5 Créditos Universitarios ECTS