Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos,...

14
Máster Profesional en Diseño Web Full Stack_ DURACIÓN: 600 HORAS

Transcript of Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos,...

Page 1: Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos. • Unidades de medida clásicas, calc() y unidades

Máster Profesional en Diseño Web Full Stack_DURACIÓN: 600 HORAS

Page 2: Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos. • Unidades de medida clásicas, calc() y unidades

Adobe es el motor que mueve el mundo de la edición digital. Si quieres entrar en un sector tan competitivo y exigente como este, es indispensable que aprendas a manejar sus herramientas más extendidas.

Nuestro Máster Profesional en Diseño Web Full Stack, te proporcionará los cono-cimientos profesionales para crear, editar y retocar imágenes en estudios de dis-eño, agencias de publicidad u otras empresas relacionadas con la comunicación visual. Además, adquirirás la capacidad de desarrollar proyectos Web de altísima calidad profesional.

Mást

er Pr

ofes

iona

l en

Dise

ño W

eb Fu

ll St

ack_

Page 3: Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos. • Unidades de medida clásicas, calc() y unidades

Mást

er Pr

ofes

iona

l en

Dise

ño W

eb Fu

ll St

ack_

Adobe impone estrictos controles de calidad a las escuelas y universidades que quieren pertenecer al grupo inter-nacional de centros de formación autorizados. Ser uno de los tres úni-cos Adobe Authorized Training Cen-ter (AATC) en España es una garantía indiscutible para nuestros alumnos.

Page 4: Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos. • Unidades de medida clásicas, calc() y unidades

Sin una comunicación visual potente y eficaz, los servicios ofrecidos por cualqui-er empresa corren el riesgo de permanecer invisibles a ojos del cliente. Por ello, las empresas no cesan de demandar profesionales que dominen a la perfección las herramientas de diseño gráfico y que sepan generar campañas de comuni-cación atrayentes y creativas. Con el Módulo de Adobe Design Tools aprenderás a manejar las principales herramientas de diseño y creación gráfica: Adobe Pho-toshop, Illustrator e InDesign.

MÓDULO

ADOBE DESIGN TOOLS_

Page 5: Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos. • Unidades de medida clásicas, calc() y unidades

TEMA

RIO_

01/ Adobe Photoshop. • Aspectos básicos de imagen y color. • Tamaño y resolución. • Creación, apertura e importación de imágenes. • Uso de herramientas y shortcuts. • Capas: selección, agrupación, enlace, opacidad, fusión. • Opacidad y fusión de capas. • Alineación y distribución de capas. • Selección: realización de selecciones, ajustes de selecciones de píxeles. • Ajustes de imagen. • Ajustes de color, niveles, curvas, de tonos rápidos. • Aplicación de efectos de color especiales. • Objetos inteligentes. • Reparación y restauración de la imagen. • Transformaciones. • Creación de imágenes panorámicas con Photomerge. • Filtros y efectos. • Filtros inteligentes. • Camera RAW. • Gestión del color.

02/ Adobe Illustrator • Introducción. • El color en el diseño. • Modos de representación del color. • Relaciones, atributos y combinaciones del color. • Formas básicas. • Herramienta pluma. • Herramientas de selección. • Máscaras. • Herramienta Segmentos. • Capas y mesas de trabajos. • Herramienta Pincel, Lápiz, Borrador y Recortes. • Herramienta Texto. • Principios del color. • Deformaciones y transformaciones de objetos. • Herramientas de Deformación y Transformación. • Símbolos, motivos, vectorización y pinceles especiales. • Herramienta 3D y dibujo en perspectiva.

03/ Adobe InDesign.• Espacio de trabajo. • Maquetación y diseño. • Páginas y pliegos. • Reglas y unidades de medida. • Cuadrículas, capitulares y ceñir texto a objetos. • Fuentes, estilos de párrafo, carácter y objeto. • Agrupación, bloqueo y duplicación de objetos. • Capas. • Color. • Tintas planas y colores de cuatricromía. • Mezcla de tintas y degradados. • Tablas e índices. • Exportación y publicación para la impresión. • Publicaciones digitales. • Diseños flotantes y alternativos.• El formato ePUB. • Comprensión de las reglas del diseño líquido.• Exportación de contenido para ePUB.

Page 6: Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos. • Unidades de medida clásicas, calc() y unidades

El mundo de la web evoluciona de manera constante e imparable. Por ello, resulta indispensable contar con una sólida base de conocimientos en sus lenguajes más elementales. El Módulo de Html5 y Css3 ha sido pensado para ofrecerte una for-mación íntegra y profesional en las posibilidades de dos de los principales len-guajes empleados en desarrollo web, base que te abrirá las puertas de cualquier proyecto de diseño online.

MÓDULO

HTML5 Y CSS3_

Page 7: Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos. • Unidades de medida clásicas, calc() y unidades

TEMA

RIO_

01/ Introducción al entorno digital. • La tecnología web. • Lenguajes de programación web y su aplicación a proyectos.• Diferencia entre: Frontend, Backend, Mean y Fullstack. • 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. • Principios de usabilidad (UX / UI) y prototipado digital ( Adobe XD CC ). • Fundamentos de desarrollo front-end. • Conceptos: Diseño Mobile First, Diseño responsive, Diseño Grid.

02/ HTML 5.2 junto a CSS 3.• Introducción a HTML 5.2 Próxima aprobación de HTML5.3 • Etiquetas de secciones y contenidos. • Texto. • Enlaces: Absolutos, Relativos y rutas. • Imágenes y la etiqueta. • SVG: Uso para iconos. • Vídeo y Audio. • Listas.• Tablas • Formularios. • Interactivos: details y summary.

03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos.• Unidades de medida clásicas, calc() y unidades avanzadas (vw y vh). • Tipografía segura, @font-face y Google Fonts. • Animaciones: Transition, Animation y @keyframes. • Maquetación clásica flotante. • Maquetación Flexbox. • Introducción con CSS Grid. • Preprocesadores: Diferencias y ventajas. • LESS: Introducción, Variables, Operaciones, Mixins y Funciones. • SASS: Introducción, @media y @mixin. • FireSass (Integración con Firebug). • Futuras propiedades. Ex: Filter y Backdrop-filter.

04/ Web e interactividad con JavaScript.• Introducción a Javascript: Variables, condicionales y funciones.• jQuery: Introducción sobre Frameworks, qué es y para qué sirve.• Selectores en jQuery y el uso del click() / toggleClass().• Efectos básicos: FadeIn(), FadeOut(). • Trabajando con plugins (FlexSlider, FancyBox 3, OnePageScroll, Waypoints).

Page 8: Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos. • Unidades de medida clásicas, calc() y unidades

TEMA

RIO_

05/ Banners en HTML5 y Newsletter. • Banners: Tipos y programación con simple /Múltiples ClickTag.• Animación e interactividad de banners con Adobe Animate. • Newsletter: Maquetación en tablas y MJML.

06/ PHP, PHPMyAdmin y WordPress. • Tecnología cliente/servidor.• PHP 7: qué es y para qué sirve.• Envío de datos mediante formularios. • Gestores de contenido. Fundamentos básicos de WordPress.

07/ Optimizar y posicionar el proyecto web. • Validadores W3C de HTML 5 y CSS3. • Google AMP. • Google PageSpeed Insights. • SEO básico, Open Graph y Google Analytics. • Subida de archivos vía FTP y el paso de producción.

Page 9: Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos. • Unidades de medida clásicas, calc() y unidades

Los lenguajes de programación son el ADN de internet. Saber manejarlos y apli-carlos a niveles profesionales es tener la capacidad de construir el principal medio de comunicación y entretenimiento de nuestros días. Adéntrate en uno de los principales con Javascript y dos de sus principales librerías: jQuery y Angular.

MÓDULO

JAVASCRIPT, JQUERY Y ANGULAR_

Page 10: Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos. • Unidades de medida clásicas, calc() y unidades

TEMA

RIO_

01/ Javascript Nativo.• Introducción: Qué es y para qué sirve. • HTML y JavaScript. • Tipos de ejecución de JavaScript. • Reglas de sintaxis del código. • Mensajes de error y consejos para depurar el código (debug). • Herramientas de depuración de JavaScript. • Principios de la programación orientada a objetos.

02/ Variables, constantes y operadores. • Variables, tipología y alcance. • 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. • Operadores: tipología y dónde se usan. • Operadores aritméticos, comparación, lógicos, asociativos, concatenación. • Operadores especiales.

03/ Funciones, condicionales y bucles.• Las instrucciones condicionales: If. • Operador switch. • Las instrucciones de repetición (bucles): for , while / do while. • Interrumpir y abandonar los bucles. • Funciones: Declaración, uso, transmisión de datos y return. • This y su encapsulamiento. • Utilizar una función para crear un objeto. • Prototipos. • Herencia. • Métodos y propiedades privadas.

04/ Objetos.• Introducción a objetos. • Definición y creación mediante una función. • Propiedades y Métodos. • Prototipos. • Herencia.

05/ Arrays. • Arrays de una dimensión. • Arrays bidimensionales. • Recorrer matrices.

06/ 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. • Envío de un archivo por formulario. • Validar y enviar un formulario por correo electrónico.

Page 11: Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos. • Unidades de medida clásicas, calc() y unidades

TEMA

RIO_

07/ AJAX y JSON. • AJAX y JavaScript • XmlHttpRequest y FormData. • JSON.

08/ Nuevo en HTML5. • Reproducción de multimedia: Video y audio. • Local Storage.

09/ 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. • Auto-completar. • 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/ AngularJS.• Diferencia entre AngularJS y Angular. • Directivas: ng-repeat ,ng-hide, ng-show, ng-style, ng-class, ng-click. • Controladores. • Expresiones. • Filtros. • Scope. • Formularios. • Animaciones: ng-animate con CSS + JS.

11/ Angular 5. • NodeJS, Express JS y NPM. • Introducción a TypeScript.• Tipos de datos en TypeScript.• Angular CLI: Instalación y uso.• Componentes. • Plantillas. • Directivas. • Binding. • Eventos. • Routing. • Formularios. • Pipes y Filtros. • Servicios: HTTP y AJAX. • Introducción a una API REST.

Page 12: Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos. • Unidades de medida clásicas, calc() y unidades

Conocer el lenguaje PHP es conocer el lenguaje de servidor más extendido en la red, el cual, junto con MySQL, uno de los motores de bases de datos más robustos y difundidos, se ha vuelto una pieza clave para todo desarrollador back-end. El conocimiento y manejo de ambos son altamente recomendables para aquellas personas que quieran tener una visión global de la web.

MÓDULO

PHP Y MYSQL_

Page 13: Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos. • Unidades de medida clásicas, calc() y unidades

TEMA

RIO_

01/ Introducción. • Introducción e historia de PHP. • Instalación Apache/PHP 7/MySQL/PhpMyAdmin. • Variables, tipología y alcance. • Reglas de nombres y palabras reservadas. • Operadores: tipología y dónde se usan. • Operadores aritméticos, comparación, lógicos, asociativos, concatenación. • Operadores especiales. • Arrays de una dimensión. • Arrays bidimensionales. • Recorrer arrays.

02/ Funciones, condicionales y bucles. • Expresiones condicionales: IF. • Bucles: For, while, switch. • Las instrucciones condicionales: If. • Operador switch. • Las instrucciones de repetición (bucles): for , while /

do while • Interrumpir y abandonar los bucles.• Funciones: Declaración, invocación, parámetros,

transmisión de datos y devolución de valor.

03/ POO (Programación Orientada a Objetos). • Clases, Clases anónimas y Objetos. • Herencia, Propiedades y Métodos. • Parámetros y devolución de valores. • Excepciones. • Visibilidad. • Interfaces.

04/ Funciones predefinidas del lenguaje. • Manipulación de cadenas de caracteres. • Conversión y manipulación de arrays. • Fecha y hora. • Acceso y manipulación de ficheros. • Subir ficheros al servidor. • Funciones de acceso a directorios. • Función mail().

05/ MySQL y PHPMyAdmin.• Introducción y estructura de una base de datos. • Modelado de datos para base de datos relacionales. • Creación de Base de datos, tablas y campos. • Introducción de registros. • Importar y exportar Bases de datos, tablas y datos. • Usuarios y Privilegios. • Consultas básicas y Joins.

06/ Conectando PHP a MySQL. • Conectar a la base de datos con PHP. • Formularios y métodos de envío GET/POST. • Recepción de datos con $_REQUEST. • CRUD con PHP desde formularios. • Grid de Datos simple con PHP. • Grid de datos con Paginación con PHP. • Definición y creación de un buscador.

Page 14: Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos, avanzados y Pseudoelementos. • Unidades de medida clásicas, calc() y unidades

TEMA

RIO_

07/ Introducción a CMS. • Definición e importancia de un CMS. • Autentificación de usuarios. • Sesiones de usuarios. • Variables cookies junto a sesiones. • Definición de plantillas dinámicas. • CRUD de páginas web dinámicas. • Gestor de contenido con diseño integrado.

08/ Diseño avanzado de aplicaciones mixtas. • PHP con AJAX. • PHP con JQuery + JSON. • Creación de XML/RSS con PHP. • Introducción a WebServices.

09/ Extras. • Archivo .htaccess. • Archivo php.ini.