Beruflich Dokumente
Kultur Dokumente
Online
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
Descripcin
Si trabaja en el mbito de la programacin y desarrollo y quiere especializarse en el diseo de web e
interfaces este es su momento, con el Master en Diseo de Interface y Front-End con HTML, CSS3 y
JQuery podr adquirir los conocimientos oportunos para desarrollar esta funcin de la mejor manera
posible, aplicando diferentes estrategias para desarrollar interfaces con herramientas como Photoshop
e Illustrator.
cursos Homologados
cursos online
Puede matricularse hoy con un 10% de descuento, si se matricula online en el siguiente enlace:
Al formar parte de Euroinnova podrs disponer de los siguientes servicios totalmente gratis, adems de
pasar a formar parte de una escuela de negocios con un porcentaje de satisfaccin de ms del 95%,
auditada por agencias externas, adems de contar con el apoyo de las principales entidades formativas
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
A quin va dirigido
El Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery est dirigido a todos aquellos
profesionales del sector que quieran ampliar su formacin o especializarse en las funciones de diseo
de interfaces con Front-End o herramientas de diseo grfico como Photoshop e Illustrator.
Objetivos
- Aprender sobre UML 2.0 para la iniciacin al mundo de los patrones de diseo de software.
- Conocer los diferentes diagramas de UML 2, desde la descripcin de los requisitos a partir de casos
de uso, hasta el diagrama de componentes pasando por los diagramas de interaccin, de clases, de
estructura compuesta, de estados transiciones y de actividades.
- Aprender a crear guiones o scripts que se incluyen en las pginas web y que son ejecutados por el
navegador que utiliza el usuario. Tareas como la validacin de los datos enviados por el usuario en un
formulario pueden ser llevadas a cabo mediante la programacin del lado cliente.
- Estudiar el concepto de Modelo de Objetos del Documento o DOM.
- Estudiar las novedades que aportan HTML5 y CSS3 como evolucin de los dos principales
estndares web.
- Conocer las novedades que aparecen con la versin Nivel 3 de las Hojas de estilo en cascada
(CSS3).
Salidas laborales
Programacin, Desarrollo, Informtica, Diseo web, Diseo grfico.
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
Titulacin
Titulacin Mltiple: - Titulacin de Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery
con 600 horas expedida por EUROINNOVA BUSINESS SCHOOL como Escuela de Negocios
Acreditada para la Imparticin de Formacin Superior de Postgrado y Avalada por la Escuela Superior
de Cualificaciones Profesionales
- Certificacin Universitaria en Analista Programador JQuery con 4 Crditos Universitarios ECTS
(Curso Homologado y Baremable en Oposiciones de la Administracin Pblica ) con 110 horas
Una vez finalizado el curso, el alumno recibir por parte de Euroinnova Formacin va correo postal, la titulacin
que acredita el haber superado con xito todas las pruebas de conocimientos propuestas en el mismo.
Esta titulacin incluir el nombre del curso/master, la duracin del mismo, el nombre y DNI del alumno, el
nivel de aprovechamiento que acredita que el alumno super las pruebas propuestas, las firmas del
profesor y Director del centro, y los sellos de la instituciones que avalan la formacin recibida (Euroinnova
Formacin, Instituto Europeo de Estudios Empresariales y Comisin Internacional para la Formacin a
Distancia de la UNESCO).
Forma de financiacin
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
- Contrarrembolso.
- Transferencia.
- Tarjeta de crdito.
Metodologa
Entre el material entregado en este curso se adjunta un documento llamado Gua del Alumno dnde
aparece un horario de tutoras telefnicas y una direccin de e-mail dnde podr enviar sus consultas,
dudas y ejercicios. Adems recibir los materiales didcticos que incluye el curso para poder
consultarlos en cualquier momento y conservarlos una vez finalizado el mismo.La metodologa a seguir
es ir avanzando a lo largo del itinerario de aprendizaje online, que cuenta con una serie de temas y
ejercicios. Para su evaluacin, el alumno/a deber completar todos los ejercicios propuestos en el
curso. La titulacin ser remitida al alumno/a por correo una vez se haya comprobado que ha
completado el itinerario de aprendizaje satisfactoriamente.
Materiales didcticos
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
- CDROM 'Curso Prctico jQuery'
- Subcarpeta portafolios
- Dossier completo Oferta Formativa
- Carta de presentacin
- Gua del alumno
- Sobre a franquear en destino
- Bolgrafos
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
Plazo de finalizacin
El alumno cuenta con un perodo mximo de 12 meses para la finalizacin del mster, a contar desde la fecha de
recepcin de las materiales del mismo.
Si una vez cumplido el plazo no se han cumplido los objetivos mnimos exigidos (entrega de ejercicios y
evaluaciones correspondientes), el alumno podr solicitar una prrroga con causa justificada de 3
meses.
Bolsa de empleo
El alumno tendr la posibilidad de incluir su currculum en nuestra bolsa de empleo y prcticas,
participando as en los distintos procesos de seleccin y empleo gestionados por ms de 2000
empresas y organismos pblicos colaboradores, en todo el territorio nacional.
Club de alumnos
Servicio gratuito que permitir al alumno formar parte de una extensa comunidad virtual que ya disfruta
de mltiples ventajas: becas, descuentos y promociones en formacin, viajes al extranjero para
aprender idiomas...
Revista digital
El alumno podr descargar artculos sobre e-learning, publicaciones sobre formacin a distancia,
artculos de opinin, noticias sobre convocatorias de oposiciones, concursos pblicos de la
administracin, ferias sobre formacin, etc.
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
Programa formativo
PARTE 1. PROGRAMACIN DE PGINAS WEB CON JAVASCRIPT
UNIDAD DIDCTICA 1. INTRODUCCIN A LAS PGINAS WEB
Introduccin
Programacin del lado del cliente
Programacin del lado del Servidor
Qu utilizaremos?
Qu necesita saber?
Nuestro primer ejemplo
UNIDAD DIDCTICA 2. INTRODUCCIN A JAVASCRIPT
La etiqueta SCRIPT
Contenido Alternativo
Variables
Tipos de Datos
Operadores
Cuadros de dilogo
Prctica 2
UNIDAD DIDCTICA 3. CONCEPTOS BSICOS DE PROGRAMACIN
Introduccin
Estructuras de decisin
Estructuras lgicas
Estructuras de repeticin
Definir funciones
Llamadas a funciones
mbito de las variables
Prctica 3
UNIDAD DIDCTICA 4. OBJETOS EN JAVASCRIPT
Introduccin
La jerarqua de objetos
Propiedades y Eventos
Mtodos
Prctica 4
UNIDAD DIDCTICA 5. LOS OBJETOS LOCATION E HISTORY
Qu es un URL?
El Objeto Location
Redirigir a otra pgina
El Objeto History
Prctica 5
UNIDAD DIDCTICA 6. EL OBJETO DOCUMENT
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
Introduccin
La propiedad Title
Los colores de la pgina
El mtodo write
El conjunto images
Prctica 6
UNIDAD DIDCTICA 7. EL OBJETO FORM
Formularios HTML
El conjunto forms
La propiedad elements
Validar la informacin
Cundo realizar la validacin?
Tipos de Validacin
Prctica 7
UNIDAD DIDCTICA 8. LOS OBJETOS FRAME, NAVIGATOR Y SCREEN
El conjunto frames
El objeto navigator
El objeto screen
Prctica 8
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
- Diagrama de secuencia
- Diagrama de comunicacin
- Marcos de interaccin
Modelado de objetos
- Conocer los objetos del sistema por descomposicin
- Representacin de clases
- Las asociaciones entre objetos
- Relacin de generalizacin/especializacin entre clases
- Diagrama de objetos o instancias
- Diagrama de estructura compuesta
UNIDAD DIDCTICA 4. ESTRUCTURACIN DE LOS ELEMENTOS DE MODELADO
Introduccin
Empaquetado y diagrama de empaquetado
Asociaciones entre empaquetados
UNIDAD DIDCTICA 5. MODELADO II:
Modelado de objetos
- La nocin de estado
- El cambio de estado
- Elaboracin 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
UNIDAD DIDCTICA 6. LOS PERFILES
Introduccin
Los perfiles
Estereotipos
Tagged values
UNIDAD DIDCTICA 7. VISUAL PARADIGM
Introduccin
Instalacin
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 generalizacin
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
- Crear asociacin
Anlisis textual
- Crear diagrama de anlisis textual
- Determinar clases y elementos
- Crear clases candidatas
Diagrama de componentes
- Crear un componente
- Crear una interface
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
Leer Atributos
Modificar Atributos
Modificar varios valores de atributos a la vez
Aadir atributos con Attr
Eliminar un atributos con removeAttr()
UNIDAD DIDCTICA 7.CSS EN JQUERY
Introduccin
Acceso a propiedades con .css()
Modificar propiedades css con .css(nombre_propiedad_css, valor)
UNIDAD DIDCTICA 8.AJAX EN JQUERY
Introduccin
Conceptos Claves
Cargar un Archivo
El mtodo GET o POST
Cargar un Script
El mtodo AJAX de jQuery
UNIDAD DIDCTICA 9.FORMULARIOS
Introduccin
Formularios
UNIDAD DIDCTICA 10.EFECTOS EN JQUERY
Introduccin
Los efectos show() y hide()
Efectos de fundido
Creacin de una animacin
Envo de funciones callback
Cola de efectos
Efectos con desplazamientos
UNIDAD DIDCTICA 11.JQUERY UI
Introduccin
Instalacin
Usando jQuery UI en nuestra pgina web
Plugin draggable
Componente Dialog
Componente Button
UNIDAD DIDCTICA 12.PLUG-IN EN JQUERY
Plugins
Desarrollar Plug-ins
Aadir nuevos mtodos abreviados
Parmetros del mtodo
Otras funciones para plug-ins
Compartir un Plug-in
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
UNIDAD DIDCTICA 1. HERRAMIENTAS NECESARIAS
Introduccin
Editor de texto
Navegadores
UNIDAD DIDCTICA 2. INTRODUCCIN HTML
Introduccin HTML
Cmo creamos documento HTML?
Caractersticas bsicas
UNIDAD DIDCTICA 3. TEXTO, ENLACES, LISTAS, IMGENES Y OBJETOS
Textos en HTML
Enlaces
Listas en HTML
Imgenes y objetos
UNIDAD DIDCTICA 4. TABLAS, FORMULARIOS Y ESTRUCTURAS
Tablas
Formularios
Estructuras y layout
UNIDAD DIDCTICA 5. OTRAS ETIQUETAS IMPORTANTES
Otras etiquetas importantes
UNIDAD DIDCTICA 6. METAINFORMACIN, ACCESIBILIDAD Y VALIDACIN
Qu es la Metainformacin?
Accesibilidad
Validacin
UNIDAD DIDCTICA 7. INTRODUCCIN CSS
Introduccin CSS
Soporte de CSS en navegadores
Especificacin oficial
Funcionamiento bsico de CSS
Cmo incluir CSS en la Web?
Estilo bsico
Medios CSS
Comentarios
Sintaxis de la definicin
UNIDAD DIDCTICA 8. SELECTORES, UNIDADES DE MEDIDA Y COLORES
Selectores CSS
Unidades de medida
Colores
UNIDAD DIDCTICA 9. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIN
Modelo de cajas
Propiedades de las cajas
Margen, relleno, bordes y modelo de cajas
Posicionamiento y visualizacin
Posicionamiento
Visualizacin
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
UNIDAD DIDCTICA 10. ESTRUCTURAR UNA PGINA LAYOUT
Introduccin a layout
Cmo centrar una pgina horizontalmente?
Cmo centrar una pgina verticalmente?
Estructura y layout
Altura/anchuras mximas y mnimas
Estilos avanzados
UNIDAD DIDCTICA 11. TEXTO, ENLACES, IMGENES Y LISTAS
Textos en CSS
Enlaces
Imgenes
Listas
UNIDAD DIDCTICA 12. TABLAS, FORMULARIOS Y SHORTHAND
Tablas
Formulario
UNIDAD DIDCTICA 13. OTRAS UTILIDADES DE CSS
Versin para imprimir
Personalizar el cursor
Hacks y filtros
Prioridad en las declaraciones
Validar CSS
Recomendaciones Generales
Recursos tiles
UNIDAD DIDCTICA 14. FIREBUG
Qu es Firebug?
Como se instala?
Como usamos Firebug?
UNIDAD DIDCTICA 15. INTRODUCCIN HTML5
Qu es HTML5?
Cules son las mejoras?
Etiquetas Obsoletas
Etiquetas modificadas
Lista de etiquetas HTML5
Atributos eliminados
Otros cambios
Estructura HTML5
Nueva estructuracin del body
Otros elementos nuevos de estructuracin
UNIDAD DIDCTICA 16. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES
Introduccin a atributos globales
Nuevos atributos
Introduccin a los nuevos eventos.
UNIDAD DIDCTICA 17. NUEVOS ELEMENTOS SEMNTICOS
Elemento bdi
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
Elemento command
Elemento data
Elementos details
Elemento mark
Elemento meter
Elemento progress
Elemento ruby
Elemento time
Elemento wbr
UNIDAD DIDCTICA 18. MEJORAS EN LOS FORMULARIOS
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
UNIDAD DIDCTICA 19. OTRAS MEJORAS DE HTML5
Introduccin a los elementos multimedia
Etiqueta source
Etiqueta track
Elemento video
Elemento audio
Elemento embed
Elemento canvas
Introduccin a MathML
Introduccin a SVG
Introduccin a Drag and Drop
Validador HTML5
UNIDAD DIDCTICA 20. INTRODUCCIN A CSS3
Introduccin
Unidades, colores y fuentes
Nuevos Selectores y pseudo-clases
UNIDAD DIDCTICA 21. ANIMACIONES, FONDOS Y BORDES
Propiedades para la animacin
Nuevas propiedades para los fondos
Nuevas propiedades para Bordes
UNIDAD DIDCTICA 22. CAJAS, CAJAS FLEXIBLES, COLORES Y FUENTES
Propiedades de las cajas
Propiedades de las cajas flexibles
Propiedades del color
Propiedades para las Fuentes
UNIDAD DIDCTICA 23. ENLACES Y MULTI-COLUMNAS
Propiedades para los hiperenlaces
Propiedades de las multi-columnas
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
UNIDAD DIDCTICA 24. TEXTO Y 2D/3D TRANSFORMACIONES
Propiedades para texto
Propiedad 2D/3D Transform
UNIDAD DIDCTICA 25. TRANSICIONES E INTERFAZ DE USUARIO
Propiedades para las transiciones
Propiedades para la interfaz de usuario
Validacin CSS3
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
UNIDAD DIDCTICA 1. PREPARACIN
Decisiones previas
Contenidos
Distribuir espacios
Definir comportamientos
Zonas con contenido
UNIDAD DIDCTICA 2. EL DISEO
El Men
Los proyectos
Zona de proyectos
Mostrar los trabajos
La zona de trabajos
Parte de cliente
Zona de cliente
Ampliar visualizacin
Presentar trabajos
Datos de los trabajos
Informacin escrita
UNIDAD DIDCTICA 3. LA PROGRAMACIN
Recapitular para continuar
Mscaras Flex
Contenidos para Flex
Posibilidades mltiples
Resumiendo
UNIDAD DIDCTICA 4. LOS CONTENIDOS
Los textos
Las imgenes
Cambiar tamaos
Cambios restringidos
Recapitulando
Cierre y despedida
master online
cursos online
Terminos relacionados:
www.euroinnova.edu.es
Master en Diseo de Interface y Front-End con HTML, CSS3 y JQuery + Titulacin Universitaria
Actividades, Analista, Arquitectura, conceptos, Core, curso, DB-Main, Dinmica, diseo, Estructuracin,
Eventos, Framework, HTML, JavaScript, jQuery, MDA, Modelado, Objetos, Orientacin, Patrones, perfiles,
Plugins, Programacin, programador, Requisitos, Selectores, Software, uml, Vida, Web
www.euroinnova.edu.es