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
Me apunté al máster al terminar la carrera y encontré mi primer trabajo al mes siguiente del final de curso. ¡Y todo prácticamente sin moverme de casa!
Silvia Cordón / Interface Designer
“Una experiencia genial sobre todo por la calidad del curso y su utilidad real para poder empezar a trabajar con un nivel profesional en el mundo digital”
Julen Lafuente / UX/UI Designer
“Lo mejor la cercanía de los profesores a pesar de estar en un máster a distancia y conseguir las skills que estaba buscando para mi trabajo”
Sarai Muñoz / UX Researcher
“Muy recomendable no solo para estudiar aquello que está en las ofertas de trabajo sino también para dar forma a tus proyectos en tu start-up”
Carlos Gonzalves / UI Designer
“Gracias a estos cursos he podido completar mi curriculum y conseguir un empleo en el que hago lo que más me gusta: programar y diseñar”
Iván Estévez / Product Designer
“Nunca pensé que lograría cambiarme de profesión y trabajar en este nuevo sector tecnológico totalmente ajeno a mi vida hasta hacer el máster”
Isabel Mena / Product Designer
FAQ
Algunas de las preguntas frecuentes sobre nuestro Máster.
¿Hacen falta conocimientos previos?
No, sólo necesitas tener estudios básicos y un nivel medio de Inglés.
¿Cómo es el proceso de admisión?
¿Cómo son las formas de pago?
¿Tenéis algún tipo de descuento?
Sí, con los descuentos Early Bird cuanto antes reserves tu plaza mayor descuento consigues.
¿Cómo funciona el formato remoto?
El formato Remoto consiste en clases en directo retransmitidas en streaming que también son grabadas para poderlas visionar en otro momento.
¿Necesito tener un ordenador?
Sí, necesitas un equipo con cualquier sistema operativo (PC/Mac) con menos de 4 años.
¿Se entrega algún diploma al finalizar?
Sí, al finalizar la Carrera se entrega un diploma acreditativo a todos los asistentes que hayan superado el programa formativo.
¿Es posible aprender esto en 12 meses?
¡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.
¿En qué consiste el Proyecto Final?
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
¿Hacen falta conocimientos previos?
No, sólo necesitas tener estudios básicos y un nivel medio de Inglés.
¿Cómo es el proceso de admisión?
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.
¿Cómo son las formas de pago?
Una vez abonada la reserva de plaza, puedes pagar el resto al contado o financiado con un banco.
¿Tenéis algún tipo de descuento?
Sí, con los descuentos Early Bird cuanto antes reserves tu plaza mayor descuento consigues.
¿Cómo funciona el formato remoto?
Este Máster se imparte exclusivamente en formato Remoto con clases en directo a través de la plataforma Zoom.
¿Necesito tener un ordenador?
Sí, necesitas un equipo con cualquier sistema operativo (PC/Mac) con menos de 4 años.
¿Se entrega algún diploma al finalizar?
Sí, al finalizar el curso se entrega un diploma acreditativo a todos los asistentes que hayan aprovechado el curso.
¿Es posible aprender esto en 12 meses?
¡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.
¿En qué consiste el Proyecto Final?
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
