Máster Profesional en Diseño Web Full Stack · 03/ CSS 3 junto a HTML.2. • Selectores básicos,...
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](https://reader034.fdocumento.com/reader034/viewer/2022042303/5ece1ba13f5a86785f000101/html5/thumbnails/1.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022042303/5ece1ba13f5a86785f000101/html5/thumbnails/2.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022042303/5ece1ba13f5a86785f000101/html5/thumbnails/3.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022042303/5ece1ba13f5a86785f000101/html5/thumbnails/4.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022042303/5ece1ba13f5a86785f000101/html5/thumbnails/5.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022042303/5ece1ba13f5a86785f000101/html5/thumbnails/6.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022042303/5ece1ba13f5a86785f000101/html5/thumbnails/7.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022042303/5ece1ba13f5a86785f000101/html5/thumbnails/8.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022042303/5ece1ba13f5a86785f000101/html5/thumbnails/9.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022042303/5ece1ba13f5a86785f000101/html5/thumbnails/10.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022042303/5ece1ba13f5a86785f000101/html5/thumbnails/11.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022042303/5ece1ba13f5a86785f000101/html5/thumbnails/12.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022042303/5ece1ba13f5a86785f000101/html5/thumbnails/13.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022042303/5ece1ba13f5a86785f000101/html5/thumbnails/14.jpg)
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.