Plan de estudios de Carrera en Desarrollo Web, TRAZOS Madrid
Carrera en Desarrollo Web

Plan de estudios

2 años · 3 itinerarios · 17 módulos — del concepto a la pieza final.
Itinerario 01

Diseño UX/UI

  • 01Fundamentos UX/UI
    Mockup de la app 'Indaframe' en dos móviles con interfaz morada y pantalla de bienvenida, fundamentos de UX/UI, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Este módulo introduce a los estudiantes en el mundo del diseño UX/UI, explorando sus fundamentos y las metodologías ágiles más efectivas. A través de la teoría y la práctica con Design Sprint, los participantes aprenderán a validar ideas de negocio y a desarrollar proyectos centrados en el usuario con un enfoque sistemático para solucionar problemas de diseño.

  • 02Técnicas de Research UX
    App 'HOBBOX' en un móvil rodeada de pantallas de interfaz e ilustraciones, fase de research UX, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Este módulo se centra en las técnicas de investigación necesarias para entender las necesidades y comportamientos del usuario. Los estudiantes aprenderán a realizar y analizar investigaciones cualitativas y cuantitativas, descubriendo insights que guiarán el desarrollo de productos innovadores a través de varios ejercicios prácticos.

  • 03Interactividad y Arquitectura
    Mockup isométrico de la app 'Magic green' en varios móviles con interfaz verde oscuro, interactividad y arquitectura de la información, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Abordando el diseño desde la interacción y la arquitectura de la información, este módulo enseña a crear relaciones optimizadas entre el usuario y el producto digital. Los estudiantes aprenderán a estructurar la navegación, el contenido, y a diseñar wireframes que resulten en productos intuitivos y accesibles. Se cubrirá la importancia de la UX writing y las estrategias de contenido.

  • 04UI Design y Prototipado
    Pantallas de una app de tema oscuro con perfil de usuario y tarjetas de diseño, UI design y prototipado, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Este módulo profundiza en el diseño visual y el prototipado de interfaces, utilizando herramientas líderes en el sector como Figma. Los participantes aprenderán los principios del diseño visual, cómo utilizar sistemas de diseño y la importancia de componentizar elementos visuales. Se practicará el diseño de prototipos interactivos que mejoren la experiencia del usuario final.

  • 05Diseño Web y Testing
    Prototipo web en un portátil MacBook con pantallas de móvil y anotaciones de testing, diseño web y testing, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    En este módulo, los estudiantes se introducirán en conceptos de desarrollo web y testing con usuarios. Aprenderán a implementar diseños usando HTML, CSS y JavaScript, y a realizar tests de usuario para iterar y mejorar sus proyectos digitales. Este módulo prepara a los estudiantes para trabajar de manera cercana con equipos de desarrollo y entender mejor el impacto.

Itinerario 02

Desarrollo Web Full Stack

  • 01Fundamentos del Desarrollo Web
    Página web de una marca de ropa con vídeo spot y menú de navegación, fundamentos del desarrollo web, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Empieza desde cero con una base técnica sólida. Aprenderás los pilares del desarrollo web: HTML, CSS, JavaScript y control de versiones con Git. Además, configurarás tu entorno de trabajo como un profesional y conocerás herramientas de asistencia por IA como apoyo opcional.

  • 02Front-End con React
    Mockup de la app 'Move Abroad' con pantallas de interfaz en amarillo, front-end con React, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Construye interfaces web dinámicas con React, entendiendo bien su arquitectura y lógica. Este módulo se centra exclusivamente en React, sin Next.js, para no mezclar capas. Se refuerza la estructura de componentes, hooks y el diseño responsive.

  • 03Back-End con Node.js y Express
    Página web de exposiciones con una figura 3D iridiscente y listado de muestras, back-end con Node.js y Express, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Aprende a construir un backend completo desde cero. Entenderás cómo funcionan los servidores, cómo crear APIs y cómo integrar el backend con el frontend. Todo con un enfoque claro, separado del módulo anterior.

  • 04Bases de Datos y Modelado
    Landing de la app de empleo 'JobTÚ' con un móvil mostrando ofertas para creativos, bases de datos y modelado, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Antes de entrar en la práctica, aprenderás qué es una base de datos, tipos existentes y cómo modelarlas correctamente. Trabajarás tanto con SQL como NoSQL, comparando tecnologías y aplicando operaciones CRUD.

  • 05Proyecto Final Full Stack
    Landing de la app de reservas de restaurantes 'Eatsy' con varios móviles mostrando la interfaz, proyecto final full stack, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Desarrolla una aplicación completa conectando todo lo aprendido. Trabajarás en equipo o individualmente para construir un proyecto desplegado y funcional, aplicando buenas prácticas y documentación profesional.

  • 06Entornos Reales y Automatización
    Persona trabajando en un portátil con diseños de interfaz junto a una tablet con una cuadrícula de proyecto, entornos reales y automatización, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Prepara tus proyectos para entornos reales. Aprenderás a versionar de forma avanzada, a configurar despliegues en plataformas cloud y a automatizar parte del flujo de publicación con herramientas de IA, sin saturar con complejidad innecesaria.

Itinerario 03

Desarrollo Web Avanzado

  • 01Arquitecturas Web Avanzadas
    Wireframes de varias pantallas de móvil en degradado verde y amarillo, arquitecturas web avanzadas, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Este módulo se centra en arquitecturas de alta escalabilidad, introduciendo a los estudiantes en el diseño y manejo de microservicios, aplicaciones serverless y contenedores utilizando Docker y Kubernetes. Se explorarán métodos avanzados de comunicación y monitoreo en ambientes distribuidos para optimizar la eficiencia y robustez de las aplicaciones web en entornos de producción.

  • 02Full Stack Avanzado
    Web de portfolio de la artista María Jerez con tipografía grande y una mano morada, full stack avanzado, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Ampliarás conocimientos en React y Node.js, abordando desde técnicas avanzadas de gestión de estado y optimización de rendimiento en React, hasta profundizar en las capacidades asincrónicas y de manejo de grandes cargas en Node.js. Se incluye también la automatización de procesos de integración y despliegue continuo para agilizar el desarrollo y la operación de aplicaciones.

  • 03Bases de Datos y Almacenamiento
    Render 3D de un servidor dentro de una nube luminosa de datos, bases de datos y almacenamiento, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Profundizarás en el diseño óptimo y las estrategias de implementación para bases de datos SQL y NoSQL, abarcando desde el modelado avanzado hasta la optimización de consultas y la administración de datos en entornos de alto volumen. Se discutirán también las mejores prácticas para el uso de soluciones de almacenamiento en la nube, asegurando la escalabilidad y seguridad de los datos.

  • 04Seguridad Web
    Página de error 404 con estética neón retro, palmeras y un coche DeLorean, seguridad web, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Este módulo aborda la importancia crítica de la seguridad en el desarrollo web. Cubriremos técnicas avanzadas para la autenticación y autorización, protección contra los ataques más comunes y la implementación de prácticas de seguridad a nivel de red y aplicación. También se incluye la auditoría y monitoreo continuo para mantener las aplicaciones seguras en tiempo real.

  • 05APIs Avanzadas
    Pantallas de una web de e-commerce de envasados con fichas de producto, APIs avanzadas, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Enfocado en el diseño eficiente y moderno de APIs, este módulo enseña cómo construir y documentar APIs RESTful y GraphQL de manera efectiva. Los estudiantes aprenderán sobre seguridad en APIs, integración de micro frontends y las mejores prácticas para mantener interfaces de programación limpias, eficientes y escalables.

  • 06Tecnologías Emergentes
    Mano sosteniendo un móvil con la app del Museo Thyssen-Bornemisza mostrando una pintura floral, tecnologías emergentes, módulo de la Carrera en Desarrollo Web de TRAZOS, escuela de arte digital en Madrid

    Este módulo se centra en las últimas innovaciones en tecnología web, incluyendo WebAssembly y frameworks progresivos como Svelte y Next.js. Se explorará cómo estas tecnologías están cambiando el desarrollo web y cómo pueden ser implementadas para crear aplicaciones más rápidas, eficientes y adaptables a futuras necesidades del mercado.

Proyecto final

Proyecto Final de Carrera

El proyecto final para la Carrera en Desarrollo Web desafía a los estudiantes a diseñar y desarrollar una aplicación web completa. Este proyecto integrará front-end y back-end, utilizando tecnologías y frameworks modernos como React, Node.js, y Express, junto con bases de datos avanzadas y seguridad web. Los estudiantes deberán demostrar su habilidad para construir una aplicación aplicando los conceptos aprendidos de Diseño UX/UI. Este proyecto final es crucial para su desarrollo profesional, ya que demuestra su competencia en el desarrollo web full stack a futuros empleadores o clientes.

Herramientas que vas a utilizar

El software estándar de la industria

Figma
HTML y CSS
Wordpress
Javascript
React
Node JS
Visual Studio
GitHub
TailwindCSS
MongoDB
Chat GPT
32 años formando +15 200 alumnos +1 600 empresas Convenios en prácticas 1.ª escuela de artes digitales
Reservar cita

Da el primer paso

Sabemos que elegir dónde formarte es una de las decisiones más importantes de tu vida creativa. Por eso no te pedimos que confíes ciegamente: te invitamos a comprobarlo.