Máster Online en Diseño Web Front-End
Información
Trazos
Online
Curso
Abordar las diferentes tecnologías y lenguajes HTML5, CSS3 y JavaScript, complementando este último con sus dos principales librerías de desarrollo (jQuery y Angular). Definir y aplicar s de presentación con CSS. Comprender y desarrollar las fases de un proyecto web: desde la generación de contenido al diseño/prototipado, el testeo y la publicación. Aprender a crear piezas interactivas y banners mediante el trabajo con JavaScript. Manejar a nivel profesional aspectos del lenguaje Javascript tales como las funciones, los condicionales, los bucles, los arrays, las variables, las constantes y los operadores, entre otros. Dominar a nivel profesional el editor de código Sublime Text. A quién va dirigido Nuestro máster se orienta a estudiantes y/o profesionales del diseño, las bellas artes, comunicación y/o programación que quieran dar el salto del mundo del papel al interactivo, y que necesitan una inmersión total en el mundo de las tecnologías web, así como a emprendedores que estén pensando en la creación de una startup como modelo de negocio. Temario completo de este curso 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). 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. más
Otros cursos de esta academia
Curso de Animación para Videojuegos
(Trazos)
Aprender a combinar el diseño de objetos generados por ordenador con la expresión de su movimiento... conocer todos los detalles del mundo laboral en el campo de...
Curso de Substance Painter, Designer y Marmoset
(Trazos)
Conocer la exportación de mapas para distintas aplicaciones, así como para su subida en artstation, aprendiendo a crear un viewer en tiempo real...
Máster en Dirección de Arte
(Trazos)
Introducirte a la tipografía y el lettering, descubriendo a su vez todas las posibilidades que ofrece la ilustración digital... crear un portfolio online profesional...
Carrera en Ilustración
(Trazos)
Elaborar todo tipo de proyectos editoriales, aprendiendo a aunar técnica, narrativa y calidad estética... controlar las diferentes técnicas de pintura digital, 3d...
Máster en Animación 2D con Toon Boom
(Trazos)
Introducir al artista de animación a los múltiples entornos de la animación: cine, televisión, publicidad, diseño, multimedia, internet y videojuegos...
Monográfico de Photoshop
(Trazos)
Aprender a trabajar con capas 3d, dominando desde los ajustes de luces, los atributos de superficie, la combinación con capas bidimensionales o la pintura sobre...
Monográfico de Wordpress
(Trazos)
Abordar el proceso completo de diseño y desarrollo de proyectos web con el gestor de contenidos wordpress... adentrarnos en las fases de un proyecto web, conociendo...
Monográfico de Motion Graphics
(Trazos)
Manejar a nivel profesional desde las transparencias y los modos de fusión a los métodos y técnicas de animación, las capas de formas, la creación de textos, el...
Monográfico de After Effects
(Trazos)
Introducirte en el diseño y animación de gráficos, así como en la integración de tus creaciones sobre imagen real de una manera eficaz, atractiva y sobre todo, creativa...
Curso de Rigging con Autodesk Maya
(Trazos)
Conocer todos los conceptos y conocimientos del software autodesk maya en lo que concierne al trabajo del rigger... conocer todos los conceptos y conocimientos tanto...