Codificación creativa: crea piezas visuales con JavaScript
Un curso de Bruno Imbrizi
, Codificador creativo
Aprende los fundamentos de la programación y descubre cómo desarrollar, dibujar y animar imágenes y texto con código
- Top ventas Inglés con subtítulos en español
- 98% valoraciones positivas (824)
- 35709 estudiantes
Aprende los fundamentos de la programación y descubre cómo desarrollar, dibujar y animar imágenes y texto con código
- 98% valoraciones positivas (824)
- 35709 estudiantes
- 21 lecciones (2h 42m)
- 39 recursos adicionales (5 archivos)
- Online y a tu ritmo
- Disponible en la app
- Audio: Inglés
- Inglés, Español, Portugués, Alemán, Francés, Italiano, Polaco, Neerlandés
- Nivel: Iniciación
- Acceso ilimitado para siempre
Descubre la codificación creativa y no tendrás tiempo para aburrirte: siempre hay algo con lo que experimentar, nuevas técnicas que aprender e imágenes que crear. Para el codificador creativo Bruno Imbrizi, es la oportunidad perfecta para combinar la programación con su interés por los motion graphics y los elementos visuales. Ha trabajado para pequeñas agencias y también para conocidas marcas como Dell, Adidas y Universal Music.
En este curso, Bruno compartirá contigo su experiencia para ayudarte a crear impactantes piezas visuales mediante código. Explora los fundamentos de la programación y aprende a dibujar con codificación creativa en JavaScript.
¿Quieres ir más allá y ampliar tus conocimientos de programación? Echa un vistazo al segundo curso de Bruno, Programación creativa 2.0 con JavaScript: animación, sonido y color, donde te enseñará técnicas más avanzadas para crear composiciones con códigos de color, movimiento y sonido.

¿Qué aprenderás en este curso online?
Tabla de contenidos del curso
-
U1U1. Introducción
-
U2U2. Fundamentos
-
U3U3. Transformación de croquis
-
U4U4. Agentes de croquis
-
U5U5. Ruido de boceto
-
U6U6. Tipo de boceto
-
PFPF Proyecto final
Empezarás conociendo a Bruno Imbrizi, tu profesor en este curso, que te hablará de sus inicios en el diseño gráfico y de cómo combina esta disciplina con su interés por la programación. Luego, descubrirás qué plataformas le gusta usar y por qué, además de la gente que ha influido en su trabajo.
En la segunda unidad, explorarás los fundamentos de la codificación. Bruno te enseñará a configurar las herramientas principales antes de repasar conceptos de programación como variables, funciones, arrays y bucles. Más tarde, te indicará cómo mejorar tus ajustes antes de empezar una colección de dibujos.
A continuación, crearás un nuevo boceto digital usando varias transformaciones del lienzo. Después, aprenderás a usar trigonometría para distribuir formas alrededor de un círculo. Descubrirás cómo cambiar el tamaño de los bocetos y verás cómo usar funciones de utilidad que te ayudarán en tus siguientes diseños.
Entonces, para finalizar tu boceto, añadirás arcos y jugarás con diferentes valores en tus parámetros. También, diseñarás un boceto animado con agentes que se moverán sobre el lienzo y aprenderás a dibujar líneas entre ellos según su proximidad antes de pasar a exportar tu animación como un archivo de vídeo que podrás compartir online.
Llegado ese momento, volverás a revisar tu cuadrícula y descubrirás cómo hacerla más flexible y eficaz. Así pues, usarás generadores de ruido para mejorarla. Además, crearás un pequeño panel de control que te permitirá actualizar tus bocetos en tiempo real.
Por último, descubrirás cómo trabajar con texto en tus composiciones. Bruno te mostrará cómo dibujar, medir y establecer las propiedades de fuente antes de explicarte cómo actualizar tus letras usando solo el teclado. Para concluir el curso, aprenderás a leer valores cromáticos y le darás los últimos retoques a tu dibujo final.
¿Cuál es el proyecto del curso?
Diseñarás una serie de composiciones visuales creativas que se pueden ejecutar en un navegador web mediante código.

Proyectos de estudiantes del curso
¿A quién está dirigido este curso online?
Este curso está dirigido a cualquier persona interesada en la programación y en la creación de imágenes mediante código.
Requisitos y materiales
Se recomienda tener conocimientos básicos de matemáticas.
También necesitarás un computador con Node.js, un navegador web y un editor de texto.
Sistemas operativos:
- ⦁Linux
⦁SmartOS
⦁macOS 10.7 o superior
⦁Windows 2008 o superior
Requisitos del sistema:
- ⦁4GB RAM
⦁10GB de espacio libre

Valoraciones

Un curso de Bruno Imbrizi
Bruno Imbrizi nació en Brasil y ahora trabaja como codificador creativo en Londres, Inglaterra. Estudió Diseño Gráfico y arrancó su carrera poniendo en práctica sus habilidades y conocimientos. Con el tiempo, llegó a combinar su talento para el diseño con otra de sus pasiones: la programación.
Bruno cuenta con más de 10 años de experiencia y ha trabajado en agencias, estudios de diseño, productoras y conocidas marcas como Dell, Adidas y Universal Music. Ha aparecido en publicaciones online como Wired y Londonist y ha recibido numerosos premios, como el Adobe Cutting Edge Award y el FITC a mejor instalación digital.
Contenidos
-
U1
Introducción
-
Sobre mí
-
Influencias
-
-
U2
Fundamentos
-
Un entorno para dibujar
-
Matrices y bucles
-
Variables y funciones
-
Configuración
-
-
U3
Transformación de croquis
-
Arcos
-
Funciones de utilidad
-
Anglos
-
Transformar
-
-
U4
Agentes de croquis
-
Objetos y clases
-
Salida de video
-
Líneas
-
Animación
-
-
U5
Ruido de boceto
-
GUI
-
Ruido
-
Red
-
-
U6
Tipo de boceto
-
Glifos
-
Mapa de bits
-
Async
-
Texto
-
-
PF
Proyecto final
-
Introducción a la codificación para diseñadores visuales
-
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 o PRO, 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
Los cursos de Domestika son unas clases online que te permiten aprender una serie de herramientas y habilidades para realizar un proyecto concreto. Cada paso del proyecto combina vídeos y textos junto a materiales didácticos complementarios. Los cursos también te ofrecen la oportunidad de compartir tus propios proyectos con otros estudiantes y con el profesor, creando así una comunidad en torno al curso.
La modalidad de los cursos es 100% online, por tanto una vez estén publicados, los cursos empiezan y acaban cuando tú quieras. Tú marcas el ritmo de la clase. Puedes volver a ver lo que te interese, pasar lo que ya te sepas, hacer preguntas, resolver dudas, compartir tus proyectos y mucho más.
Los cursos se dividen en diferentes unidades, cada una de ellas incluye lecciones, textos explicativos, tareas y prácticas para llevar a cabo tu proyecto paso a paso, recursos y documentos adjuntos complementarios. También tendrás acceso a un foro exclusivo donde puedes interactuar con todos los estudiantes del curso y el profesor, así como compartir tus trabajos y el proyecto que realices, creándose de esta manera una comunidad en torno al curso.
Puedes canjear un curso que te han regalado accediendo a la página de canjeo donde podrás introducir el código de regalo que te han proporcionado.
mgebetsroither
Love the design of the course, easy to understand and nice output!
Ver traducción
Ocultar traducción
robbutz
Amazing course. I'm just starting the final project but this was well worth it - I'm blown away by the range of what one can create. I took a very long introduction to Javascript before this course, and this really covers an impressive range of the language but in a way that feels concisely explained. The code 'detours' were well placed. I have so many ideas from this and I can't wait to do the 2.0 version of Bruno's course as well!
Ver traducción
Ocultar traducción
singgihnn
ProFinally using sin & cos! Fun & easy to understand course, also great experiments for all the students!
Ver traducción
Ocultar traducción
marcus_senise
Abre a mente para as infinitas possibilidades no mundo da programação criativa! Super recomendo.
Ver traducción
Ocultar traducción
pt2121
Fun course with good examples and exercises.
Ver traducción
Ocultar traducción