MÁSTER ONLINE EN DISEÑO Web_. Duración: 100 sesiones aprox. (300 horas lectivas)

Transcripción

1 MÁSTER ONLINE EN DISEÑO Web_ Duración: 100 sesiones aprox. (300 horas lectivas)

2 MÁSTER ONLINE EN DISEÑO WEB_ Organizar y gestionar el contenido de la web se ha vuelto tan imprescindible como hace tan solo unos años lo era saber editar una revista. Por eso, el programa del Máster en Diseño Web se orienta a formar tus habilidades organizando la web con HTML/ HTML5, definiendo capas de presentación con CSS, optimizando y posicionando webs, el uso avanzado de CSS o el diseño para mutidispositivos, entre otras competencias. Esta modalidad está especialmente orientada a alumnos y profesionales que deseen iniciarse en Desarrollo Web, así como a aquellos interesados en ampliar y consolidar sus conocimientos en el campo de la creatividad digital, procedentes de carreras y/o módulos de Comunicación, Bellas Artes, Diseño, Marketing y Publicidad. En este curso utilizarás los softwares: Sublime Text, Mamp y Xampp, Node.js / Less, Photoshop

3 Adobe impone estrictos controles de calidad a las escuelas y universidades que quieren pertenecer al grupo internacional de centros de formación autorizados. Ser uno de los tres únicos Adobe Authorized Training Center (AATC) en España es una garantía indiscutible para nuestros alumnos.

4 HTML5 y CSS3_ Html5 y Css3 ha sido pensado para ofrecerte una formación íntegra y profesional en las posibilidades del diseño web. Nuestro proyecto formativo cubre todas las áreas de la comunicación digital, desde la creación y optimización de páginas web hasta la realización de campañas de comunicación online o la creación de animaciones para Internet. Nos avalan más de 20 años dedicados a la formación en las nuevas tecnologías y un plantel de profesionales que conocen de primera mano el mercado laboral.

5 TEMARIO_ 01/ El nuevo entorno digital La tecnología web. Lenguajes de programación web y su aplicación a proyectos. Front-end y back-end. Servidores web. VPS y Cloud. Análisis de tendencias de diseño web. Definir y la estrategia de un proyecto. Tipos de web. Fases del proceso web. Dirección de arte digital. Conceptualización gráfica. Layouts y tipos de estructura. El color en la web. Tipografía en el entorno digital. Técnicas de Pixel Perfect. Contenidos multimedia. Técnicas básicas de Photoshop e Illustrator en diseño web. Fundamentos de Sketch: creación de gráficos vectoriales e interfaces. Principios de usabilidad (UX / UI) y prototipado digital (Balsamiq y Marvel) Fundamentos de desarrollo front-end. Diseño mobile first y conceptos básicos de diseño responsive. Editores web (Sublime Text). Conceptos de control de versiones con Github/Sourceforge. Subida de archivos vía FTP y el paso de producción. 02/ Organizar y ensamblar la web con HTML/HTML5 HTML (edición del código Sublime Text). HTML5, nuevas etiquetas y roles. Organización del contenido. Texto y enlaces. Trabajando con imágenes. Formularios. Contenido multimedia. Diseño y maquetación de newsletters. 03/ De inir y aplicar la capa de presentación con CSS CSS (edición del código Sublime Text) Selectores de elementos, ID y clase. Unidades de medida y aplicación del color. Tipografía: aplicando estilo al texto. Web fonts. Posicionamiento y principios de maquetación web. Iniciación a la maquetación flexible multidispositivo (Responsive Design). 04/ Web e interactividad con JavaScript JavaScript y el soporte en navegadores. Introducción al lenguaje. Sintaxis. Conceptos básicos. Librería JQuery: qué es y para qué sirve. Operaciones con HTML y CSS. Trabajando con plugins (FlesxSlider, OnePageScroll, Masonry, Parallax,etc.)

6 TEMARIO_ 05/ Banners y piezas interactivas (HTML5, CSS y JavaScript) Publicidad display. Rich media y adservers. La decadencia de la tecnología Flash. Alternativas. Animación e interactividad de banners con Google Web Designer. 06/ PHP y los CMS (WordPress) Tecnología cliente/servidor. La web dinámica. Fundamentos básicos de PHP. Envío de datos mediante formularios. Gestores de contenido. Fundamentos básicos de WordPress. 07/ Optimizar y posicionar el proyecto web Accesibilidad y estándares. Validadores. Optimización del rendimiento del sitio web. Posicionamiento (SEO) y Analytics. Seguridad y legislación.

7 JavascripT, Jquery y Angular 2_ JavaScript es un lenguaje de programación web que se utiliza principalmente del lado del cliente permitiendo crear efectos atractivos y dinámicos en las páginas web. En los últimos tiempos la irrupción de diversos frameworks basados en este lenguaje como jquery, AngularJS o Node, han devuelto a Javascript a la primera plana del desarrollo front end, convirtiéndolo en un elemento indispensable para cualquier desarrollo web.

8 TEMARIO_ 01/ Introducción Primeros pasos con JavaScript HTML y JavaScript Tipos de ejecución de JavaScript Reglas de sintaxis del código Tabulación Mensajes de error y consejos para depurar el código (debug) Herramientas de depuración de JavaScript Iniciación a la programación orientada a objetos y JavaScript Lenguaje de script y lenguaje de programación Principios de la programación orientada a objetos Objetos, métodos y propiedades 02/ Variables, constantes y operadores Utilización de constantes variables y operadores Tipología de variables Alcance de las variables Declaración, asignación y visualización de variables Transferencia de valores entre variables y conversión de tipo Reglas de nombres y palabras reservadas Tipología de operadores Operadores aritméticos, comparación, lógicos, asociativos, concatenación. Operadores especiales 03/ Funciones, condicionales y bucles Las instrucciones condicionales Instrucción If Operador switch Las instrucciones de repetición (bucles) Instrucción for Instrucción while / do while Interrumpir y abandonar los bucles Método alert Método confirm Método prompt Declaración de las funciones Utilizar varias funciones y transmitir datos entre ellas La instrucción return Clausuras La clave This Utilizar una función para crear un objeto Prototipos Herencia Métodos y propiedades privadas 04/ Arrays Arrays de una dimensión Arrays bidimensionales Recorrer matrices

9 TEMARIO_ 05/ Formularios Utilización de JavaScript con los formularios El objeto Form Métodos Los elementos de un formulario Manipulación del campo de texto Manipulación del campo textarea Controlar las casillas Control de los botones de opción Controlar los valores de selección de una lista Controlar los valores de una lista de selección múltiple Envio de un archivo por formulario Validar y enviar un formulario por correo electrónico 06/ Ajax y JSON AJAX y JavaScript El objeto XmlHttpRequest JSON 07/ Varios Principales objetos JavaScript El objeto window JavaScript y las cookies El DOM (Document Object Model) Introducción a las expresiones regulares 08/ jquery Conceptos básicos Sintáxis del framework Selección de elementos Manejo de eventos Efectos visuales y animación Funciones de jquery jquery UI Ventanas modales de diálogo y notificaciones Controles de interfaz de usuario. Manejo de datos de formularios con JavaScript y JQuery Campos requeridos. Campos requeridos con dependencia. Validación de datos. Máscaras y formato de texto. Autocompletar. Creación de Selects dinámicas. Combinación CSS y jquery. Técnicas de navegación responsive. Smooth scrolling. Animaciones Waypoints. Composición de interfaz con jquery. jquery y Ajax.

10 TEMARIO_ 09/ Angular Introducción a Angular.js Elementos que conforman Angular 2. NodeJS y npm. Conceptos e instalación. Instalar Angular 2. Introducción a TypeScript. Mostrar propiedades de un componente. Tipos de datos en TypeScript. Plantillas en ficheros HTML independientes. Plantillas en línea o plantillas independientes en Angular 2. El constructor, métodos y propiedades. Crear un modelo de datos. Crear una clase para los datos en Angular 2. Estilos CSS para un componente. Directiva NgIf, directiva NgClass y evento Click. Condicional if en Angular 2. Two-way data binding. Directiva NgFor, NgIf y arrays en TypeScript. Mostrando un array asociativo con NgFor en Angular 2. Array de Objetos. Múltiples componentes, evento click y two-way data binding. Crear y usar un servicio. Base href. Routing básico. Rutas y añadir datos con un servicio. Importar modelo en el servicio. Rutas con parámetros. Formularios y validación. Analizar API Rest y base de datos. Crear servicio, configurar módulo HTTP y crear un método con petición AJAX. Imagen de carga (HTMLElement y queryselector). Crear componente y método en el servicio. Mostrar datos y NgSwitch. Validación formularios. Método en el servicio y petición HTTP. Subir ficheros con Angular.

11