Carrera en Design & Development
Online

Aprende todo lo necesario para convertirte en UX/UI Designer y Web Developer a nivel profesional con esta Carrera de Especialización.

Una Carrera de Especialización donde hemos unido los contenidos de nuestros Masters de UX/Ul Design y Web Development para convertirte en el profesional más demandado en la actualidad por las empresas tecnológicas y StartUps.

 

Comienzo

9 de enero de 2023 

 

Duración

480 Horas / 12 meses

 

Horario

Lunes a viernes de 19:00 – 21:00

¿A quién va dirigido?

Para realizar el Carrera no es necesario tener ninguna experiencia previa y está dirigida a diferentes tipos de perfil que describimos.

Desempleados

Esta Carrera es perfecta si necesitas encontrar trabajo rápidamente y te apasionan las nuevas tecnologías. ¿Sabías que en este sector prácticamente no existe el paro?

Recién graduados

Después de tus estudios necesitas especializarte en un área concreta para encontrar un buen trabajo ¿Quieres aprender lo que realmente buscan las empresas?

Emprendedores

¿Te interesa crear tu propia StartUp? Nuestra Carrera te permitirán contar con todos los conocimientos técnicos para crear un producto digital y gestionar tu propio equipo técnico.

Cambio de vida

¿Te gustaría dar un giro a tu carrera profesional? Si quieres cambiar de profesión y conseguir un trabajo con mucho futuro, nuestros bootcamps te permitirán hacerlo en muy poco tiempo.

Equipo Docente

Nuestra Carrera está dirigida e impartida por una selección de profesionales destacados del sector.

Alberto Rivera

Co-director del Bootcamp
Cuenta con años de experiencia liderando proyectos de desarrollo web en empresas como Minsait o LaLiga y también como docente en el sector académico.

Francis Restoy

Co-director del Bootcamp
Experto profesional del UX Design y docente.
Lleva más de 15 años desarrollando proyectos en diversas agencias y escuelas.

Masterclass

Rodrigo Erades
Software Engineering
Cabify

Katherine Sánchez
Business Analyst
NTT Data

 

Miguel Aller Camino
Lead Data Engineering
Inditex

Carlos Martínez
Lead Engineer
NTT Data

Álvaro de la Chica
Squad Leader
Santander

Iván Leider
Software Engineering
L+R

Programa

El objetivo de esta Carrera es que alcances un nivel profesional en Diseño UX/UI y Desarrollo Web.

UX Research

120 Horas / 3 Meses

En este módulo aprenderás todo el proceso de investigación de UX incluyendo la metodología Design Thinking, la ideación, implementación, testing y validación, así como también el Diseño de Interacción
y la Arquitectura de la Información.


Principios de Usabilidad

• Técnicas integradoras y de gamestorming.
• Introducción al UX/UI, Agile, Service y Business Design.
• Principios básicos: usabilidad y buenas prácticas.
• Heurísticas de Jakob Nielsen.
• Introducción a metodologías de diseño y Agiles.
• Conceptos generales del Design Thinking.

El proceso de UX

• Kick-off, cómo arrancar proyectos
• El brief para el planteamiento de proyectos
• Introducción al UX Research

Metodología Design Thinking

• Modelos de Design Thinking.
• El modelo del Doble Diamante.
• Fases: Investigación, Análisis, Ideación e Implementación.

Diseño de Investigación UX

• Design Research Plan.
• Planteamiento de las Research Questions.
• Benchmark y análisis de competencia. DAFO.
• Análisis competitivo, interno y funcional. Fases.
• Etnografía y trabajo de campo.
• Ténicas: safari, shadowing, entrevistas, etc.
• Conceptos fundamentales en entrevistas y cuestionarios.

Análisis en Experiencia de Usuario

• Análisis, síntesis e identificación de patrones.
• Técnicas principales: mapa de afinidad, clusterización, etc.
• Detección o extracción de insights y hallazgos.
• Técnicas y herramientas de convergencia.
• Elaboración y definición de los User Persona.
• Desarrollo del Mapa de Empatía.
• Seguimiento del User Journey.
• Creación del Canvas POV.
• Comportamiento de usuario, Jobs To Be Done.

Ideación, encontrando soluciones

• Conceptos de ideación en UX.
• Brainstorming y brainwriting.
• Método SCAMPER, What if, HMW e hibridaciones.
• Técnicas de priorización de ideas: matrices, MoSCoW, etc.

Implementación a través del prototipado

• Conociendo los conceptos de prototipado.
• Prototipado de baja fidelidad.
• Prototipado en co-creación.

Testing y validación

• Validación con stakeholders.
• Testing con usuarios.
• Conociendo la técnica del focus group.
• Testing: tareas únicas, múltiples, primer clic y de 5 segundos.
Funndamentos del Diseño de Interacción
• El concepto de Diseño de Interacción.
• La importancia del Diseño de Interacción en el producto digital.
• Principios básicos de interacción.
• Leyes y principios de UX: Hick, Fitts, Pareto y otras.

Arquitectura de la Información

• Conceptualización del diseño.
• Fundamentos de wireframing analógico y digital.
• Unidades de información y etiquetas.
• Navegación vs búsqueda.
• Sistemas de navegación; Básicos y avanzados.
• Taxonomías, facetas y filtros.
• Herramientas de utilidad.
• Entregables en arquitectura de la información: mapa del sitio.

Metodología del Diagrama de Flujo

• Introducción a los Diagramas de Flujo.
• Ventajas y fases del proceso. Dónde usar flowcharts.
• Símbolos básicos de diagramación.
• Aprendizaje de herramientas útiles.
Conceptos mixtos de arquitectura: wireflows.

UI Design

120 Horas / 3 Meses

En este módulo además de los conceptos fundamentales de diseño visual, aprenderás a diseñar Interfaces gráficas con haciendo prototipos y testing de usuarios con Figma, Invision, Sketch y Marvel, además te introducirás en la maquetación HTML, CSS y WordPress.


Fundamentos del Diseño Visual

• Principios, aplicación de modos y perfiles de color.
• El color en la web o app. Su uso en Sketch, Figma y Adobe XD.
• Principios de la tipografía.
• Aplicación de la tipografía en web y app.
• Uso de la tipografía en herramientas: Sketch, Figma y Adobe XD.
• Fundamentos básicos del UI; Exportación retina, grid 8pt, etc.

Diseño de Interfaz UI

• Fundamentos del diseño visual: uso de imágenes e ilustración.
• Fundamentos básicos de UI: exportación retina, grid 8pt, etc.
• Generación de guías de estilo y UI kit.
• Atomic Design y sistemas de diseño.
• Creación de componentes, diseño responsive y librerías.
• Creación de componentes, diseño responsive y librerías (II).
• Creación de repositorio Design System con Zero Height y DSM.
• Integración de UI con código y handoffs; Zeplin e InVision.

Prototipado y testing con usuarios

• Prototipado de pantallas con Invision, Sketch y Marvel.
• Prototipado con Figma. Microinteracciones con Smart Animate.
• Testing con usuarios.

Prototipado y animación avanzada con Principle y ProtoPie.
Ecosistema web y maquetación

• Diferentes tipos de servidores.
• Entendiendo los protocolos web; Http, ftp, etc.
• Diferencias entre web estática y web dinámica.
• Código HTML y su función en una página web.
• Etiquetas principales en HTML.
• CSS y su función en diseño web.
• Editores de texto: Visual Studio Code.
• Conceptos básicos de maquetación web.
• Conceptos básicos de maquetación responsive.
• Enfoques mobile first contra desktop first.
• Propiedades Flexbox y CSS Grid.

Tipos de apps, APIs y sistemas operativos

• Tipos de apps: nativas, híbridas y webapps.
• Ventajas e inconvenientes de los diferentes tipos de apps.
• Lenguajes de desarrollo de apps: Android vs iOS.
• Concepto de API y su función en el desarrollo web.
• Aprendiendo patrones Android e iOS.

Introducción al CMS WordPress

• Definiendo qué es un CMS.
• Ventajas e inconvenientes de WordPress.
• Instalación y arranque de un proyecto con WordPress.
• Conceptos generales de WordPress.
• Uso de WordPress con plantillas premium.
• Maquetación landings diseñadas en Figma o Sketch.
• La función de los maquetadores visuales.
• Conceptos generales del maquetador Elementor.

Maquetación responsive en Bootstrap

• Repaso del concepto grids en diseño web.
• Maquetación responsive con frameworks. Bootstrap.
• Mediaqueries para el diseño multidispositivo con breakpoints.
• Maquetación web básica con Bootstrap 5 en Visual Studio Code.
• Cómo exportar assets desde Figma o Sketch a una web.

Desarrollo de pruebas de usuarios

• Conceptos y herramientas de validación con usuarios.
• Realización de pruebas de usuario moderadas.
• Testing en formato remoto.
• Heurísticas avanzadas y método PURE.

Data Driven Design y webs en producción

• Conociendo los test A/B y test de concepto.
• Conceptos fundamentales de analítica web y SEO.

Desarrollo del portfolio personal

• Elaboración de portfolio y páginas personales.
• Heramientas y plataformas para el perfil personal.
• Cómo incluir los proyectos en las plataformas.
• Plataformas para compartir proyectos.
• Ejercicios de implementación con CMS. WordPress, Uxfolio, etc.

Web Design

120 Horas / 3 Meses

Durante este módulo de maquetación web con HTML5, CSS3 y JavaScript aprenderás a desarrollar cualquier proyecto web incluyendo aquellos que requieren ser “responsive” para adaptarse eficazmente a cada dispositivo.


Introducción a Git

• Conceptos básicos sobre repositorios de código.
• Instalación de Git y SourceTree.
• Concepto de commit, push, pull, fetch, reset.
• Creación y uso de ramas.
• Git merge.
• Repositorios remotos.
• Flujo de trabajo.


HTML

• Semántica HTML básica. Contenedores vs Contenido.
• Formularios.
• Estructura de archivos.
• Definición de hojas de estilos CSS.


CSS

• Definición de hojas de estilos CSS.
• Box Model CSS.
• Selectores CSS.
• Propiedades básicas CSS.
• Herencia en CSS.
• Posiciones.
• Layout con Flex y Grid.
• Responsive Adaptive Design: Media Queries.
• Nomenclatura usando BEM.


SASS

• Introducción a los preprocesadores.
• Introducción a SASS.
• Variables.
• Partials.
• Mixins.
• Modules.
• Herencia.
• Operadores.
• Funciones.
• ITCSS BEMIT.


Javascript – Algoritmia

• Qué es programar y estructura de un script.
• Tipos de datos básicos.
• Operadores matemáticos, lógicos y de comparación.
• Creación de variables y constantes. Let y Const.
• Condicionales: If, if-else, switch.
• Bucle for.
• Bucle while.
• Creación y uso de funciones.
• Gestión de parámetros en funciones. Return.
• Diferencias en el ámbito de las variables.


Javascript – Colecciones

• Introducción a las estructuras de datos y colecciones.
• Creación y uso de arrays.
• Métodos para recorrer arrays.
• Búsqueda y ordenación utilizando arrays.
• Arrays multidimensionales.
• Recorriendo Arrays multidimensionales.
• Funciones aplicadas a arrays (filter, find, map…).
• Introducción a Map y Set.


Javascript – Objetos

• Funciones anónimas y callbacks.
• Uso de Arrow Functions.
• Parámetros indefinidos. rest parameters.
• Creación y uso de objetos Javascript.
• Contexto de JavaScript: This.


Javascript – DOM Modelo de Objetos

• ¿Qué es el DOM?. Su uso con Javascript.
• ¿Qué es el BOM?
• Javascript en el navegador.
• Captura de elementos a través de los métodos get.
• Captura de elementos a través de querySelector.
• Obtención y manipulación de elementos del DOM y sus atributos.
• Tipos de eventos.
• Gestión de eventos HTML.
• Listeners y funciones para eventos.
• Storage en el Navegador.

Front-End

120 Horas / 3 Meses

En el módulo de desarrollo Front-End con ReactJS aprenderás a crear todo tipo de desarrollos Web, SPA (Single Page Application) o incluso aplicaciones para móviles con JavaScript utilizando los módulos, herramientas y componentes.


Javascript POO

• Conceptos de Programación Orientada a Objetos.
• Creación de clases y de instancias.
• Conceptos de This.
• Herencia.

Javascript Asincronía

• Concepto de asíncronía y situaciones que la producen en el browser.
• Timeout vs Interval vs Callback vs Promesas.
• Concepto de Promesas.
• Declaración y consumo de promesas.
• Métodos específicos de la clase Promise.
• Uso de Async-Await para gestionar promesas.
• Funciones con promesas.

Javascript – Peticiones HTTP

• Introducción a HTTP.
• Gestión de peticiones HTTP a Rest API.
• Concepto de petición asíncrona.
• Petición a través de callback.
• Peticiones GET.
• Peticiones con cuerpo. POST, PUT.
• Gestión de errores.
• Introducción al CORS.

Introducción al desarrollo web con React

• Qué es una SPA.
• Qué es react. ReactDOM, React-router componentes y JSX.
• Introducción al desarrollo por componentes con clases y lifecycle.
• Ejemplo de app utilizando CDNs.
• Introducción a NPM.
• Conociendo el package.json.
• Gestión del registro NPM.
• Migración del ejemplo anterior a NPM.
• Introducción a React Scripts.
• Creando aplicaciones con el CLI.
• Construyendo la aplicación en modo desarrollo con React Scripts.
• Migración del ejemplo al CLI.

Componentes React Hooksb

• Creación de componentes de función.
• Introducción a los hooks.
• Conociendo los hooks básicos (useEffect, useState).
• Consumo de componentes dentro de otros componentes.
• Conociendo los hooks avanzados.
• Componentes de clase vs Componentes de función.

Routing

• Parámetros de path.
• Gestionando Query Params.
• Rutas anidadas.
• Proteger el acceso a rutas.
• Rutas autenticada.
• Animando rutas.

State Management

• Context API.
• Estado Local VS Estado Global.
• Stateless vs Stateful components.
• Redux.
• Usando redux y hooks.
• Gestionando el estado en el router

Ejemplo con una API JS

• Introducción al concepto de API JS y librería reutilizable.
• Entendiendo la documentación de el API.
• Ejemplo de consumo de un API como Google Maps

Deploy

• Construir la aplicación para producción.
• Deploy en servicios como Surge.sh o Netlify.
• Introducción al CI/CD.

Proyecto Final

Pondrás en práctica todo lo aprendido durante tu formación.

Una vez finalizado tu Carrera, con todos los conocimientos aprendidos, podrás realizar un proyecto real y presentarlo a nuestro equipo docente. Los mejores trabajos serán promocionados en nuestras redes sociales y en los eventos de promoción que realizamos cada trimestre.

Empleo

Nuestros alumnos trabajan ya en las áreas tecnológicas de las empresas más importantes a nivel internacional.

¿Cómo se puede pagar?

Puedes hacer ahora mismo la reserva de tu plaza y pagar el resto del importe al comenzar la Carrera.

800€

Reserva de plaza

7.200€

Resto del importe

8.000€

Precio de la Carrera

+

=

¡Consigue un 25% de descuento esta semana!

Opiniones de alumnos

FAQ

Algunas de las preguntas frecuentes sobre nuestro Máster.

No, sólo necesitas tener estudios básicos y un nivel medio de Inglés.

Lo primero es pulsar el botón “Infórmate” y rellenar el formulario, luego te contactará nuestro Campus Manager para informarte y resolver todas tus dudas. Por último tendrás que pagar la reserva de plaza.
Primero debes realizar un pago del 10% en concepto de la reserva de plaza y el 90% restante lo pagarás antes de comenzar el curso al contado o financiado con un banco.

Sí, con los descuentos Early Bird cuanto antes reserves tu plaza mayor descuento consigues.

El formato Remoto consiste en clases en directo retransmitidas en streaming que también son grabadas para poderlas visionar en otro momento.

Sí, necesitas un equipo con cualquier sistema operativo (PC/Mac) con menos de 4 años.

Sí, al finalizar la Carrera se entrega un diploma acreditativo a todos los asistentes que hayan superado el programa formativo.

¡Sí, por supuesto! Requiere ser muy constante, pero el programa está diseñado para que puedas aprender todo en 12 meses y que lo puedas compatibilizar con tu trabajo u otros estudios.

Una vez finalizada la Carrera, con todos los conocimientos aprendidos, podrás realizar un proyecto real y presentarlo a nuestro equipo docente.

Programas relacionados

UX/UI Design

Un Máster en Remoto para convertirte en UX/UI Designer profesional.
Part-Time / 6 Meses / 240 Horas

Web Development

Con este Máster online irte en Web Developer profesional.
Part-Time / 6 Meses / 240 Horas

Carrera en
Design &
Development
Online

Aprende todo lo necesario para convertirte en UX/UI Designer y Web Developer a nivel profesional con esta Carrera.

Una Carrera de Especialización donde hemos unido los contenidos de nuestros Masters de UX/Ul Design y Web Development para convertirte en el profesional más demandado en la actualidad por las empresas tecnológicas y StartUps.

 


Comienzo

9 de enero de 2023

 

Duración

480 Horas / 12 meses

 

Horario

L-V de 19:00 – 21:00

¿A quién va dirigido?

Para realizar la Carrera no es necesario tener ninguna experiencia previa y está dirigido a diferentes tipos de perfil que describimos.

Desempleados

Estos cursos son perfectos si necesitas encontrar trabajo rápidamente y te apasionan las nuevas tecnologías. ¿Sabías que en este sector prácticamente no existe el paro?

Recién graduados

Después de tus estudios necesitas especializarte en un área concreta para encontrar un buen trabajo ¿Quieres aprender lo que realmente buscan las empresas?

Emprendedores

¿Te interesa crear tu propia StartUp? Nuestra Carrera te permitirá contar con todos los conocimientos técnicos para crear un producto digital y gestionar tu propio equipo técnico.

Cambio de vida

¿Te gustaría dar un giro a tu carrera profesional? Si quieres cambiar de profesión y conseguir un trabajo con mucho futuro, nuestra Carrera te permitirá hacerlo en muy poco tiempo.

Dirección
de la Carrera

Nuestra Carrera de Especialización está impartida por una exigente selección de profesionales destacados del sector.

Alberto Rivera

Co-Director del programa
Cuenta con años de experiencia liderando proyectos de desarrollo web en empresas como Minsait o LaLiga y también como docente en el sector académico.

Francis Restoy

Co-Director del programa
Experto profesional del UX Design y docente. Lleva más de 15 años desarrollando proyectos en diversas agencias y escuelas.

Programa

El objetivo de la Carrera es que alcances un nivel profesional en UX/UI Design y Desarrollo Web.

UX Research

120 Horas / 3 Meses

En este módulo aprenderás todo el proceso de investigación de UX incluyendo la metodología Design Thinking, la ideación, implementación, testing y validación, así como también el Diseño de Interacción
y la Arquitectura de la Información.


Principios de Usabilidad

• Técnicas integradoras y de gamestorming.
• Introducción al UX/UI, Agile, Service y Business Design.
• Principios básicos: usabilidad y buenas prácticas.
• Heurísticas de Jakob Nielsen.
• Introducción a metodologías de diseño y Agiles.
• Conceptos generales del Design Thinking.

El proceso de UX

• Kick-off, cómo arrancar proyectos
• El brief para el planteamiento de proyectos
• Introducción al UX Research

Metodología Design Thinking

• Modelos de Design Thinking.
• El modelo del Doble Diamante.
• Fases: Investigación, Análisis, Ideación e Implementación.

Diseño de Investigación UX

• Design Research Plan.
• Planteamiento de las Research Questions.
• Benchmark y análisis de competencia. DAFO.
• Análisis competitivo, interno y funcional. Fases.
• Etnografía y trabajo de campo.
• Ténicas: safari, shadowing, entrevistas, etc.
• Conceptos fundamentales en entrevistas y cuestionarios.

Análisis en Experiencia de Usuario

• Análisis, síntesis e identificación de patrones.
• Técnicas principales: mapa de afinidad, clusterización, etc.
• Detección o extracción de insights y hallazgos.
• Técnicas y herramientas de convergencia.
• Elaboración y definición de los User Persona.
• Desarrollo del Mapa de Empatía.
• Seguimiento del User Journey.
• Creación del Canvas POV.
• Comportamiento de usuario, Jobs To Be Done.

Ideación, encontrando soluciones

• Conceptos de ideación en UX.
• Brainstorming y brainwriting.
• Método SCAMPER, What if, HMW e hibridaciones.
• Técnicas de priorización de ideas: matrices, MoSCoW, etc.

Implementación a través del prototipado

• Conociendo los conceptos de prototipado.
• Prototipado de baja fidelidad.
• Prototipado en co-creación.

Testing y validación

• Validación con stakeholders.
• Testing con usuarios.
• Conociendo la técnica del focus group.
• Testing: tareas únicas, múltiples, primer clic y de 5 segundos.
Funndamentos del Diseño de Interacción
• El concepto de Diseño de Interacción.
• La importancia del Diseño de Interacción en el producto digital.
• Principios básicos de interacción.
• Leyes y principios de UX: Hick, Fitts, Pareto y otras.

Arquitectura de la Información

• Conceptualización del diseño.
• Fundamentos de wireframing analógico y digital.
• Unidades de información y etiquetas.
• Navegación vs búsqueda.
• Sistemas de navegación; Básicos y avanzados.
• Taxonomías, facetas y filtros.
• Herramientas de utilidad.
• Entregables en arquitectura de la información: mapa del sitio.

Metodología del Diagrama de Flujo

• Introducción a los Diagramas de Flujo.
• Ventajas y fases del proceso. Dónde usar flowcharts.
• Símbolos básicos de diagramación.
• Aprendizaje de herramientas útiles.
Conceptos mixtos de arquitectura: wireflows.

UI Design

120 Horas / 3 Meses

En este módulo además de los conceptos fundamentales de diseño visual, aprenderás a diseñar Interfaces gráficas con haciendo prototipos y testing de usuarios con Figma, Invision, Sketch y Marvel, además te introducirás en la maquetación HTML, CSS y WordPress.


Fundamentos del Diseño Visual

• Principios, aplicación de modos y perfiles de color.
• El color en la web o app. Su uso en Sketch, Figma y Adobe XD.
• Principios de la tipografía.
• Aplicación de la tipografía en web y app.
• Uso de la tipografía en herramientas: Sketch, Figma y Adobe XD.
• Fundamentos básicos del UI; Exportación retina, grid 8pt, etc.

Diseño de Interfaz UI

• Fundamentos del diseño visual: uso de imágenes e ilustración.
• Fundamentos básicos de UI: exportación retina, grid 8pt, etc.
• Generación de guías de estilo y UI kit.
• Atomic Design y sistemas de diseño.
• Creación de componentes, diseño responsive y librerías.
• Creación de componentes, diseño responsive y librerías (II).
• Creación de repositorio Design System con Zero Height y DSM.
• Integración de UI con código y handoffs; Zeplin e InVision.

Prototipado y testing con usuarios

• Prototipado de pantallas con Invision, Sketch y Marvel.
• Prototipado con Figma. Microinteracciones con Smart Animate.
• Testing con usuarios.

Prototipado y animación avanzada con Principle y ProtoPie.
Ecosistema web y maquetación

• Diferentes tipos de servidores.
• Entendiendo los protocolos web; Http, ftp, etc.
• Diferencias entre web estática y web dinámica.
• Código HTML y su función en una página web.
• Etiquetas principales en HTML.
• CSS y su función en diseño web.
• Editores de texto: Visual Studio Code.
• Conceptos básicos de maquetación web.
• Conceptos básicos de maquetación responsive.
• Enfoques mobile first contra desktop first.
• Propiedades Flexbox y CSS Grid.

Tipos de apps, APIs y sistemas operativos

• Tipos de apps: nativas, híbridas y webapps.
• Ventajas e inconvenientes de los diferentes tipos de apps.
• Lenguajes de desarrollo de apps: Android vs iOS.
• Concepto de API y su función en el desarrollo web.
• Aprendiendo patrones Android e iOS.

Introducción al CMS WordPress

• Definiendo qué es un CMS.
• Ventajas e inconvenientes de WordPress.
• Instalación y arranque de un proyecto con WordPress.
• Conceptos generales de WordPress.
• Uso de WordPress con plantillas premium.
• Maquetación landings diseñadas en Figma o Sketch.
• La función de los maquetadores visuales.
• Conceptos generales del maquetador Elementor.

Maquetación responsive en Bootstrap

• Repaso del concepto grids en diseño web.
• Maquetación responsive con frameworks. Bootstrap.
• Mediaqueries para el diseño multidispositivo con breakpoints.
• Maquetación web básica con Bootstrap 5 en Visual Studio Code.
• Cómo exportar assets desde Figma o Sketch a una web.

Desarrollo de pruebas de usuarios

• Conceptos y herramientas de validación con usuarios.
• Realización de pruebas de usuario moderadas.
• Testing en formato remoto.
• Heurísticas avanzadas y método PURE.

Data Driven Design y webs en producción

• Conociendo los test A/B y test de concepto.
• Conceptos fundamentales de analítica web y SEO.

Desarrollo del portfolio personal

• Elaboración de portfolio y páginas personales.
• Heramientas y plataformas para el perfil personal.
• Cómo incluir los proyectos en las plataformas.
• Plataformas para compartir proyectos.
• Ejercicios de implementación con CMS. WordPress, Uxfolio, etc.

Web Design

120 Horas / 3 Meses

Durante este módulo de maquetación web con HTML5, CSS3 y JavaScript aprenderás a desarrollar cualquier proyecto web incluyendo aquellos que requieren ser “responsive” para adaptarse eficazmente a cada dispositivo.


Introducción a Git

• Conceptos básicos sobre repositorios de código.
• Instalación de Git y SourceTree.
• Concepto de commit, push, pull, fetch, reset.
• Creación y uso de ramas.
• Git merge.
• Repositorios remotos.
• Flujo de trabajo.


HTML

• Semántica HTML básica. Contenedores vs Contenido.
• Formularios.
• Estructura de archivos.
• Definición de hojas de estilos CSS.


CSS

• Definición de hojas de estilos CSS.
• Box Model CSS.
• Selectores CSS.
• Propiedades básicas CSS.
• Herencia en CSS.
• Posiciones.
• Layout con Flex y Grid.
• Responsive Adaptive Design: Media Queries.
• Nomenclatura usando BEM.


SASS

• Introducción a los preprocesadores.
• Introducción a SASS.
• Variables.
• Partials.
• Mixins.
• Modules.
• Herencia.
• Operadores.
• Funciones.
• ITCSS BEMIT.


Javascript – Algoritmia

• Qué es programar y estructura de un script.
• Tipos de datos básicos.
• Operadores matemáticos, lógicos y de comparación.
• Creación de variables y constantes. Let y Const.
• Condicionales: If, if-else, switch.
• Bucle for.
• Bucle while.
• Creación y uso de funciones.
• Gestión de parámetros en funciones. Return.
• Diferencias en el ámbito de las variables.


Javascript – Colecciones

• Introducción a las estructuras de datos y colecciones.
• Creación y uso de arrays.
• Métodos para recorrer arrays.
• Búsqueda y ordenación utilizando arrays.
• Arrays multidimensionales.
• Recorriendo Arrays multidimensionales.
• Funciones aplicadas a arrays (filter, find, map…).
• Introducción a Map y Set.


Javascript – Objetos

• Funciones anónimas y callbacks.
• Uso de Arrow Functions.
• Parámetros indefinidos. rest parameters.
• Creación y uso de objetos Javascript.
• Contexto de JavaScript: This.


Javascript – DOM Modelo de Objetos

• ¿Qué es el DOM?. Su uso con Javascript.
• ¿Qué es el BOM?
• Javascript en el navegador.
• Captura de elementos a través de los métodos get.
• Captura de elementos a través de querySelector.
• Obtención y manipulación de elementos del DOM y sus atributos.
• Tipos de eventos.
• Gestión de eventos HTML.
• Listeners y funciones para eventos.
• Storage en el Navegador.

Front-End

120 Horas / 3 Meses

En el módulo de desarrollo Front-End con ReactJS aprenderás a crear todo tipo de desarrollos Web, SPA (Single Page Application) o incluso aplicaciones para móviles con JavaScript utilizando los módulos, herramientas y componentes.


Javascript POO

• Conceptos de Programación Orientada a Objetos.
• Creación de clases y de instancias.
• Conceptos de This.
• Herencia.

Javascript Asincronía

• Concepto de asíncronía y situaciones que la producen en el browser.
• Timeout vs Interval vs Callback vs Promesas.
• Concepto de Promesas.
• Declaración y consumo de promesas.
• Métodos específicos de la clase Promise.
• Uso de Async-Await para gestionar promesas.
• Funciones con promesas.

Javascript – Peticiones HTTP

• Introducción a HTTP.
• Gestión de peticiones HTTP a Rest API.
• Concepto de petición asíncrona.
• Petición a través de callback.
• Peticiones GET.
• Peticiones con cuerpo. POST, PUT.
• Gestión de errores.
• Introducción al CORS.

Introducción al desarrollo web con React

• Qué es una SPA.
• Qué es react. ReactDOM, React-router componentes y JSX.
• Introducción al desarrollo por componentes con clases y lifecycle.
• Ejemplo de app utilizando CDNs.
• Introducción a NPM.
• Conociendo el package.json.
• Gestión del registro NPM.
• Migración del ejemplo anterior a NPM.
• Introducción a React Scripts.
• Creando aplicaciones con el CLI.
• Construyendo la aplicación en modo desarrollo con React Scripts.
• Migración del ejemplo al CLI.

Componentes React Hooksb

• Creación de componentes de función.
• Introducción a los hooks.
• Conociendo los hooks básicos (useEffect, useState).
• Consumo de componentes dentro de otros componentes.
• Conociendo los hooks avanzados.
• Componentes de clase vs Componentes de función.

Routing

• Parámetros de path.
• Gestionando Query Params.
• Rutas anidadas.
• Proteger el acceso a rutas.
• Rutas autenticada.
• Animando rutas.

State Management

• Context API.
• Estado Local VS Estado Global.
• Stateless vs Stateful components.
• Redux.
• Usando redux y hooks.
• Gestionando el estado en el router

Ejemplo con una API JS

• Introducción al concepto de API JS y librería reutilizable.
• Entendiendo la documentación de el API.
• Ejemplo de consumo de un API como Google Maps

Deploy

• Construir la aplicación para producción.
• Deploy en servicios como Surge.sh o Netlify.
• Introducción al CI/CD.

Empleo

Nuestros alumnos trabajan ya en las áreas tecnológicas de las empresas más importantes a nivel internacional.

¿Cómo se puede pagar?

Puedes hacer ahora mismo la reserva de tu plaza y pagar el resto del importe al comenzar la Carrera.

800€

Reserva de plaza

+

7.200€

Resto del importe

=

8.000€

Precio de la Carrera

¡Consigue un 25% de descuento esta semana!

FAQ

No, sólo necesitas tener estudios básicos y un nivel medio de Inglés.

Lo primero es pulsar el botón “Infórmate” y rellenar el formulario, luego te contactará nuestro Campus Manager y por último tendrás que pagar la reserva de plaza.

Una vez abonada la reserva de plaza, puedes pagar el resto al contado o financiado con un banco.

Sí, con los descuentos Early Bird cuanto antes reserves tu plaza mayor descuento consigues.

Este Máster se imparte exclusivamente en formato Remoto con clases en directo a través de la plataforma Zoom.

Sí, necesitas un equipo con cualquier sistema operativo (PC/Mac) con menos de 4 años.

Sí, al finalizar el curso se entrega un diploma acreditativo a todos los asistentes que hayan aprovechado el curso.

¡Sí, por supuesto! Requiere ser muy constante, pero el programa está diseñado para que puedas aprender todo en 12 meses y que lo puedas compatibilizar con tu trabajo u otros estudios.

Dispondrás de 60 Horas aproximadamente dedicadas al desarrollo y ejecución de tu proyecto a nivel profesional con la supervisión del Director del Máster.

Programas relacionados

UX Research

Estudia los conceptos, herramientas y procesos de UX Research.

Online / 3 Meses / 120 H

UI Design

Conviértete en un diseñador especializado en interfaces digitales.

Online / 3 Meses / 120 H

Ir arriba