FICTIZIA — Formación de alto rendimiento en artes digitales y nuevas tecnologías

(+34) 91 172 33 13 info@fictizia.com Plaza de España 12, Madrid

UX y Desarrollo Web

Máster en desarrollo Frontend con HTML5, CSS, JavaScript y React

Aprende con este Máster todos los conocimientos necesarios para desarrollar cualquier interfaz web y disponer de uno de los perfiles más demandados en el sector

UX y Desarrollo Web

Máster en desarrollo Frontend con HTML5, CSS, JavaScript y React

  • HTML5
  • CSS
  • JS
  • React
  • Testing
  • frontend
  • maquetación
  • responsive
  • flexbox
  • gridcss
  • animación
  • programación
  • aplicaciones_SPA
  • UI_DEV
  • SEO_on_Page
  • Accesibilidad
  • Componentes
  • MVC
  • Git
  • AJAX
  • TDD
  • testing
Duración 5 meses
máx. plazas 8 plazas
Coste 3900 €
en 3 cuotas
¡Descuento! 3500 €
en pago único
Dirigido a Personas con interés en trabajar en el sector del desarrollo interactivo.
Requerimientos No son necesarios conocimientos previos sobre la materia.
Bonificable Esta formación puede ser bonificada a través de Fundae (Fundación Estatal para la Formación en el Empleo).
Modalidad Formación presencial en nuestro centro de Madrid (Plaza de España, 12).
Comienzo de próximas ediciones
09 de Marzo de 2020 de 19:00 a 22:00 los lunes, miércoles y viernes
09 de Marzo de 2020 de 16:00 a 19:00 los lunes, miércoles y viernes

Enfoque y objetivos de este Máster

Aprende en el Máster en desarrollo Frontend con HTML5, CSS, JavaScript y React las técnicas profesionales de desarrollo Frontend más actuales que se aplican en la producción de cualquier web o App responsive a medida con HTML5 y CSS, a programar con JavaScript el comportamiento de los elementos de la interfaz de tu web y a desarrollar aplicaciones SPA basadas en MVC con React, la librería de JavaScript que facilita enormemente el desarrollo eficiente de interfaces de usuario fácilmente mantenibles.

Los asistentes a este máster aprenden todo sobre la semántica implícita en HTML5, técnicas de SEO on site y las técnicas profesionales más actuales aplicadas en producción para crear layouts responsive a medida por complejos que sean y a animar con CSS tanto microinteracciones como piezas publicitarias multidispositivo, el desarrollo con JavaScript nativo y adquieran las capacidades necesarias para crear profesionalmente sitios web a medida de las necesidades de cada proyecto y todos los detalles de la librería de JavaScript React.js para desarrollar interfaces eficientes y fácilmente gestionables y testeables de una forma eminentemente práctica.

Tu profesorado

El equipo de profesores de Fictizia está formado por profesionales con una larga trayectoria profesional, lo que les capacita para reconocer las necesidades reales de un sector tan cambiante y exigente y cumplir el objetivo de Fictizia de ofrecer una formación que responda a la realidad del mundo laboral. Cada profesor de Fictizia es un gran especialista en su campo que además comparte sus conocimientos, sus enorme experiencia, sus tropiezos, sus aciertos y la pasión por su trabajo en nuestras aulas.

Arian Zargaran

Arian Zargaran

Desarrollador Front End especializado en React en Cabify. Alumni de las primeras promociones de Fictizia en el Máster de Desarrollo Front End allá por 2012, Arian comenzó su andadura profesional en el mundo de la programación como parte del equipo de desarrollo de Antena3.com. Tras estudiar en Fictizia, dio el salto a Silicon Valley en 2016 para trabajar como QA Engineer en Apple. Al mismo tiempo de su paso por la compañía tecnológica, su vocación de compartir conocimiento le llevó a impartir clases de programación en reputados centros de formación de San Francisco. En 2018, Arián firma por WalmartLabs, trabajando en uno de los equipos de desarrollo más competitivos de la bahía utilizando tecnologías como JS (vanilla), CSS, Jenkins o Jest para el testeo de componentes.

Marcela Gotta

Marcela Gotta

Senior Software Developer en Sngular con más de 10 años de experiencia en el desarrollo de aplicaciones trabajando para empresas como BBVA, ING, Carrefour, Mapfre o el Corte Inglés, entre otras. Amante del desarrollo Front-end y el diseño UX, Marcela es especialista en JavaScript con experiencia trabajando con las tecnologías más destacadas de su ecosistema, como Angular, React, Vue.js, Node.js y LitElement. Compagina su trabajo con el aprendizaje constante, la enseñanza de nuevas tecnologías y el desarrollo de Apps que generen un aporte positivo a la educación.

El programa de estudios

  1. Fundamentos del desarrollo Frontend
    • Navegación y manejo de aplicaciones con la Terminal
    • Cómo funciona un navegador
    • 1969. El origen de internet y el W3C
    • Comunicación entre Front-End y Back-End
    • Google Chrome Dev Tools
    • Extensiones indispensables
    • Control de versiones con Git/GitHub
    • Stack de tecnologías Front-End
    • Principios para convertirse en Web Developer
      • Espacios, indexado y comentarios por la legibilidad
      • Abstracción y modularidad
      • KISS, sencillo
      • Mobile First
      • El caso de BEM
      • Organización de carpetas comprensible
  2. Elementos estructurales y contenidos en HTML5
    • Sintaxis de HTML5
    • Anatomía de una página web
      • HTML5: Estructura, elementos y semántica
      • El head: Metadatos del HTML
      • El body y los elementos estructurales
      • La etiqueta script
    • Elementos de bloque y elementos en línea
    • Principales Etiquetas HTML
      • Enlaces
      • Menús y listas
      • Imágenes
      • Formularios
      • Vídeo y Audio
      • SVG
    • Atributos HTML
    • Caracteres especiales (Entity References)
    • Semántica y SEO on Site
  3. CSS para la presentación y animación de los contenidos
    • Valores por defecto (user agent) y Reset
    • Aplicando estilos CSS al HTML
      • Inline
      • Interno
      • Externo
    • Selectores
    • Propiedades y valores
    • Texto y fuente
    • Posición
      • Estática
      • Relativa
      • Absoluta
      • Fija
    • Dimensiones
    • Display
      • Block, inline e inline-Block
    • Flexbox
      • Sistema de ejes principal y cruzado
      • Propiedades CSS Flexbox para el elemento contenedor
      • Propiedades CSS Flexbox para los flex items
    • Grid (CSS Grid Layout)
      • Fundamentos de CSS Grid
      • Jugando con fracciones. La unidad fr
      • El algoritmo de colocación automática de CSS Grid: grid-auto-flow
      • Definiendo el tamaño de las pistas en CSS Grid
      • La función «repeat»
      • «auto-fit» y «auto-fill»
      • Grid Areas
      • Grid Lines
      • Alineación
      • Reordenación
      • Anidación
    • Flexbox y/o CSS Grid
    • Transiciones CSS
    • Transformaciones CSS
    • Modelos de caja
    • Unidades CSS: Absolutas VS Relativas
      • px
      • em y rem
      • vw y vh
      • %
    • Reglas de especificidad
    • La cascada de CSS
    • Un mundo Responsive: Las Media Queries
    • Fundamentos de frameworks CSS
      • Bootstrap
      • Materialize
    • Preprocesado de CSS con SASS
  4. La funcionalidad con JavaScript, el lenguaje de programación web
    • Introducción a algoritmia y pseudocódigo
    • Variables en JS
      • var
      • let
      • const
    • Hoisting
    • Global Scope y Block Scope
    • Bucles e iteraciones
      • while
      • for
    • Condicionales
    • Tipos de datos en JavaScript
      • Booleanos
      • Strings
        • Concatenación, length, index y chartAt
      • Números
      • Arrays
        • length, pop y push, map
      • null y undefined
      • Funciones
        • Self-invoke
        • Closure
      • Objetos (Object Literals)
    • Gestionando el DOM con JavaScript
      • Primeras interacciones: prompt, alert y confirm
      • Agregar elementos
      • Eliminar elementos
      • Modificar Atributos y contenido
      • Modificando el CSS con JS
  5. Prototipos y herencia
  6. Asincronía (HTTP Requests)
    • Interacciones con el servidor
      • POST
      • GET
      • PUT
      • PATCH
      • DELETE
  7. React + Redux
    • El paradigma MVC y frameworks JS
    • Desarrollo eficaz de interfaces con React
    • Webs estáticas con React
      • Introducción a JSX
      • Renderizando elementos
      • Componentes y propiedades
      • El estado y el ciclo de vida
      • Gestionando eventos en React
      • Renderizado condicional
      • CSS in JS
    • Añadiendo complejidad para mejorar la interfaz
      • Modularidad. Partiendo el código
      • El Contexto
      • Gestión de errores
      • Creando referencias a elementos DOM
      • Fragmentos
      • Componentes de primer orden
      • Integración con otras librerías
      • JSX en profundidad
      • Mejorando el rendimiento
      • Portales
      • Comparación de árboles virtuales
      • Modo estricto
      • Comprobación dinámica de tipos (PropTypes)
      • Componentes no controlados
      • Hooks
      • React.Suspense
      • React.Lazy
      • Accesibilidad
    • Librerías imprescindibles
      • React-Router
    • Redux. Gestión del estado global y la inmutabilidad
      • Motivaciones
      • Principios básicos de Redux
      • Middlewares
      • Redux-form
      • Redux-thunk
      • Redux-observable
  8. TDD (Test-Driven Development)
    • Jest y el testeo de aplicaciones web
    • Principios del Test Driven Development (TDD)
    • Configuración del entorno de testeo
    • CSS Testing con PhantomCSS
    • Test Unitarios con Jest y Enzyme
    • Test Funcionales (End to End) con Cypress
    • Cobertura de Código con Coverall
  9. Preparación de entrevistas y empleabilidad
    • Refactorización del CV infalible
    • Glosario de términos clave
    • Resolución de problemas. El día a día del desarrollador
    • Preguntas de personalidad. Cómo dar en el clavo

Las mejores empresas contratan a nuestros alumnos

La calidad de la formación que reciben las personas que se forman en FICTIZIA se refleja en el nivel de las empresas que las contratan. Es un orgullo que las mejores compañías confíen en las capacidades de nuestros alumnos y es la mejor prueba de la efectividad de la formación que ofrecemos.

  • Alumnos Fictizia en Google
  • Alumnos Fictizia en El Ranchito
  • Alumnos Fictizia en Ogilvy
  • Alumnos Fictizia en BBVA Next
  • Alumnos Fictizia en Lola Mullenlowe
  • Alumnos Fictizia en Ánima-Kitchent
  • Alumnos Fictizia en Atresmedia
  • Alumnos Fictizia en BQ
  • Alumnos Fictizia en DDB
  • Alumnos Fictizia en Mach
  • Alumnos Fictizia en Byte London
  • Alumnos Fictizia en indra
  • Alumnos Fictizia en The Cocktail
  • Alumnos Fictizia en *SCPF
  • Alumnos Fictizia en Ediciones SM
  • Alumnos Fictizia en Paradigma digital
  • Alumnos Fictizia en Panda Security
  • Alumnos Fictizia en Exit Consultores Audiovisuales
  • Alumnos Fictizia en Mediaset
  • Alumnos Fictizia en Everis
  • Alumnos Fictizia en JWT
  • Alumnos Fictizia en Lalivingston
  • Alumnos Fictizia en Kairos DS
  • Alumnos Fictizia en Twin Pines
  • Alumnos Fictizia en LUCA data driven solutions
  • Alumnos Fictizia en Redbility
  • Alumnos Fictizia en LeChuck
  • Alumnos Fictizia en Liquid Squad
  • Alumnos Fictizia en Social Mood
  • Alumnos Fictizia en Warner Bros International tV Production