-
Tipo
Másters Privados
-
Modalidad
Presencial
-
Duración / Créditos
300 h.
-
Fechas
Matric. Permanente
-
Sedes
Madrid
Información general
DESCRIPCIÓN:
El Front-End es, sin duda, unos de los más creativos aspectos del desarrollo web, en el que se pondrá a prueba el talento estético y visual de los alumnos para crear mucho más que una web. La misión de estos será la de crear una experiencia que vaya más allá del servicio o el producto, justo lo que demandan en la actualidad la gran mayoría de empresas, agencias y estudios.
Con este Máster en Diseño Web Front-End el alumno se preparará para saber manejar las dos herramientas necesarias para emprender su carrera profesional en este campo: JavaScript y HTML5.
La demanda de este tipo de profesionales ha llevado el conocimiento sobre JavaScript y HTML5 en un paso fundamental para iniciarse en este sector.
ASPECTOS A TENER EN CUENTA
FINALIDAD DEL PROGRAMA FORMATIVO:
- 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 capas 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?
TEMARIO
• Lenguajes de programación web y su aplicación a proyectos.
• Perfiles: Frontend, Backend, Mean y Fullstack.
• Análisis de tendencias en programación web.
• Fases del proceso web.
• Conceptualización gráfica.
• Layouts y tipos de estructura.
• El color en la web.
• Principios de usabilidad (UX / UI).
02/ HTML5.
• Introducción al lenguaje HTML 5.
• Estructura: header, footer, main, section, article y aside.
• Texto: Strong, span y em.
• Enlaces.
• Imágenes y Picture.
• Imágenes SVG: Imagen vs Código.
• Etiquetas Vídeo y Audio.
• iFrames.
• Listas.
• Tablas.
• Formularios.
• Atributos data-.
• Etiquetas Meta.
• Meta Open Graph.
03/ CSS3.
• Selectores: Básicos, Avanzados, Pseudoelementos (before/after)
• Unidades de medida: básicas, avanzadas y función calc().
• Tipografía: @font-face y Google Fonts.
• Maquetación en Flex.
• Maquetación en Grid.
• Transition.
• Animation + @keyframes.
• Custom properties: variables en CSS.
• Responsive: @media.
04/ SCSS y Task Runners.
• Introducción a preprocesadores y Task Runners.
• Usando Prepros.
• Anidación de elementos.
• Variables en SASS.
• Usando Mixins.
05/ Javascript.
• Introducción a Javascript Nativo vs Typescript.
• Estado de Javascript: Webs vs Aplicaciones.
• Variables: let,const, var.
• Funciones: parámetros e invocación.
06/ jQuery en empresas.
• Introducción y porqué se sigue usando.
• Selectores.
• Eventos.
• Efectos de Javascript junto a CSS.
07/ Banners.
• Introducción: Qué son y uso en empresas.
• Tipos de banners y formatos. Introduciendo ClickTag.
08/ Newsletter.
• Introducción: Qué son y uso en empresas.
• MJML.io: Preprocesador de newsletters.
09/ PHP en WordPress.
• Introducción a PHP 7: Qué es y para qué sirve.
• MAMP como servidor.
• Introducción a CMS: Wordpress.
• Wordpress Panel de control.
• Wordpress Páginas, Entradas y Configuración.
• Wordpress Temas vs Plugins.
10/ Subida a Producción.
• Hosting, dominio y proveedores.
• Subida de archivos por FTP.
11/ GIT.
• Introducción.
• Comandos básicos: init, add, commit, push y pull.
• Ramas: branch y merge.
• Aplicaciones GIT: Github Desktop y Bitbucket.
SALIDAS PROFESIONALES
- Especialista en programación Java
- Programador web
- Web Front-End
TE RECOMENDAMOS VER TAMBIÉN
UBICACIONES DE NUESTRAS SEDES
-
Madrid
Cuesta de San Vicente, 4