Diseño web creativo: planificación y programación desde cero
Un curso de DXR ZoneAgencia de dirección artística y programación creativa
Un curso de DXR Zone, Agencia de dirección artística y programación creativa
Aprende a desarrollar un sitio web atractivo usando HTML, CSS y JavaScript
En los tiempos que corren, todo el mundo necesita una página web, ya sea para presentar un porfolio o una empresa para llegar a sus clientes. Por eso, tener conocimientos de programación es algo imprescindible. Rifke Sadleir y Dan Baragwanath, fundadores de la agencia creativa DXR Zone, te enseñarán desde cero los fundamentos de la programación y cómo conseguir una página web con unos visuales llamativos.
En este curso, te guiarán por el proceso de planificación, diseño, formato y lanzamiento de tu propia página web. Con ellos, aprenderás código HTML, CSS y JavaScript y cómo utilizar programas gratuitos que te facilitarán esta tarea.
¿Qué aprenderás en este curso online?
18 lecciones & 17 recursos adicionales
¿Qué haremos en este curso?
4 minutos, 7 segundos
Construyendo el concepto
3 minutos, 21 segundos
Recopilación de referencias
11 minutos, 33 segundos
Crear un tablero de estado de ánimo
6 minutos, 53 segundos
Hacer un mapa del sitio
4 minutos, 28 segundos
Elaboración de propuestas de diseño
17 minutos, 20 segundos
¿Qué incluye este curso?
En primer lugar, conocerás a Rifke Sadleir y Dan Baragwanath, diseñadores gráficos y programadores de DXR Zone, y tus profesores en este curso, que compartirán contigo su inusual trayectoria hasta crear su agencia de desarrollo web creativo y dirección artística. Además, te mostrarán algunos de sus trabajos más recientes y te hablarán de los diseñadores que les inspiran.
A continuación, descubrirás el proceso de preparación necesario para concebir tu página web antes de escribir el código. Aprenderás a elaborar un concepto partiendo de un objetivo y del público meta al que quieres dirigirte. Luego, buscarás referencias de inspiración para visualizar el diseño y compondrás un mood board. Para empezar a planear la experiencia de usuario de tu página, realizarás un mapa web y una propuesta de diseño en Figma.
En la tercera unidad, practicarás con Atom, un programa para escribir código, antes de comenzar paso a paso con la programación. Primero, con el código HTML, crearás lo más sencillo de tu página y, después, le aportarás estilo y formato con CSS. Como broche final, tus profesores te enseñarán a programar en JavaScript para agregar elementos interactivos y divertidos a tu diseño.
¡Llegó el momento del lanzamiento! Rifke y Dan te instruirán en cómo lanzar tu página web en internet. Asimismo, explorarás cómo testearla por si hubiera errores u otros problemas y te ofrecerán algunas soluciones útiles de depuración para resolverlos. Una vez hayas navegado por toda la página, podrás compartirla con todo el mundo.
¿Cuál es el proyecto del curso?
Planearás y programarás desde cero una página web creativa usando HTML, CSS y JavaScript.
Proyectos de estudiantes del curso
¿A quién está dirigido este curso online?
A cualquier persona interesada en diseñar y crear una página web.
Requisitos y materiales
No se requiere experiencia previa, aunque te será ventajoso contar con algo de experiencia en programación.
Para realizar este curso, necesitarás acceso a los programas Atom y Figma (ambos son gratuitos) y, por supuesto, a internet.
Opiniones
- hace 5 meses
um cruso bom
- hace 6 meses
Quiero expresar que el curso de programación es excelente y cuenta con información muy valiosa. La calidad del contenido y la forma en que se presenta son muy útiles para el aprendizaje. Estoy muy satisfecha
- hace 8 meses
A very hands-on and useful course, even though it is from 2021 and I am writing this review in '25. The instructors guide you through all the steps, from collecting inspiration, over writing HTML, CSS and JavaScript, to actually publishing your website. Atom, the code editor used by the instructors, isn't around anymore, but that is not an issue at all, just use VS Code, it has awesome features anyway that weren't available back in '21. Browser console for debugging etc. all are still the same.
- hace 8 meses
muy buen curso !!!
- hace 10 meses
I have tried several web design courses, each with different aims and approaches, but with this course I found an approach that is not too deep into programming but it just gives you resources to get inspired as well as shape your ideas and implement your projects. For me this course is very valuable. Thank you.
En su agencia ofrecen servicios que abarcan desde la dirección artística hasta el desarrollo full-stack, pasando por el diseño digital. Algunos de sus clientes son Google, Selfridges, Burberry, The Face, Dazed, adidas, Universal Music, Nike, Somerset House, Converse, Hypebeast, The Magnet Agency, Anyways, Institute of Coding, Depop, Dropbox, University of the Arts London, ICA, The Future Laboratory, Warp Records y Beirut Re–Store.
Contenidos
- U1
Introducción
- Sobre nosotros
- Influencias
- ¿Qué haremos en este curso?
- U2
Planificación y diseño
- Construyendo el concepto
- Recopilación de referencias
- Crear un tablero de estado de ánimo
- Hacer un mapa del sitio
- Elaboración de propuestas de diseño
- U3
Construcción y codificación
- Sentar las bases
- Haciendo la estructura básica en HTML 1
- Haciendo la estructura básica en HTML 2
- Elementos de estilo en CSS 1
- Elementos de estilo en CSS 2
- Adición de interacciones en Javascript 1
- Adición de interacciones en Javascript 2
- U4
Va en directo
- Lanzamiento del sitio web
- Prueba del sitio con usuarios
- Enmiendas basadas en pruebas de usuario
- PF
Proyecto final
- Diseño web creativo: planificación y programación desde cero
Qué esperar de un curso de Domestika
Aprende a tu ritmo
Disfruta aprendiendo desde casa, sin horarios y a tu ritmo. Tú decides cuándo seguir con cada unidad.
Aprende de los mejores profesionales
Aprende los métodos y técnicas más útiles con los mejores profesionales del sector creativo.
Conoce a profesores expertos
Cada profesor te transmitirá sus conocimientos con pasión, ofreciéndote explicaciones claras y una perspectiva profesional en cada lección.
Certificados
PLUSSi eres Plus, obtén un certificado personalizado y firmado por tu profesor. Compártelo en tu porfolio, en las redes sociales o donde quieras.
Ponte en primera fila
La alta calidad de los vídeos permitirá que no te pierdas ni un solo detalle. Gracias al acceso ilimitado, podrás ver las lecciones todas las veces que necesites para perfeccionar tus habilidades.
Comparte conocimientos e ideas
Pregunta, pide opinión y ofrece soluciones. Comparte tu experiencia de aprendizaje con otros estudiantes de la comunidad tan apasionados por la creatividad como tú.
Conecta con una comunidad creativa global
Esta comunidad cuenta con millones de usuarios de todo el mundo, personas curiosas y con ganas de explorar y expresar su creatividad.
Realiza cursos profesionalmente producidos
Domestika selecciona cuidadosamente los profesores y produce cada curso internamente para garantizar una experiencia de aprendizaje online excelente.
Preguntas frecuentes
Sí, este curso está diseñado para principiantes y enseña habilidades básicas de desarrollo web desde cero usando HTML, CSS y JavaScript. No se requiere experiencia previa en programación.
Necesitarás un editor de código como Atom o VS Code, un navegador web para pruebas y herramientas opcionales de diseño como Figma o Arena para planificar y crear mood boards. Todas las herramientas recomendadas son gratuitas o tienen versiones gratuitas.
Aprenderás a desarrollar conceptos para sitios web, mapas del sitio, mood boards, codificación en HTML/CSS/JavaScript, diseños responsivos, pruebas de usuario, lanzamiento con Netlify y técnicas creativas como codificación experimental y diseño UI nostálgico.
No se requiere experiencia en diseño. El curso cubre conceptos clave de diseño y ofrece guía paso a paso para planificar, prototipar y construir sitios visualmente atractivos.
Aprenderás a planificar, diseñar y codificar tu propio sitio web de portafolio, incluyendo la creación del mapa del sitio, desarrollo del mood board e implementación de funciones interactivas para mostrar tus proyectos o trabajos creativos.
Sí, aprenderás principios de diseño responsivo y cómo adaptar los diseños a diferentes tamaños de pantalla, asegurando que tus sitios funcionen bien en dispositivos móviles y de escritorio.
Un mapa del sitio organiza visualmente la estructura y navegación de tu sitio web, ayudándote a planificar el contenido, el flujo de usuarios y asegurando que todas las páginas necesarias estén incluidas antes de comenzar a codificar.